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学习笔记(七) js函数介绍
Jun 19 Javascript
js 中将多个逗号替换为一个逗号的代码
Jun 07 Javascript
IE8中动态创建script标签onload无效的解决方法
Dec 22 Javascript
javascript实现10个球随机运动、碰撞实例详解
Jul 08 Javascript
总结十个Angular.js由浅入深的面试问题
Aug 26 Javascript
Vue中的Vux配置指南
Dec 08 Javascript
基于vue监听滚动事件实现锚点链接平滑滚动的方法
Jan 17 Javascript
p5.js入门教程之小球动画示例代码
Mar 15 Javascript
Vue使用.sync 实现父子组件的双向绑定数据问题
Apr 04 Javascript
node将geojson转shp返回给前端的实现方法
May 29 Javascript
js实现网页随机验证码
Oct 19 Javascript
vue实现图书管理系统
Dec 29 Vue.js
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遍历数组的几种方法
2012/03/22 PHP
PHP学习笔记(二) 了解PHP的基本语法以及目录结构
2014/08/04 PHP
PHP命名空间(namespace)的动态访问及使用技巧
2014/08/18 PHP
js bind 函数 使用闭包保存执行上下文
2011/12/26 Javascript
JS辨别访问浏览器判断是android还是ios系统
2014/08/19 Javascript
JavaScript实现在数组中查找不同顺序排列的字符串
2014/09/26 Javascript
JavaScript实现可拖拽的拖动层Div实例
2015/08/05 Javascript
基于JavaScript实现 网页切出 网站title变化代码
2016/04/03 Javascript
Boostrap实现的登录界面实例代码
2016/10/09 Javascript
EasyUI 中combotree 默认不能选择父节点的实现方法
2016/11/07 Javascript
在vue.js中抽出公共代码的方法示例
2017/06/08 Javascript
canvas+gif.js打造自己的数字雨头像的示例代码
2017/10/26 Javascript
Vue Router去掉url中默认的锚点#
2018/08/01 Javascript
用图片替换checkbox原始样式并实现同样的功能
2018/11/15 Javascript
Angular利用HTTP POST下载流文件的步骤记录
2020/07/26 Javascript
TypeScript魔法堂之枚举的超实用手册
2020/10/29 Javascript
Python __setattr__、 __getattr__、 __delattr__、__call__用法示例
2015/03/06 Python
给你选择Python语言实现机器学习算法的三大理由
2017/11/15 Python
Python语言生成水仙花数代码示例
2017/12/18 Python
Selenium定时刷新网页的实现代码
2018/10/31 Python
python绘制无向图度分布曲线示例
2019/11/22 Python
Django调用百度AI接口实现人脸注册登录代码实例
2020/04/23 Python
PyQt中使用QtSql连接MySql数据库的方法
2020/07/28 Python
Python 中如何写注释
2020/08/28 Python
html5 canvas-2.用canvas制作一个猜字母的小游戏
2013/01/07 HTML / CSS
解释一下ruby中的特殊方法与特殊类
2013/02/26 面试题
会计出纳员的自我评价
2014/01/15 职场文书
《小蝌蚪找妈妈》教学反思
2014/02/21 职场文书
政协调研汇报材料
2014/08/15 职场文书
国庆65周年演讲稿:回首往昔,展望未来
2014/09/21 职场文书
打架检讨书范文
2015/01/27 职场文书
交通事故赔偿起诉书
2015/05/20 职场文书
利用前端HTML+CSS+JS开发简单的TODOLIST功能(记事本)
2021/04/13 Javascript
golang 定时任务方面time.Sleep和time.Tick的优劣对比分析
2021/05/05 Golang
MySQL 数据库 增删查改、克隆、外键 等操作
2022/05/11 MySQL
JS实现刷新网页后之前浏览位置保持不变示例详解
2022/08/14 Javascript