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 相关文章推荐
window.onload 加载完毕的问题及解决方案(下)
Jul 09 Javascript
jQuery版Tab标签切换
Mar 16 Javascript
jQuery中filter()和find()的区别深入了解
Sep 25 Javascript
php显示当前文件所在的文件以及文件夹所有文件以树形展开
Dec 13 Javascript
用js的document.write输出的广告无阻塞加载的方法
Jun 05 Javascript
js实现纯前端的图片预览
Apr 27 Javascript
微信小程序 监听手势滑动切换页面实例详解
Jun 15 Javascript
深入探究angular2 UI组件之primeNG用法
Jul 26 Javascript
Vue-cli-webpack搭建斗鱼直播步骤详解
Nov 17 Javascript
JS实现的简单分页功能示例
Aug 23 Javascript
vue中el-upload上传图片到七牛的示例代码
Oct 19 Javascript
15个简单的JS编码标准让你的代码更整洁(小结)
Jul 16 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面向对象程序设计之接口的继承定义与用法详解
2018/12/20 PHP
PNG背景在不同浏览器下的应用
2009/06/22 Javascript
jquery实现的元素的left增加N像素 鼠标移开会慢慢的移动到原来的位置
2010/03/21 Javascript
jquery实现网站超链接和图片提示效果
2013/03/21 Javascript
深入探讨JavaScript String对象
2015/03/09 Javascript
Angular实现form自动布局
2016/01/28 Javascript
javascript使用递归算法求两个数字组合功能示例
2017/01/03 Javascript
js数字舍入误差以及解决方法(必看篇)
2017/02/28 Javascript
javascript基本常用排序算法解析
2017/09/27 Javascript
浅谈ajax在jquery中的请求和servlet中的响应
2018/01/22 jQuery
Node.js 的 GC 机制详解
2019/06/03 Javascript
小程序实现搜索框功能
2020/03/26 Javascript
vue draggable resizable 实现可拖拽缩放的组件功能
2019/07/15 Javascript
JS script脚本中async和defer区别详解
2020/06/24 Javascript
javascript实现雪花飘落效果
2020/08/19 Javascript
详解ES6 扩展运算符的使用与注意事项
2020/11/12 Javascript
[03:45]Newbee战队出征西雅图 决战2016国际邀请赛
2016/08/02 DOTA
Python 基础教程之包和类的用法
2017/02/23 Python
Django 请求Request的具体使用方法
2019/11/11 Python
Iconfont(矢量图标)+iconmoon(图标svg互转)配合javascript实现社交分享系统
2020/04/21 Python
使用CSS实现阅读进度条
2017/02/27 HTML / CSS
详解H5 活动页之移动端 REM 布局适配方法
2017/12/07 HTML / CSS
瑞典首都斯德哥尔摩的多元奢侈时尚品牌:Acne Studios
2017/07/09 全球购物
毕业生求职简历的自我评价
2013/10/07 职场文书
申报职称专业技术个人的自我评价
2013/12/12 职场文书
人力资源部经理岗位职责规定
2014/02/23 职场文书
纪念九一八事变演讲稿:青少年应树立远大理想
2014/09/14 职场文书
2014年工作总结与下年工作计划
2014/11/27 职场文书
六年级小学生评语
2014/12/26 职场文书
医生个人年终总结
2015/02/28 职场文书
征求意见函
2015/06/05 职场文书
队列队形口号
2015/12/25 职场文书
2019关于垃圾分类处理的调查报告
2019/12/26 职场文书
SpringBoot读取Resource下文件的4种方法
2021/07/02 Java/Android
Oracle 死锁的检测查询及处理
2021/09/25 Oracle
python运算符之与用户交互
2022/04/13 Python