一:技术选型
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
组件化学习总结三:待续