⑴ 如何用markdown寫前端開發文檔
arkdown 的目標是實現「易讀易寫」。 可讀性，無論如何，都是最重要的。一份使用 Markdown 格式撰寫的文件應該可以直接以純文本發布，並且看起來不會像是由許多標簽或是格式指令所構成。 Markdown 語法的目標是：成為一種適用於網路的書寫語言。
⑵ 前端開發應該如何寫技術文檔
一名合格的前端開發工程師，不單單需要掌握前端必須的各種技術，同時還要掌握其它技術，需要掌握一點後台的知識，同時也要對網站構架有一定的了解，這樣才可以稱之為一個合格的Web前端開發工程師。
如果你想要快速學習Web前端技術，專業全面的學習方式比較好。適合零基礎的小白迅速成長，學習曲線先快後慢，也適合有一定基礎的學員進階學習，鞏固知識的基礎上，穩步進步突破職業瓶頸。
⑶ 前端是不是邊看文檔邊寫
是的。
任何與操作系統打交道的界面都可以稱之為前端。.通俗來講，前端在一個項目里，拿到UI設計師設計的設計稿，然後實現UI設計師設計稿，調用後端程序員給的數據介面以獲取數據，然後測試，最後部署上線。
前端工程師主要利用HMTL與CSS建構頁面（其中html構建骨架，css構建樣式），用JavaScript獲取後端數據以及完善交互以及用戶體驗。
⑷ 前端開發過程中如何寫文檔注釋
ctrl+/
/是shift左邊的那個
⑸ 前端開發的技術文檔怎麼寫
可以從項目背景，功能模塊，目錄結構，介面列表來寫，還可以配合jsdoc自動生成各個js文件的詳細文檔
⑹ 前端原型文檔是什麼意思
原型是設計的模型。靜態網頁是通過html代碼實現原型的
前端開發涉及到的技能主要有：Html、CSS、JavaScript、Java或kotlin（Android開發）、Object-C或Swift（iOS開發）；當然也有很多前端的開發框架：Vue、React、Angular等等；
⑺ 前端怎麼在項目里寫自己的樣式不影響別人的
單獨寫一個css樣式文件
CSS提供了豐富的文檔樣式外觀，以及設置文本和背景屬性的能力;允許為任何元素創建邊框，以及元素邊框與其他元素間的距離，以及元素邊框與元素內容間的距離;允許隨意改變文本的大小寫方式、修飾方式以及其他頁面效果。
⑻ 前端項目的開發流程
前端開發流程概述
前端開發流程可分為需求分析、開發階段、測試階段、維護階段，下面分別進行敘述。
2.1 需求分析
這個環節中，首先是和客戶進行交流，了解客戶的需求，然後分析項目的可行性，撰寫項目需求文檔。如果項目可行，則起討論具體方案，分模塊分步驟進行規劃，分析項目進度安排、所需成本，進行原型設計（包括頁面布局圖，頁面邏輯流程圖，說明文檔等。通過原型設計，可以讓項目組和客戶都可以對項目有一個直觀感受，同時可以低成本高效率的復現業務場景和各模塊流程）。
可以說需求分析階段是整個前端項目的基礎，基礎不牢，地動山搖。可以試想，如果和客戶溝通不順暢，有的方面客戶沒搞清楚是什麼效果，開發完成後就可能與客戶發生糾紛；如果可行性有問題，有的模塊很難實現或成本超出預算，就很難處理。
2.2 開發階段
這個環節是前端工程師主要參與的部分，按照需求分析階段的規劃按步驟完成任務。
根據產品需求分析文檔和原型圖進行UI設計，對產品的整體美術風格、交互設計、界面結構、操作流程等做出設計。負責項目中各種交互界面、圖標、LOGO、按鈕等相關元素的設計與製作。
根據UI設計進行規劃，提取界面中可以復用的模塊方便重復利用，分析界面是否有實現難度比較困難的地方，進行溝通和功能排期，按功能大小以及難度進行功能時間的評估，和後端溝通好排期時間，保證大家能夠更有效地開發合作，針對功能復雜的地方要先理清思路。
不要盲目開發前端搭建框架。根據設計圖進行前端界面開發，以及遇到的問題及時與產品、UI、後台人員溝通，保持大家信息一致，針對不清楚的地方也要及時溝通，以免做錯功能。
根據後端介面進行欄位填充，以及部分功能開發。針對缺少的欄位或者數據結構進行提出，及時與後端反應，盡量讓大家都能以最小的改動完成後續開發工作。前後端都要按照規范進行開發，針對不規范的地方要給與提出、指正，營造出規范的工作模式，以後維護成本和溝通成本更低以及開發效率更高。如果前端的設計進度遠遠超前後端的介面和數據結構設計，也不必等後端，可以自行開發nodejs伺服器配合postman等介面軟體進行開發。
前後端功能聯調、完成自測。檢查功能完成情況，看是否有遺漏，出現問題及時溝通解決。
2.3 測試階段
發布測試、修改bug、發布上線，自測完成後提交測試，測試根據提交的項目以及需求進行測試，提出bug給相關人員修改，開發人員周期性的配合修改bug，保證今天能夠修復昨天的bug。
發布dev環境，配合測試，修復bug以及需求優化
發布test環境，修復bug以及需求優化
發布it環境，修復bug以及需求優化
發布pre環境，修復bug以及需求優化
pre驗收之後，發布線上環境，產品進行驗收
2.4 維護階段
如果客戶驗收通過，項目就進入了維護階段，程序的維護包括程序上線後後續bug的修復和程序版本的更新。
3 個人經驗總結
3.1 文檔很重要
前端項目的文檔似乎已經作為前端工程化的標准流程之一了，文檔寫的好，可以便於同事快速了解你的代碼功能和需求，便於協作。可以想像，隨之項目復雜度增加，體量越來越龐大，開發團隊人數也越來越多。這種情況下，如果像變魔術一樣隱匿中間流程而直接得出結果，後果可想而知：項目復雜度越增加就越難以管理，開發效率低，合作混亂，結果甚至導致項目死亡。
好的文檔看起來就像一個產品說明書，但作用卻遠遠超過了說明書，不僅僅告訴你如何使用，還應該告訴你項目的設計思路，用了哪些組件，哪些部分不完善，將來有什麼規劃等等。這是一份比較好的說明文檔。
3.2 與客戶及時溝通很重要
3.3 扎實的基本功很重要
盡管當下框架、函數庫、工具包等更新迭代非常快，前端工程師有很多新的知識要學，但原生JS、HTML和CSS依然是重要的基本功，在學習前沿工具的同時不能放棄基本功的訓練。
⑼ web前端怎麼樣才能快速的學會一個文檔
其實前端並不是要你有多好的邏輯，有多麼好的操作，說白了就是多練，練多了你會發現這個好像我寫過，這個好像我也寫過。到最後你腦袋都沒反應過來，手都已經敲出來了。
你可以試著，去獨立開發一些小項目，總有一天，你就能獨立開發大項目，以後你就會徒手露框架，肉眼找bug。加油
⑽ 關於前端開發的20篇文檔與指南
英文原文：Another
20
Docs
and
Guides
for
Front-End
Developers
相信在
2015
年很多這個行業的人都會有這樣的兩種感受：
真的不知所措，這個行業到底有多少東西需要去學習；
渴望更多，並迫不及待的為接下來的學習尋求一些思想方向。
第一個來自於我們的個人感受，而第二個則是純粹的必要性了。所以本文整理一些有用的信息，希望可以幫助相關領域的前端開發人員。
1.
I
want
to
use
基於
Can
I
use
的數據和功能，這款應用給予你選擇一組前端開發特性的能力，並會讀取出一個全球性用戶能夠使用它的百分比。
2.
Regulex
JavaScript
正則表達式的可視化工具，在線輸入表達式後，動態生成表達式圖片。非常不錯的一個可視化
Web
在線正則表達式設計工具。
3.
Mastering
the
:nth-child
一個單頁網站，幫助你理解如何去使用各種有用但又復雜的基於選擇器組合的
nth-child。
4.
HTML
5
視頻事件和
API
這個頁面展示了新的
HTML
5
視頻元素、媒體
API
和媒體事件。播放、暫停、搜索整個視頻、改變音量、靜音、改變播放速度（包括進入負值），查看視頻和潛在事件與屬性上的效果。
5.
Excess
XSS
這可能是所有開發者都應該熟悉的一個話題，並且這可能是一個很好的著手點。它是一個跨站點腳本編制綜合教程。
6.
RSCSS
意思為Reasonable
Standard
for
CSS
Stylesheet
Structure（CSS
樣式表結構合理的標准），記錄一些針對大項目的
Sass/CSS
編寫技巧和技術。
7.
CodeFightClub
一個由
Andrew
Hathaway
建立的項目，目的是幫助其他開發者學習如何用最好、最有效以及首選的方法編寫代碼。
8.
Sass
Guidelines
Hugo
Giraudel
寫的
Sass
Guidelines
目前已經被翻譯成其他六種語言。
9.
Flexbugs
如果你的目的是使用
flexbox
構建一個網站，而事情卻並沒有像你所期望的那樣進行，你可以在這里找到解決方案。
10.
A
Front
End
Engineers
Manifesto（一個前端工程師的宣言）
沒什麼深入的東西，只是一些簡單的事情提示，所有的前端開發者應該考慮將其結合到開發過程和工作流中。
11.
ES5
中的
ECMAScript
6
等價物
ES6
特性轉換到
ES5-compatible
代碼的一個很好的參考。
12.
Flexbox
Adventures
來自開發者
Chris
Wright
對
Flexbox
深入、實際看法。
13.
BEM
一個全面推廣和培養
BEM
CSS
使用方法的網站。
14.
Sass
Compatibility
記錄不同
Sass
引擎之間的不兼容性問題。
15.
HTMLelement.info
一個整潔、邏輯、易使用的指南規范，在不同的
HTML
元素上獲得信息。
16.
JSLint
Error
Explanations
你可能跟隨過很多
JavaScript
最佳實踐，卻並不明白所有這些技術背後的原因。本站旨在揭露
JSLint、JSHint、和
ESLint
工具里錯誤和警告。