前端工程化

前端架构： 1.前端工程化 web应用复杂度的增加，特别是单页面应用的风靡。组件化，工程化，自动化成了前端发展的趋势。或者说一线的互联网公司就是这么做的。 每个前端团队都在打造自己的前端开发体系，这通常是一个东拼西凑，逐渐磨合的过程，在技术发展日新月异的今天，这样的过程真的是不可抽象和复制的么？本文希望能够通过系统的拆解前端开发体系为大家提供体系设计思路参考。 前端工程的3个阶段 第一阶段： 库/框架选型 Animate.css jQuery vue.js underscore.js React.js Backbone.js Bootstarp zepto.js jade normalize.css compass Angular.js 解决开发效率 第二阶段： 简单构建优化 选择构建工具，对代码进行压缩，校验，之后再以页面为单位进行简单的资源合并。 第三阶段： JS/CSS模块化开发 解决维护效率 js的模块化方案 ADM/CDM/UMD/ES6 Module css的模块化：less，sass。 第四阶段: 前端是一个技术问题较少，工程问题较多的开发领域 当我们要开发一款完整的Web应用时，前端将面临更多的工程问题，比如： - 大体量：多功能、多页面、多状态、多系统； - 大规模：多人甚至多团队合作开发； - 高性能：CDN部署、缓存控制、文件指纹、缓存复用、请求合并、按需加载

wen jianajax技术的问世令静态的网页“动”了起来，异步请求和局部刷新彻底改变了网页的交互模式。 HTML和css只有在浏览器环境或者类浏览器环境下才会被识别解析，所以可以认为这两者是DSL（Domain Specific Language 领域特定语言），而JS本质上是一门编程语言。 所以，数据结构、算法、软件工程等基础知识对于前端工程师同样重要，这些知识决定一个前端工程师的上限。 同构JS的概念简单讲就是令JS编写的代码既可以在浏览器端工作，也可以在服务器端工作，这意味着服务器和浏览器都可以承载网页的渲染工作。 随着个人终端设备和浏览器性能的不断提升，web开发者尝试将渲染以及路由工作交给客户端，服务器端REATful API只提供渲染HTML所需的JSON数据。 前后端分离的核心是解耦。 静态资源指的是JS,CSS,图片等，动态资源指的是HTML模版，除非你的项目不需要任何服务器端渲染的SPA，否则我们仍然不可避免的要处理前后端最难解耦的HTML模版。 SPA项目中不存在html模板的概念，所有heml实体内容均有js在浏览器下生成。所以spa项目中可以将html文件作为静态文件处理。 文章来源: https://blog.csdn.net/lianfengzhidie/article/details/89738947