组件化学习总结二

一：技术选型

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.youkuaiyun.com/qq_24930743/article/details/79168973

组件化学习总结三：待续