### **何为前端** 1. 从本质上讲，所有web应用都是运行在浏览器上的gui软件，gui即Graphical User Interface（用户图形界面），这些用户图形界面即是前端。 ### **前端发展的三个阶段** 目的： 为了提升开发效率和性能优化 1. 框架/库 选型 2. 简单构建与优化 3. js/css模块化开发 4. 工程化 ### **如何提高开发效率和性能** 1. 组件化开发 - js模块化：浏览器环境监测，ajax请求，应用配置，dom操作，工具函数，以及组件中的js单元 - css模块化：grid ,字体图标，动画样式，组件中的css单元 - ui组件： 页头， 页尾，导航栏，组件的css单元 - 页面： ui组件的容器     2. 资源管理 前端是一种远程部署，运行时增量下载的GUI软件 由“增量”原则引申出的前端优化技巧几乎成为了性能优化的核心，有加载相关的按需加载、延迟加载、预加载、请求合并等策略；有缓存相关的浏览器缓存利用，缓存更新、缓存共享、非覆盖式发布等方案；还有复杂的BigRender、BigPipe、Quickling、PageCache等技术。这些优化方案无不围绕着如何将增量原则做到极致而展开。