一：技術選型

1.構建工具：

（1）有哪些構建工具尼

glup：主要是做任務分配管理，流式操作，那麼先讀一次，然後在記憶體中完成所有的修改，然後在讀入，所以速度更快的

grunt：主要是做任務分配管理，讀入讀出的方式

webpack：主要是做編譯打包

fis：構建的方案，百度推出的

prepack：facebook推出的，但是有一個問題，及時的編譯工具，不是特別好的打包工具

rollup：與webpack很相似，能夠把冗餘的程式碼給去掉，所有差不多了

（2）構建工具的好處

1.資源壓縮

2.靜態資源替換

3.模組化處理

4.編譯處理

（3）最後選擇 webpack + npm scripts（可以做任務管理），最簡單的方法的去構建工具

2.mvvm框架選擇：vue.js

三大框架有 angular.js react.js vue.js，最新版本上基本上沒有區別了

（1）團隊型別：前端人員，以及水平（基礎的話用vue）

（2）生態：有很多人去不斷去維護，這個很重要

（3）個人使用能力

3.模組化設計

css模組化設計

js模組化設計

4.自適應方案設計

 一份js+css程式碼解決所有的機型上面的適配，不是在開發中去寫，而是在上線之後去看

5.程式碼維護以及複用性設計

（1）需要變更

（2）產品迭代

（3）bug定位

（4）新功能開發

元件化學習總結一：http://blog.csdn.net/qq_24930743/article/details/79168973

元件化學習總結三：待續