前端工程化学习

Posted 只要闪电降临 就会有跳舞的火焰

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端工程化学习相关的知识,希望对你有一定的参考价值。

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

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

以上是关于前端工程化学习的主要内容,如果未能解决你的问题,请参考以下文章

Vuewebpack的基本使用

转行Web前端工程师要掌握的学习知识汇总

前端工程化学习

向bootstrap学习前端工程

前端学习路径

前端工程师直线学习路径