前端工程的四个阶段

来源：天津IT培训学院时间：2020/10/8 13:56:09

阶段：库/框架选型
前端工程建设的项任务就是根据项目特征进行技术选型。

基本上现在没有人完全从零开始做网站，哪怕是政府项目用个jquery都是很正常的，React/Angular.js等框架横空出世，解放了不少生产力，合理的技术选型可以为项目节省许多工程量。

第二阶段：简单构建优化
选型之后基本上就可以开始敲码了，不过光解决开发效率还不够，必须要兼顾运行性能。前端工程进行到第二阶段会选型一种构建工具，对代码进行压缩、校验，之后再以页面为单位进行简单的资源合并。
第三阶段：JS/CSS模块化开发
分而治之是软件工程中的重要思想，是复杂系统开发和维护的基石，这点放在前端开发中同样适用。在解决了基本开发效率运行效率问题之后，前端团队开始思考维护效率，模块化是目前前端流行的分治手段。不管你将来是否要复用某段代码，你都有充分的理由将其分治为一个模块。
JS模块化方案很多，AMD/CommonJS/UMD/ES6Module等，对应的框架和工具也有很多；CSS模块化开发基本都是在less、sass、stylus等预处理器的import/mixin特性支持下实现的。
虽然这些技术由来已久，在如今这个“言必及React”的时代略显落伍，但想想业界的绝大多数团队的工程化落后程度，放眼望去，毫不夸张的说，能达到第三阶段的前端团队已属于高端行列，基本具备了开发维护一般规模Web应用的能力。
第四阶段：组件化开发与资源管理
组件化开发：页面上的每个独立的可视/可交互区域视为一个组件；每个组件对应一个工程目录，组件所需的各种资源都在这个目录下就近维护；由于组件具有独立性，因此组件与组件之间可以自由组合；页面只不过是组件的容器，负责组合组件形成功能完整的界面；当不需要某个组件，或者想要替换组件时，可以整个目录删除/替换。
“智能”静态资源管理：根据“增量”的原则，我们应该精心规划每个页面的资源加载策略，使得用户无论访问哪个页面都能按需加载页面所需资源，没访问过的无需加载，访问过的可以缓存复用，终带来流畅的应用体验。由“增量”原则引申出的前端优化技巧几乎成为了性能优化的核心，有加载相关的按需加载、延迟加载、预加载、请求合并等策略；有缓存相关的浏览器缓存利用，缓存更新、缓存共享、非覆盖式发布等方案；还有复杂的BigRender、BigPipe、Quickling、PageCache等技术。这些优化方案无不围绕着如何将增量原则做到而展开。
所以第四阶段前端开发迫切需要做好的就是在基础架构中贯彻增量原则。

领取试听课

每天限量名额，先到先得

尊重原创文章，转载请注明出处与链接：http://www.peixun360.com/2013/news/262405/违者必究！以上就是天津IT培训学院小编为您整理 前端工程的四个阶段的全部内容。