開發前
項目需求分析
一、拿到原型圖，先自我解析需求，畫出思維導圖，流程圖
在拿到原型圖時，可以先理清我們的需求
1、依賴的外部資源
- 后端提供的接口
- UI出圖的布局
- 后期頻繁改動的地方
2、需要實現的效果
- 彈窗
- 下拉刷新
- 動畫效果
- 吸頂效果
- 懶加載、預加載、防抖、節流
二、明確需求
在需求評審會，1找到需求文檔中不太合理或模棱兩可的地方，完善需求文檔；2明確產品需求。
會后進一步整理需求
細化細節，整理有疑問的地方，與產品、設計等其他人進行確認
頁面設計
提供開源框架或業界流行框架給產品和UI設計師，探討能否在開源組件框架庫的基礎上進行設計，借助框架避免重復造輪子和踩坑。
技術選型，庫/框架選型
1、團隊同事的技能知識儲備是否支撐起使用該技術開發
2、看項目的復雜程度，對擴展性、易維護、開發效率進行考量
3、框架UI設計風格是否跟項目匹配
開發中
編碼
1、先思考交流，再動手
準備開發一個功能模塊時，先理清自己的思路，然后跟旁邊的小伙伴交流一下。
2、及時反饋問題
開發過程中遇到需求細節問題，立即找產品確認并解決細節問題然后更新需求文檔，記得給測試說下需求有調整，要讓所有參與方都明確需求。
3、另外，如果發現開發難度比當初想象的要大，難以在自己評估的時間內完成（直白點說就是你高估了自己的水平），趕緊給上司說做不完需要加時間。
4、提取剝離相同或相似結構，封裝成模板或組件。
提取剝離公共js方法，保存到util.js。
提取公用樣式css，保存到common.css。
開發后
測試
1.自測
2.及時code review
我比較建議每完成一個小的功能模塊就code review一次，這樣code review的目標很明確并且review方的壓力也比較小。
維護
每天留出一塊時間專門用以處理bug，而不是讓產品或測試同事打斷開發思路。
最后，保持學習的動力，通過不斷的學習提高自己的技術能力，擴寬自己的視野，
