现代前端技术解析

前端知识体系主要包含html(h5)、
css(ccs3)、js(es6)、前端js库（比如jquery）、前端样式库（如bootstrap）、前端框架（angular、react、vue）、
移动端开发、模块化、组建化、工程化、前端安全、前端性能

1. 模块化
2. 组件化
3. “智能”加载静态资源（性能优化）
   模块化/组件化开发之后，我们最终要解决的，就是模块/组件加载的技术问题。然而前端与客户端GUI软件有一个很大的不同：前端是一种远程部署，运行时增量下载的GUI软件。
   如果用户第一次访问页面就强制其加载全站静态资源再展示，相信会有很多用户因为失去耐心而流失。根据“增量”的原则，我们应该精心规划每个页面的资源加载策略，使得用户无论访问哪个页面都能按需加载页面所需资源，没访问过的无需加载，访问过的可以缓存复用，最终带来流畅的应用体验。
   这正是Web应用“免安装”的魅力所在。
   由“增量”原则引申出的前端优化技巧几乎成为了性能优化的核心。

有加载相关的按需加载、延迟加载、预加载、请求合并等策略；
有缓存相关的浏览器缓存利用，缓存更新、缓存共享、非覆盖式发布等方案；

还有复杂的BigRender、BigPipe、Quickling、PageCache等技术。
这些优化方案无不围绕着如何将增量原则做到极致而展开。

4. 规范化
   规范化其实是工程化中很重要的一个部分，项目初期规范制定的好坏会直接影响到后期的开发质量。

目录结构的制定
编码规范
前后端接口规范
文档规范
组件管理
Git分支管理
Commit描述规范
定期CodeReview
视觉图标规范
…

5. 自动化
   任何简单机械的重复劳动都应该让机器去完成。

图标合并
持续集成
自动化构建
自动化部署
自动化测试

作者：黎贝卡beka
链接：https://www.jianshu.com/p/0d0f268ec73d
来源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。