一、前端工程化
1、开发规范-- 制定好开发、部署的目录规范、编码规范。
2、模块化-- 针对JavaScript、CSS，以及功能或业务为单元组织代码。
3、组件化--将页面拆分成多个组件，每个组价依赖的CSS、JavaScript、模块、图片等资源放在一起开发和维护
4、组件库--将非常通用的组件或者JavaScript模块放到一个公共的地方，供团队共享，方便新项目的复用。
5、性能优化
6、项目部署
7、开发流程--完整的开发流程包括本地开发调试、视觉检查、前后端联调、测试、上线等环节
8、工程工具--包括构建与优化工具、开发-调试-部署等流程工具、组件获取和提交工具等。
为什么前端工程化？
---复杂web应用，规模大，工程量非常庞大，需要我们从软件工程的角度思考前端开发，用工程化的手段来解决问题，提高团队的开发效率，这就是前端工程化。
二、服务器端渲染
1、首屏渲染速度更快
2、SEO--服务端渲染可以让搜索引擎更容易读取页面的meta信息、SEO相关信息，加大网站在搜索引擎中的可见度。
3、减少HTTP请求--将一些动态数据首次渲染的时候同步输入到页面，而客户端渲染的时候需要AJAX等异步手段获取数据，这样就相当于多了一次HTTP请求。
Vue2.0
1、普通服务端渲染
2、流氏服务端渲染