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 相关文章推荐
jquery判断字符输入个数(数字英文长度记为1,中文记为2,超过长度自动截取)
Oct 15 Javascript
javascript中call和apply方法浅谈
Sep 27 Javascript
JavaScript中的类(Class)详细介绍
Dec 30 Javascript
js实现的奥运倒计时时钟效果代码
Dec 09 Javascript
javascript中new关键字详解
Dec 14 Javascript
DOM操作和jQuery实现选项移动操作的简单实例
Jun 07 Javascript
JS控制TreeView的结点选择
Nov 11 Javascript
jQuery使用Layer弹出层插件闪退问题
Dec 22 Javascript
js遍历获取表格内数据的方法(必看)
Apr 06 Javascript
Angular 项目实现国际化的方法
Jan 08 Javascript
解决layui的table插件无法多层级获取json数据的问题
Sep 19 Javascript
ReactRouter的实现方法
Jan 25 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
Windows 下的 PHP-PEAR 安装方法
2010/11/20 PHP
Thinkphp模板中截取字符串函数简介
2014/06/17 PHP
PHP获取mysql数据表的字段名称和详细信息的方法
2014/09/27 PHP
XML+XSL 与 HTML 两种方案的结合
2007/04/22 Javascript
jquery.jstree 增加节点的双击事件代码
2010/07/27 Javascript
子窗口、父窗口和Silverlight之间的相互调用
2010/08/16 Javascript
jQuery UI Autocomplete 1.8.16 中文输入修正代码
2012/04/16 Javascript
[JSF]使用DataModel处理表行事件的实例代码
2013/08/05 Javascript
使用Node.js配合Nginx实现高负载网络
2015/06/28 Javascript
jQuery添加options点击事件并传值实例代码
2016/05/18 Javascript
微信小程序  modal详解及实例代码
2016/11/09 Javascript
Angularjs通过指令监听ng-repeat渲染完成后执行脚本的方法
2016/12/31 Javascript
Angularjs自定义指令实现三级联动 选择地理位置
2017/02/13 Javascript
详解微信小程序Page中data数据操作和函数调用
2017/09/27 Javascript
Vue清除定时器setInterval优化方案分享
2020/07/21 Javascript
[04:49]期待西雅图之战 2016国际邀请赛中国区预选赛WINGS战队赛后采访
2016/06/29 DOTA
python判断windows系统是32位还是64位的方法
2015/05/11 Python
python简单分割文件的方法
2015/07/30 Python
解决pyqt中ui编译成窗体.py中文乱码的问题
2016/12/23 Python
使用Python对Access读写操作
2017/03/30 Python
Python自动抢红包教程详解
2019/06/11 Python
简单了解Django应用app及分布式路由
2019/07/24 Python
Python中利用LSTM模型进行时间序列预测分析的实现
2019/07/26 Python
利用Python绘制Jazz网络图的例子
2019/11/21 Python
详解Python中的编码问题(encoding与decode、str与bytes)
2020/09/30 Python
css3实现动画的三种方式
2020/08/24 HTML / CSS
HTML5播放实现rtmp流直播
2020/06/16 HTML / CSS
自荐信不宜过于夸大
2013/11/06 职场文书
竞选卫生委员演讲稿
2014/04/28 职场文书
公司新人试用期自我评价
2014/09/17 职场文书
软件测试专业推荐信
2014/09/18 职场文书
辞职信如何写
2015/02/27 职场文书
首席执行官观后感
2015/06/03 职场文书
道士塔读书笔记
2015/06/30 职场文书
2016孝老爱亲模范事迹材料
2016/02/26 职场文书
详解Go语言中Get/Post请求测试
2022/06/01 Golang