填坑:前端应知应会-精简&混淆&压缩

20151110-精简&混淆&压缩

在项目代码正式上线之前，通常要使用一些工作对业务代码进行一系列处理，来达到减小代码体积等的目的。

代码示例

压缩通常来描述精简、混淆这几种操作通常的称呼，代码精简通常是为了减少代码体积，减小网络传输时间，提高页面响应，混淆这个功能主要目的是降低代码的可读性，防止被追踪出程序逻辑，在用简单字符替换变量的方面也有一定的减小代码体积的效果。

精简

删除代码注释； 删除代码无意义的空白（space, tab, 回车，换行）； 删除可以省略的符号（如js末尾分号）；

混淆

重命名局部变量（yui compressor 可以配置参数，拒绝变量重命名）； 通过编码混淆代码， 有很多可以使用的编码加密方法，但是缺点主要是增加代码体积，而且编码加密都是可逆的。

压缩

packer的编码压缩； 服务器的gzip压缩；

编译

对js代码进行优化，进行语义分析，删除无用代码，删除没有使用的变量，优化逻辑关系等 seajs可以’预编译‘模块，找出模块以来关系来异步load顺序执行模块。

不同模式对示例代码不同的处理效果