- 第一阶段
库/框架的选择 - 第二阶段
简单构建优化:选择一个构建工具,对代码进行压缩,校验,然后再以页面为单位进行资源的合并 - 第三阶段
JS/CSS模块化开发(分而治之)
提高效率
css模块化:sass、less等预处理器 - 第四阶段
面对大规模、大体量、高性能
组件化开发:
- 页面上的每个 独立的 可视/可交互区域视为一个组件;
- 每个组件对应一个工程目录,组件所需的各种资源都在这个目录下就近维护;
- 由于组件具有独立性,因此组件与组件之间可以 自由组合;
- 页面只不过是组件的容器,负责组合组件形成功能完整的界面;
- 当不需要某个组件,或者想要替换组件时,可以整个目录删除/替换。
资源管理