① 切圖：將設(shè)計師給的設(shè)計圖切出項目需要的圖片

② 搭建開發(fā)環(huán)境：項目目錄部署，編譯工具，合并工具，等等一下開發(fā)期間需要用到的(大都是自動化完成)

③ 技術(shù)選型：根據(jù)業(yè)務(wù)，用戶群體，選擇一套比較適合的進行開發(fā)

④ 開發(fā)：頁面(HTML...)、樣式(CSS...)、交互(JavaScript...)

⑤ 測試：兼容性(多瀏覽器人工測試)，JavaScript使用工具測試

⑥ 打包發(fā)布：該壓縮的壓縮，該合并的合并，線上測試

⑦ 優(yōu)化(部分重構(gòu))：對一些BUG進行修復(fù)，性能優(yōu)化

⑧ 重復(fù)步驟⑤~⑧，你沒看錯，是個死循環(huán)

html css 布局，寫靜態(tài)頁面，書寫公共css、控件，然后js實現(xiàn)動態(tài)效果；最后就是和后臺接口對接了。

先是 HTML 進行布局.然是 CSS 控制樣式,最后是 JS 處理交互,一般都是這樣

望采納!