很多前端新手在開發的時候總是顯得效率不高,其實很大程度上是準備工作不到位,大部分新手一拿到設計稿就開始上手,等到快完工的時候才發現這沒做好那沒做好,常常導致返工不斷,因此在正式開發敲第一行代碼前不妨靜下來好好思考下整個項目的邏輯以及項目開發會遇到什麼,根據本人開發經驗,總結以下開發前要準備的工作,希望能幫助到新手
在項目開始前要做的工作:
一、統覽所有的設計稿,找出共同元素,比如字體大小,風格,背景,邊框顏色,邊距等,同時標出共同組件。
二、提前做好圖片的雪碧圖,減少圖片請求。
三、充分與設計師溝通(確定拿到手的設計稿是經過主管審覈同意的),以及與後臺溝通(確認好接口、數據格式、請求參數等),確保做的都是有用功。
四、提前評估好項目開發中可能會碰到的問題,跟項目主管確認要兼容的瀏覽器以及版本,並做好兼容性解決方案(尤其是網頁版微信瀏覽器兼容)。
五、根據項目的大小選擇合適的技術套餐,比如是否要使用spa單頁路由開發 還是 原生+jq webpack多入口等
六、選擇好代碼版本管理工具(github/svn)一般項目都是會放在github上、如果這些不懂,可以提前預習下
七、提前根據業務設計好項目的基本目錄結構:一般都有src(assert、components、view....) build config utils server api等等