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 相关文章推荐
javascript网页关闭时提醒效果脚本
Oct 22 Javascript
Jquery Validation插件防止重复提交表单的解决方法
Mar 05 Javascript
JS仿flash上传头像效果实现代码
Jul 18 Javascript
javascript使用prototype完成单继承
Dec 24 Javascript
JS制作简单的三级联动
Mar 18 Javascript
js实现简单计算器
Nov 22 Javascript
微信小程序之小豆瓣图书实例
Nov 30 Javascript
react build 后打包发布总结
Aug 24 Javascript
Vue 使用formData方式向后台发送数据的实现
Apr 14 Javascript
JavaScript函数式编程(Functional Programming)声明式与命令式实例分析
May 21 Javascript
jQuery实现容器间的元素拖拽功能
Dec 01 jQuery
深入理解javascript中的this
Feb 08 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 断点续传实例详解
2017/11/11 PHP
JS 对象介绍
2010/01/20 Javascript
jQuery 改变CSS样式基础代码
2010/02/11 Javascript
.net,js捕捉文本框回车键事件的小例子(兼容多浏览器)
2013/03/11 Javascript
JS实现一个列表中包含上移下移删除等功能
2014/09/24 Javascript
JavaScript把数组作为堆栈使用的方法
2015/03/20 Javascript
JS显示下拉列表框内全部元素的方法
2015/03/31 Javascript
基于JavaScript实现全屏透明遮罩div层锁屏效果
2016/01/26 Javascript
IScroll5 中文API参数说明和调用方法
2016/05/21 Javascript
JS实现AES加密并与PHP互通的方法分析
2017/04/19 Javascript
JS倒计时实例_天时分秒
2017/08/22 Javascript
利用百度地图API获取当前位置信息的实例
2017/11/06 Javascript
JQ图片文件上传之前预览功能的简单实例(分享)
2017/11/12 Javascript
Vue.js更改调试地址端口号的实例
2018/09/19 Javascript
vue element 关闭当前tab 跳转到上一路由操作
2020/07/22 Javascript
在Django的视图中使用form对象的方法
2015/07/18 Python
Python selenium 三种等待方式详解(必会)
2016/09/15 Python
python 多线程中子线程和主线程相互通信方法
2018/11/09 Python
Laravel+Dingo/Api 自定义响应的实现
2019/02/17 Python
opencv调整图像亮度对比度的示例代码
2019/09/27 Python
Python 用turtle实现用正方形画圆的例子
2019/11/21 Python
如何用 Python 处理不平衡数据集
2021/01/04 Python
selenium+python实现基本自动化测试的示例代码
2021/01/27 Python
美国折扣网站:jClub
2017/08/07 全球购物
异步传递消息系统的作用
2016/05/01 面试题
后勤主管工作职责
2013/12/07 职场文书
护理不良事件检讨书
2014/02/06 职场文书
二年级小学生评语
2014/04/21 职场文书
安全生产宣传标语
2014/06/06 职场文书
小组口号大全
2014/06/09 职场文书
先进班集体申报材料
2014/12/26 职场文书
拥有这5个特征人,“命”都不会太差
2019/08/16 职场文书
七年级作文之关于奶奶
2019/10/29 职场文书
vite+vue3.0+ts+element-plus快速搭建项目的实现
2021/06/24 Vue.js
MongoDB连接数据库并创建数据等使用方法
2021/11/27 MongoDB
SpringBoot使用AOP实现统计全局接口访问次数详解
2022/06/16 Java/Android