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增加和删除元素的方法
Jan 14 Javascript
JavaScript实现的简单拖拽效果
Jun 01 Javascript
javascript实现跨域的方法汇总
Jun 25 Javascript
JavaScipt中栈的实现方法
Feb 17 Javascript
jquery实现一个简单的表单验证实例
Mar 30 Javascript
动态设置form表单的action属性的值的简单方法
May 25 Javascript
利用Angularjs和bootstrap实现购物车功能
Aug 31 Javascript
基于jQuery实现歌词滚动版音乐播放器的代码
Sep 17 Javascript
详解AngularJs中$sce与$sceDelegate上下文转义服务
Sep 21 Javascript
js对字符串进行编码的方法总结(推荐)
Nov 10 Javascript
jQuery extend()详解及简单实例
May 06 jQuery
微信小程序点击滚动到指定位置的实现
May 22 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以fastCGI的方式运行时文件系统权限问题及解决方法
2015/05/11 PHP
yii添删改查实例
2015/11/16 PHP
Alliance vs Liquid BO3 第二场2.13
2021/03/10 DOTA
张孝祥JavaScript学习阶段性总结(2)--(X)HTML学习
2007/02/03 Javascript
网页自动跳转代码收集
2009/09/27 Javascript
JavaScript高级程序设计(第3版)学习笔记3 js简单数据类型
2012/10/11 Javascript
JS判断不同分辨率调用不同的CSS样式文件实现思路及测试代码
2013/01/23 Javascript
JavaScript仿支付宝密码输入框
2015/12/29 Javascript
JS 对象(Object)和字符串(String)互转方法
2016/05/20 Javascript
在JavaScript中模拟类(class)及类的继承关系
2016/05/20 Javascript
JavaScript组件开发之输入框加候选框
2017/03/10 Javascript
详解webpack打包第三方类库的正确姿势
2018/10/20 Javascript
详解Axios 如何取消已发送的请求
2018/10/20 Javascript
微信小程序实现笑脸评分功能
2018/11/03 Javascript
vuejs移动端实现div拖拽移动
2019/07/25 Javascript
Vue vm.$attrs使用场景详解
2020/03/08 Javascript
JavaScript享元模式原理与用法实例详解
2020/03/09 Javascript
jQuery实现开关灯效果
2020/08/02 jQuery
js实现带有动画的返回顶部
2020/08/09 Javascript
如何在vue中使用HTML 5 拖放API
2021/01/14 Vue.js
Python实现批量读取word中表格信息的方法
2015/07/30 Python
Python数据分析之真实IP请求Pandas详解
2016/11/18 Python
Python格式化日期时间操作示例
2018/06/28 Python
PyCharm代码提示忽略大小写设置方法
2018/10/28 Python
Python3 jupyter notebook 服务器搭建过程
2018/11/30 Python
python原类、类的创建过程与方法详解
2019/07/19 Python
基于Tensorflow高阶读写教程
2020/02/10 Python
接口自动化多层嵌套json数据处理代码实例
2020/11/20 Python
HTML5利用约束验证API来检查表单的输入数据的代码实例
2016/12/20 HTML / CSS
诺思信科技(南京)有限公司.NET笔试题答案
2013/07/06 面试题
市场部专员岗位职责
2013/11/30 职场文书
会计试用期自我评价
2014/09/19 职场文书
查摆问题整改措施
2014/10/24 职场文书
2014年材料员工作总结
2014/11/19 职场文书
如何利用STAR法则制作留学文书?
2019/08/26 职场文书
PostgreSQL13基于流复制搭建后备服务器的方法
2022/01/18 PostgreSQL