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+iframe 实现无刷新载入整页的代码
Mar 17 Javascript
自制轻量级仿jQuery.boxy对话框插件代码
Oct 26 Javascript
jQuery 删除或是清空某个HTML元素示例
Aug 04 Javascript
JavaScript程序中的流程控制语句用法总结
May 23 Javascript
巧方法 JavaScript获取超链接的绝对URL地址
Jun 14 Javascript
jQuery实现的tab标签切换效果示例
Sep 05 Javascript
VUE多层路由嵌套实现代码
May 15 Javascript
vue 实现 ios 原生picker 效果及实现思路解析
Dec 06 Javascript
React组件中的this的具体使用
Feb 28 Javascript
详解vue使用$http服务端收不到参数
Apr 19 Javascript
JavaScript函数式编程(Functional Programming)声明式与命令式实例分析
May 21 Javascript
javascript实现多边形碰撞检测
Oct 24 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/04 欧美动漫
西德产收音机
2021/03/01 无线电
PHP clearstatcache()函数详解
2010/03/02 PHP
php将服务端的文件读出来显示在web页面实例
2016/10/31 PHP
laravel 事件/监听器实例代码
2019/04/12 PHP
Laravel 解决419错误 -ajax请求错误的问题(CSRF验证)
2019/10/25 PHP
php的无刷新操作实现方法分析
2020/02/28 PHP
jquery 图片预加载 自动等比例缩放插件
2008/12/25 Javascript
jQuery1.4.2与老版本json格式兼容的解决方法
2011/02/12 Javascript
更换select下拉菜单背景样式的实现代码
2011/12/20 Javascript
基于jQuery实现模拟页面加载进度条
2013/04/01 Javascript
js中function()使用方法
2013/12/24 Javascript
jQuery 获取/设置/删除DOM元素的属性以a元素为例
2014/05/23 Javascript
JavaScript中继承用法实例分析
2015/05/16 Javascript
JQuery中DOM事件合成用法实例分析
2015/06/13 Javascript
解析Node.js异常处理中domain模块的使用方法
2016/02/16 Javascript
从零学习node.js之搭建http服务器(二)
2017/02/21 Javascript
js上传图片预览的实现方法
2017/05/09 Javascript
微信小程序实现漂亮的弹窗效果
2020/05/26 Javascript
详解关于webpack多入口热加载很慢的原因
2019/04/24 Javascript
详解微信小程序开发之formId使用(模板消息)
2019/08/27 Javascript
vue 使用class创建和清除水印的示例代码
2020/12/25 Vue.js
python中查看变量内存地址的方法
2015/05/05 Python
详解使用python crontab设置linux定时任务
2016/12/08 Python
Python执行时间的计算方法小结
2017/03/17 Python
对python的bytes类型数据split分割切片方法
2018/12/04 Python
Python传递参数的多种方式(小结)
2019/09/18 Python
python判断单向链表是否包括环,若包含则计算环入口的节点实例分析
2019/10/23 Python
Python GUI编程学习笔记之tkinter控件的介绍及基本使用方法详解
2020/03/30 Python
Python 爬虫批量爬取网页图片保存到本地的实现代码
2020/12/24 Python
css3中仿放大镜效果的几种方式原理解析
2020/12/03 HTML / CSS
创文明城市标语
2014/06/16 职场文书
2015年实习单位评语
2015/03/25 职场文书
运动会通讯稿300字
2015/07/20 职场文书
微信小程序实现拍照和相册选取图片
2021/05/09 Javascript
mysql数据库如何转移到oracle
2022/12/24 MySQL