前端工程化及组件化开发学习

前端工程

第一阶段

库/框架的选择 第二阶段

简单构建优化：选择一个构建工具，对代码进行压缩，校验，然后再以页面为单位进行资源的合并 第三阶段

JS/CSS模块化开发(分而治之)

提高效率

css模块化：sass、less等预处理器

第四阶段

面对大规模、大体量、高性能

组件化开发：

页面上的每个 独立的 可视/可交互区域视为一个组件; 每个组件对应一个工程目录，组件所需的各种资源都在这个目录下就近维护; 由于组件具有独立性，因此组件与组件之间可以 *组合; 页面只不过是组件的容器，负责组合组件形成功能完整的界面; 当不需要某个组件，或者想要替换组件时，可以整个目录删除/替换。