《JavaScript Web应用开发》笔记

各流程图解

1. 开发流程
   效率和监视变动是开发流程的重点
2. 发布流程
   在发布流程中，我们关注的是性能优化，以及构建整体测试良好的应用，这个流程执行的任务重视的是减少应用占用的字节量。
   这一过程包括预处理和静态资源优化。
   预处理能够把浏览器原生不支持的语言（如ES6、ES7、LESS、SASS等）转换成浏览器支持的形式。
   静态资源优化包括打包、简化以及压缩。
   打包是把静态资源放在一起，以减少HTTP请求次数，提高网页性能。
   简化会删除代码中的空白、缩短变量名，以及优化代码的句法树，以牺牲代码可读性的代价使得代码所占空间减小。
   压缩指的是在浏览器发送资源的时候进行压缩，以减小传输的数据量。
   同样，图片资源也可以进行类似打包的操作，即把网页所需要的图片拼接在一张图上，称为子图集，能大大减少HTTP请求次数。这一技术也成为sprite（雪碧）。
3. 部署流程
   部署流程完全不构建应用，而是直接使用前两个流程准备好的构建版本，将其传到主机环境