前端集成方案——理论(一)

[mominger]

概论

• 集成方案在项目中的地位？

• 书面解释 前端集成方案指的是将前端开发领域中所有的技术元素集中到一起，对常见问题提供一套解决方案。
• 为什么要有集成方案？ 前端达到一定规模后，一些孤立的技术元素(模块化、打包、部署、压缩合并、组件管理...)就成为束缚了研发人员的瓶颈。

好，骚年，接下来我们以研发流程为主线， 来探讨集成方案究竟应该包含哪些，需要哪些。

首先，你需要建个工程，工程在前端就是目录结构

包划分讲究得是以什么为核心，为什么这么划分。至于命名，尽量遵守通用的命名。

其次，编码阶段

　　写法要统一，你一个JS类太大了，要拆分成几个类，几个文件，他们之间要依赖吧。这叫写法规范和依赖管理。这两者合起来叫模块化。

推荐大家使用@玉伯的SeaJS,因为它的源码中文注释，书籍github一大堆。非常容易看懂。像我这种有英文障碍的就很高兴。　　　

接下来，码编得差不多了，需要编译打包

gzip压缩是配置apache的http.conf文件，响应头Content-Encoding:gzip

图片不进行gzip压缩，是压缩后不一定不小，甚至会稍微变大。

我想问个问题，模块化有前端框架，压缩合并有没有。没有！为什么呢？前端语言读文件有安全限制，你没法主动去访问、读取文件。需要后台语言，通过IO流去读它，过滤它的空格，回车符，按规则替换它的变量名，这就是压缩。同样的合并，通过IO流写到一个文件里。

编译打包完了，做做通用的性能优化

CDN服务器配的，cache-controller、304等也是配的。至于HTML5 的web存储不兼容IE，且它最适合的是离线程序。我们主要关注的就是压缩合并。

然后，测试

最后，发生产

　　发生产有覆盖式发布和非覆盖式发布两种

整个研发流程过完了。我列出来前端研发过程中，除应用框架以外的技术元素。 这些元素放到一起集中处理的方案就叫前端集成方案。继续看理论二

[mominger]

@jiuyuehe 你湖南涟源的？老乡？

[jiuyuehe]

@mominger 是的，而且我还有个同学叫谭文斌，我严重怀疑是你！

[jiuyuehe]

不好意思，我同学叫谭岳斌。

[mominger]

@jiuyuehe 已给你邮件