JavaScript中.min.js和.js文件的区别讲解


Posted in Javascript onFebruary 13, 2019

Q&A

Q: .js和.min.js文件分别是什么?

A: .js是JavaScript 源码文件, .min.js是压缩版的js文件。

Q:为什么要压缩为.min.js文件?

  • 减小体积  .min.js文件经过压缩,相对编译前的js文件体积较小,传输效率快。
  • 防止窥视和窃取源代码  经过编码将变量和函数原命名改为毫无意义的命名,以防止他人窥视和窃取 js 源代码

Q:.js 和.min.js文件的优缺点?

.js文件:
  优点: 可读性较好,易于debug和更改.
  缺点:体积较大,传输时间长
 
.min.js文件:
  优点:体积较小传输快, 源码防窃
  缺点:可读性差

Q:如何生成.min.js文件?

使用压缩工具:

Google的在线版本 Javascript Closure Compiler

压缩工具参考list:  https://3water.com/article/156179.htm

Q:压缩原理?

  • 压缩:删除 js 代码中所有注释、跳格符号、换行符号及无用的空格,从而压缩 JS 文件大小。
  • 混淆:经过编码将变量和函数原命名改为毫无意义的命名,删除无用代码,内联函数,等价语句替换等(以防止他人窥视和窃取源码)

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对三水点靠木的支持。如果你想了解更多相关内容请查看下面相关链接

Javascript 相关文章推荐
默认让页面的第一个控件选中的javascript代码
Dec 26 Javascript
javascript通过navigator.userAgent识别各种浏览器
Oct 25 Javascript
js清理Word格式示例代码
Feb 13 Javascript
jquery取消选择select下拉框示例代码
Feb 22 Javascript
JQuery 图片滚动轮播示例代码
Mar 24 Javascript
js实现百度联盟中一款不错的图片切换效果完整实例
Mar 04 Javascript
js和jquery实现监听键盘事件示例代码
Jun 24 Javascript
BootStrap入门学习第一篇
Aug 28 Javascript
浅谈webpack打包生成的bundle.js文件过大的问题
Feb 22 Javascript
node中的session的具体使用
Sep 14 Javascript
详解JavaScript函数callee、call、apply的区别
Mar 08 Javascript
小程序中设置缓存过期的实现方法
Jan 14 Javascript
node.js微信小程序配置消息推送的实现
Feb 13 #Javascript
vue实现购物车抛物线小球动画效果的方法详解
Feb 13 #Javascript
Jquery实现无缝向上循环滚动列表的特效
Feb 13 #jQuery
vuex实现的简单购物车功能示例
Feb 13 #Javascript
jquery无缝图片轮播组件封装
Nov 25 #jQuery
Vue中多个元素、组件的过渡及列表过渡的方法示例
Feb 13 #Javascript
vue写h5页面的方法总结
Feb 12 #Javascript
You might like
php实现按文件名搜索文件的远程文件查找器
2014/05/10 PHP
ecshop 2.72如何修改后台访问地址
2015/03/03 PHP
了解PHP的返回引用和局部静态变量
2015/06/04 PHP
Apache连接PHP后无法启动问题解决思路
2015/06/18 PHP
PHP实现的oracle分页函数实例
2016/01/25 PHP
Yii中CGridView禁止列排序的设置方法
2016/07/12 PHP
PHP的微信支付接口使用方法讲解
2019/03/08 PHP
十分钟打造AutoComplete自动完成效果代码
2009/12/26 Javascript
Javascript中的for in循环和hasOwnProperty结合使用
2013/06/05 Javascript
js使用栈来实现10进制转8进制与取除数及余数
2014/06/11 Javascript
javascript实现在网页中运行本地程序的方法
2016/02/03 Javascript
bootstrap和jQuery.Gantt的css冲突 如何解决
2016/05/29 Javascript
jQuery给div,Span, a ,button, radio 赋值与取值
2016/06/24 Javascript
AngularJS实现在ng-Options加上index的解决方法
2016/11/03 Javascript
浅谈vue引用静态资源需要注意的事项
2018/09/28 Javascript
element-ui和vue表单(对话框)验证提示语(残留)清除操作
2020/09/11 Javascript
[53:18]Spirit vs Liquid Supermajor小组赛A组 BO3 第三场 6.2
2018/06/03 DOTA
python编写网页爬虫脚本并实现APScheduler调度
2014/07/28 Python
Python中字典的基础知识归纳小结
2015/08/19 Python
Python向MySQL批量插数据的实例讲解
2018/03/31 Python
python实现跨excel的工作表sheet之间的复制方法
2018/05/03 Python
Python使用requests提交HTTP表单的方法
2018/12/26 Python
两个元祖T1=('a', 'b'),T2=('c', 'd')使用匿名函数将其转变成[{'a': 'c'},{'b': 'd'}]的几种方法
2019/03/05 Python
Pycharm远程调试原理及具体配置详解
2019/08/08 Python
Python爬虫爬取糗事百科段子实例分享
2020/07/31 Python
Python APScheduler执行使用方法详解
2020/12/10 Python
CSS3制作ajax loader icon实现思路及代码
2013/08/25 HTML / CSS
日本民宿预约平台:STAY JAPAN
2017/07/01 全球购物
如何删除一个表里面的重复行
2013/07/13 面试题
总经理助理岗位职责
2013/11/08 职场文书
建设办主任四风问题整改思路和措施
2014/09/20 职场文书
会计工作检讨书
2015/02/19 职场文书
2015年八一建军节演讲稿
2015/03/19 职场文书
2016年6.5世界环境日宣传活动总结
2016/04/01 职场文书
css3 实现文字闪烁效果的三种方式示例代码
2021/04/25 HTML / CSS
详解Javascript实践中的命令模式
2021/05/05 Javascript