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 相关文章推荐
使用jquery获取网页中图片高度的两种方法
Sep 26 Javascript
JavaScript显示当然日期和时间即年月日星期和时间
Oct 29 Javascript
javascript移动设备Web开发中对touch事件的封装实例
Jun 05 Javascript
JavaScript数据结构和算法之图和图算法
Feb 11 Javascript
使用ngView配合AngularJS应用实现动画效果的方法
Jun 19 Javascript
JavaScript Math 对象常用方法总结
Apr 28 Javascript
深入理解js函数的作用域与this指向
May 28 Javascript
jQuery焦点图轮播插件KinSlideshow用法分析
Jun 08 Javascript
js友好的时间返回函数
Aug 24 Javascript
jQuery+正则+文本框只能输入数字的实现方法
Oct 07 Javascript
js+html制作简单日历的方法
Jun 27 Javascript
微信小程序开发之左右分栏效果的实例代码
May 20 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
雄兵连:天使彦天使彦为爱折翼,彦和炙心同时念动的誓言!
2020/03/02 国漫
php 取得瑞年与平年的天数的代码
2009/08/10 PHP
PHP使用feof()函数读文件的方法
2014/11/07 PHP
laravel 实现设置时区的简单方法
2019/10/10 PHP
JS判断不同分辨率调用不同的CSS样式文件实现思路及测试代码
2013/01/23 Javascript
jQuery事件绑定on()、bind()与delegate() 方法详解
2015/06/03 Javascript
JavaScript学习总结之JS、AJAX应用
2016/01/29 Javascript
AngularJS入门教程之ng-checked 指令详解
2016/08/01 Javascript
JS判断是否在微信浏览器打开的简单实例(推荐)
2016/08/24 Javascript
AngularJS学习笔记之表单验证功能实例详解
2017/07/06 Javascript
用vue写一个仿简书的轮播图的示例代码
2018/03/13 Javascript
Angular项目如何升级至Angular6步骤全纪录
2018/09/03 Javascript
vue实现双向绑定和依赖收集遇到的坑
2018/11/29 Javascript
使用vue-router切换页面时,获取上一页url以及当前页面url的方法
2019/05/06 Javascript
vue2之简易的pc端短信验证码的问题及处理方法
2019/06/03 Javascript
[03:17]史诗级大片应援2018DOTA2国际邀请赛 致敬每一位坚守遗迹的勇士
2018/07/20 DOTA
python设置检查点简单实现代码
2014/07/01 Python
利用Python批量提取Win10锁屏壁纸实战教程
2018/03/27 Python
使用PyInstaller将python转成可执行文件exe笔记
2018/05/26 Python
简单谈谈python基本数据类型
2018/09/26 Python
Python3中函数参数传递方式实例详解
2019/05/05 Python
车间副主任岗位职责
2013/12/24 职场文书
写演讲稿要注意的六件事
2014/01/14 职场文书
高一数学教学反思
2014/02/07 职场文书
关于热爱祖国的演讲稿
2014/05/04 职场文书
星级党支部申报材料
2014/05/31 职场文书
门店业绩提升方案
2014/06/08 职场文书
农村文化活动总结
2014/08/28 职场文书
高中校园广播稿3篇
2014/09/29 职场文书
春节慰问信范文
2015/02/15 职场文书
英语演讲开场白
2015/05/29 职场文书
八年级作文之一起的走过日子
2019/09/17 职场文书
Pycharm 如何设置HTML文件自动补全代码或标签
2021/05/21 Python
python迷宫问题深度优先遍历实例
2021/06/20 Python
vue选项卡切换的实现案例
2022/04/11 Vue.js
mysql查找连续出现n次以上的数字
2022/05/11 MySQL