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本身的局限性 别让javascript做太多事
Mar 23 Javascript
基于jquery实现的类似百度搜索的输入框自动完成功能
Aug 23 Javascript
浅谈JavaScript中的string拥有方法的原因
Aug 28 Javascript
基于jQuery的AJAX和JSON实现纯html数据模板
Aug 09 Javascript
基于jQuery实现发送短信验证码后的倒计时功能(无视页面关闭)
Sep 02 Javascript
JavaScript每天必学之基础知识
Sep 17 Javascript
JS组件系列之MVVM组件 vue 30分钟搞定前端增删改查
Apr 28 Javascript
Vue实现选择城市功能
May 27 Javascript
vue子父组件通信的实现代码
Jul 09 Javascript
Vue EventBus自定义组件事件传递
Jun 25 Javascript
解决bootstrap-select 动态加载数据不显示的问题
Aug 10 Javascript
nestjs返回给前端数据格式的封装实现
Feb 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中用文本文件做数据库的实现方法
2008/03/27 PHP
使用PHP批量生成随机用户名
2008/07/10 PHP
php单例模式实现方法分析
2015/03/14 PHP
ThinkPHP3.2.2实现持久登录(记住我)功能的方法
2016/05/16 PHP
一个JQuery写的点击上下滚动的小例子
2011/08/27 Javascript
浅谈js的setInterval事件
2014/12/05 Javascript
JavaScript获取Url里的参数
2014/12/18 Javascript
获取input标签的所有属性的方法
2016/06/28 Javascript
jQuery操作dom实现弹出页面遮罩层(web端和移动端阻止遮罩层的滑动)
2016/08/25 Javascript
jQuery继承extend用法详解
2016/10/10 Javascript
详解Vue使用 vue-cli 搭建项目
2017/04/20 Javascript
Angular4如何自定义首屏的加载动画详解
2017/07/26 Javascript
详解webpack的配置文件entry与output
2017/08/21 Javascript
微信小程序自定义组件之可清除的input组件
2018/07/17 Javascript
Vue 实现输入框新增搜索历史记录功能
2019/10/15 Javascript
vue使用一些外部插件及样式的配置代码
2019/11/18 Javascript
Vue中的this.$options.data()和this.$data用法说明
2020/07/26 Javascript
js实现简易ATM功能
2020/10/27 Javascript
基于react项目打包css引用路径错误解决方案
2020/10/28 Javascript
编写简单的Python程序来判断文本的语种
2015/04/07 Python
python使用arcpy.mapping模块批量出图
2017/03/06 Python
APIStar:一个专为Python3设计的API框架
2018/09/26 Python
python实现自动登录后台管理系统
2018/10/18 Python
Python 继承,重写,super()调用父类方法操作示例
2019/09/29 Python
pyspark对Mysql数据库进行读写的实现
2020/12/30 Python
pycharm配置QtDesigner的超详细方法
2021/01/25 Python
英国最大的线上保健品零售商之一:Vitamin Planet
2016/12/01 全球购物
海滩咖啡馆:Beach Cafe
2018/02/02 全球购物
泰国综合购物网站:Lazada泰国
2018/04/09 全球购物
新员工欢迎词
2014/01/12 职场文书
优秀广告词大全
2014/03/19 职场文书
师德师风演讲稿
2014/05/05 职场文书
2014年教师政治学习材料
2014/06/02 职场文书
韩语专业职业生涯规划范文:成功之路就在我们脚下
2014/09/11 职场文书
公安个人四风问题对照检查及整改措施
2014/10/28 职场文书
2016先进工作者事迹材料
2016/02/25 职场文书