问题描述:

前两天调试webside项目前端界面效果时,发现jsp页面中引入了一个login.min.js,在Eclipse中Ctrl+Shift+R搜索这个js文件,如下图:

javascript中的.js与.min.js的区别

双击打开之后,发现这个文件中是一行很长很长的代码,并发现其变量的命名好多a,b,c,d 而且使用了很多的三目运算符 ? : 

这个文件中的js代码看起来非常不方便。之后又遇到了一个jsp页面引用另外一个.min.js文件,即index.min.js。发现在项目中同时存在index.js、index.min.js,另外login.js、login.min.js也是同时存在的。如下图所示

javascript中的.js与.min.js的区别

打开index.js,格式比较规范,方便阅读,如下图所示。

javascript中的.js与.min.js的区别

打开index.min.js,只有长长的1行,如下图所示。

javascript中的.js与.min.js的区别

问题分析:

.js   是JavaScript的源码文件。.js文件可读性好,便于调试和修改,但是其相对压缩后的.min.js所占用空间较大

.min.js   是JavaScript的源码文件压缩之后产生的文件。.min.js文件可读性差,所占用空间相对较小,可用于源码防窃

将.js压缩为.min.js主要包括两个方面:去掉无用的空格、换行符号、注释等,从而压缩js文件大小;将原.js中变量和函数的命名修改为没有实际意义的名称,进行语句的等价替换,如条件判断修改为使用三目运算符,从而尽可能实现源码防窃

JavaScript的代码压缩工具,可以参考文章《推荐15个最好用的 JavaScript 代码压缩工具

 

 

 

 

 

 

 

 

 

 

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-08-02
  • 2022-01-18
  • 2021-05-18
  • 2021-09-11
猜你喜欢
  • 2022-12-23
  • 2021-07-17
  • 2022-12-23
  • 2021-07-01
  • 2021-08-03
  • 2022-12-23
相关资源
相似解决方案