前端工程化学习

前端工程

• 第一阶段
  库/框架的选择
• 第二阶段
  简单构建优化：选择一个构建工具，对代码进行压缩，校验，然后再以页面为单位进行资源的合并
• 第三阶段
  JS/CSS模块化开发（分而治之）
  提高效率
  css模块化：sass、less等预处理器

• 第四阶段
  面对大规模、大体量、高性能
  组件化开发：

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

  资源管理

学习资源美文：https://github.com/fouber/blog/issues/10