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 相关文章推荐
JS加ASP二级域名转向的代码
May 17 Javascript
jQuery创建自己的插件(自定义插件)的方法
Jun 10 Javascript
淘宝网提供的国内NPM镜像简介和使用方法
Apr 17 Javascript
jQuery解析与处理服务器端返回xml格式数据的方法详解
Jul 04 Javascript
jQuery组件easyui对话框实现代码
Aug 25 Javascript
jQuery实现的自定义弹出层效果实例详解
Sep 04 Javascript
JS验证 只能输入小数点,数字,负数的实现方法
Oct 07 Javascript
jQuery Ztree行政地区树状展示(点击加载)
Nov 09 Javascript
angular4模块中给标签添加背景图的实现方法
Sep 15 Javascript
JavaScript中Array方法你该知道的正确打开方法
Sep 11 Javascript
微信小程序调用微信支付接口的实现方法
Apr 29 Javascript
js设置鼠标悬停改变背景色实现详解
Jun 26 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 ios推送(代码)
2013/07/01 PHP
php 注册时输入信息验证器的实现详解
2013/07/05 PHP
使用PHP similar text计算两个字符串相似度
2015/11/06 PHP
php redis实现对200w用户的即时推送
2017/03/04 PHP
使用laravel和ECharts实现折线图效果的例子
2019/10/09 PHP
JavaScript 学习笔记 Black.Caffeine 09.11.28
2009/11/30 Javascript
js获取网页高度(详细整理)
2012/12/28 Javascript
获取元素距离浏览器周边的位置的方法getBoundingClientRect
2013/04/17 Javascript
jquery实现不同大小浏览器使用不同的css样式表的方法
2014/04/02 Javascript
js控制当再次点击按钮时的间隔时间
2014/06/03 Javascript
jQuery动态效果显示人物结构关系图的方法
2015/05/07 Javascript
jquery小火箭返回顶部代码分享
2015/08/19 Javascript
基于JavaScript实现 网页切出 网站title变化代码
2016/04/03 Javascript
jquery实现全选、不选、反选的两种方法
2016/09/06 Javascript
使用 bootstrap modal遇到的问题小结
2016/11/09 Javascript
EditPlus 正则表达式 实战(3)
2016/12/15 Javascript
jQuery实现简单的回到顶部totop功能示例
2017/10/16 jQuery
浅谈vue中改elementUI默认样式引发的static与assets的区别
2018/02/03 Javascript
Angular中使用better-scroll插件的方法
2018/03/27 Javascript
vue中的自定义分页插件组件的示例
2018/08/18 Javascript
js+springMVC 提交数组数据到后台的实例
2019/09/21 Javascript
laravel实现中文和英语互相切换的例子
2019/09/30 Javascript
Python性能提升之延迟初始化
2016/12/04 Python
python实现的爬取电影下载链接功能示例
2019/08/26 Python
Django项目创建到启动详解(最全最详细)
2019/09/07 Python
Python Switch Case三种实现方法代码实例
2020/06/18 Python
css3实现信纸/同学录效果的示例代码
2018/12/11 HTML / CSS
BAILEY 44官网:美国制造的女性服装
2019/07/01 全球购物
Java servlet面试题
2012/03/04 面试题
中专生自荐信
2014/06/25 职场文书
考勤制度通知
2015/04/25 职场文书
2016高校自主招生自荐信范文
2016/01/28 职场文书
创业计划书之网吧
2019/10/10 职场文书
Python道路车道线检测的实现
2021/06/27 Python
解析redis hash应用场景和常用命令
2021/08/04 Redis
Python 的 sum() Pythonic 的求和方法详细
2021/10/16 Python