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+CSS 图片等比缩小并垂直居中实现代码
Dec 01 Javascript
用最通俗易懂的代码帮助新手理解javascript闭包 推荐
Mar 01 Javascript
JavaScrip实现PHP print_r的数功能(三种方法)
Nov 12 Javascript
JS实现来回出现文字的状态栏特效代码
Oct 31 Javascript
js获取Html元素的实际宽度高度的方法
May 19 Javascript
基于JavaScript实现鼠标向下滑动加载div的代码
Aug 31 Javascript
vue2.0开发实践总结之入门篇
Dec 06 Javascript
Angular 作用域scope的具体使用
Dec 11 Javascript
详解swipe使用及竖屏页面滚动方法
Jun 28 Javascript
vue 自定义提示框(Toast)组件的实现代码
Aug 17 Javascript
node.js中stream流中可读流和可写流的实现与使用方法实例分析
Feb 13 Javascript
Vue封装Axios请求和拦截器的步骤
Sep 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验证码类代码( 最新修改,完全定制化! )
2010/12/02 PHP
PHP函数实现分页含文本分页和数字分页
2014/10/23 PHP
php开发中的页面跳转方法总结
2015/04/26 PHP
php eval函数一句话木马代码
2015/05/21 PHP
CodeIgniter钩子用法实例详解
2016/01/20 PHP
yii2.0数据库迁移教程【多个数据库同时同步数据】
2016/10/08 PHP
PHP水印类,支持添加图片、文字、填充颜色区域的实现
2017/02/04 PHP
laravel 框架结合关联查询 when()用法分析
2019/11/22 PHP
兼容ie、firefox的图片自动缩放的css跟js代码分享
2012/01/21 Javascript
javascript操作JSON的要领总结
2012/12/09 Javascript
关于jQuery中.attr()和.prop()的问题探讨
2013/09/06 Javascript
js切换光标示例代码
2013/10/10 Javascript
jquery each的几种常用的使用方法示例
2014/01/21 Javascript
基于JavaScript实现快速转换文本语言(繁体中文和简体中文)
2016/03/07 Javascript
jQuery简单实现上下,左右滑动的方法
2016/06/01 Javascript
JS简单实现禁止访问某个页面的方法
2016/09/13 Javascript
通过bootstrap全面学习less
2016/11/09 Javascript
AngularJS之页面跳转Route实例代码
2017/03/10 Javascript
vue.js element-ui validate中代码不执行问题解决方法
2017/12/18 Javascript
Vue2.5通过json文件读取数据的方法
2018/02/27 Javascript
Vue+webpack项目配置便于维护的目录结构教程详解
2018/10/14 Javascript
Python paramiko模块的使用示例
2018/04/11 Python
Python中XlsxWriter模块简介与用法分析
2018/04/24 Python
PyQt5 窗口切换与自定义对话框的实例
2019/06/20 Python
python向字符串中添加元素的实例方法
2019/06/28 Python
PYTHON发送邮件YAGMAIL的简单实现解析
2019/10/28 Python
tensorflow的计算图总结
2020/01/12 Python
解决pycharm中导入自己写的.py函数出错问题
2020/02/12 Python
django和flask哪个值得研究学习
2020/07/31 Python
pycharm配置QtDesigner的超详细方法
2021/01/25 Python
python lambda的使用详解
2021/02/26 Python
详解快速开发基于 HTML5 网络拓扑图应用
2018/01/08 HTML / CSS
西班牙香水和化妆品连锁店:Druni
2019/05/05 全球购物
增员口号大全
2014/06/18 职场文书
食堂采购员岗位职责
2015/04/03 职场文书
八一建军节主持词
2015/07/01 职场文书