码迷,mamicode.com
首页 > 其他好文 > 详细

前端工程化学习

时间:2018-03-09 22:53:09      阅读:307      评论:0      收藏:0      [点我收藏+]

标签:iss   开发   前端   预处理   工具   down   issue   css   压缩   

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

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

前端工程化学习

标签:iss   开发   前端   预处理   工具   down   issue   css   压缩   

原文地址:https://www.cnblogs.com/yehui-mmd/p/8536372.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!