问题描述:
前两天调试webside项目前端界面效果时,发现jsp页面中引入了一个login.min.js,在Eclipse中Ctrl+Shift+R搜索这个js文件,如下图:
双击打开之后,发现这个文件中是一行很长很长的代码,并发现其变量的命名好多a,b,c,d 而且使用了很多的三目运算符 ? :
这个文件中的js代码看起来非常不方便。之后又遇到了一个jsp页面引用另外一个.min.js文件,即index.min.js。发现在项目中同时存在index.js、index.min.js,另外login.js、login.min.js也是同时存在的。如下图所示
打开index.js,格式比较规范,方便阅读,如下图所示。
打开index.min.js,只有长长的1行,如下图所示。
问题分析:
.js 是JavaScript的源码文件。.js文件可读性好,便于调试和修改,但是其相对压缩后的.min.js所占用空间较大
.min.js 是JavaScript的源码文件压缩之后产生的文件。.min.js文件可读性差,所占用空间相对较小,可用于源码防窃
将.js压缩为.min.js主要包括两个方面:去掉无用的空格、换行符号、注释等,从而压缩js文件大小;将原.js中变量和函数的命名修改为没有实际意义的名称,进行语句的等价替换,如条件判断修改为使用三目运算符,从而尽可能实现源码防窃
JavaScript的代码压缩工具,可以参考文章《推荐15个最好用的 JavaScript 代码压缩工具》