前端工程化学习

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

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

posted @ 2018-03-09 21:17  美美王子  Views(148)  Comments(0Edit  收藏  举报