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脚本学习 比较实用的基础
Sep 07 Javascript
jQuery UI 应用不同Theme的办法
Sep 12 Javascript
javascript中创建对象的三种常用方法
Dec 30 Javascript
给ListBox添加双击事件示例代码
Dec 02 Javascript
表单提交前触发函数返回true表单才会提交
Mar 11 Javascript
基于socket.io和node.js搭建即时通信系统
Jul 30 Javascript
jquery弹出遮掩层效果【附实例代码】
Apr 28 Javascript
详解javascript常用工具类的封装
Jan 30 Javascript
使用vue cli4.x搭建vue项目的过程详解
May 08 Javascript
原生js canvas实现鼠标跟随效果
Aug 02 Javascript
JS如何操作DOM基于表格动态展示数据
Oct 15 Javascript
antd Form组件方法getFieldsValue获取自定义组件的值操作
Oct 29 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
Zerg建筑一览
2020/03/14 星际争霸
PHP 程序授权验证开发思路
2009/07/09 PHP
PHP引用(&)各种使用方法实例详解
2014/03/20 PHP
PHP小技巧之JS和CSS优化工具Minify的使用方法
2014/05/19 PHP
PHP数字和字符串ID互转函数(类似优酷ID)
2014/06/30 PHP
php保存二进制原始数据为图片的程序代码
2014/10/14 PHP
PHP CURL 多线程操作代码实例
2015/05/13 PHP
thinkPHP查询方式小结
2016/01/09 PHP
微信公众号支付之坑:调用支付jsapi缺少参数 timeStamp等错误解决方法
2016/01/12 PHP
详解PHP中websocket的使用方法
2016/09/15 PHP
php-beanstalkd消息队列类实例分享
2017/07/19 PHP
laravel 框架结合关联查询 when()用法分析
2019/11/22 PHP
jQuery1.3.2 升级到jQuery1.4.4需要修改的地方
2011/01/06 Javascript
jQuery动态添加删除select项(实现代码)
2013/09/03 Javascript
JavaScript对IE操作的经典代码(推荐)
2014/03/10 Javascript
js实现数字每三位加逗号的方法
2015/02/05 Javascript
JQuery radio(单选按钮)操作方法汇总
2015/04/15 Javascript
jQuery实现的简洁下拉菜单导航效果代码
2015/08/26 Javascript
jQuery拖拽排序插件制作拖拽排序效果(附源码下载)
2016/02/23 Javascript
关于vue中 $emit的用法详解
2018/04/12 Javascript
手把手教你vue-cli单页到多页应用的方法
2018/05/31 Javascript
微信小程序API—获取定位的详解
2019/04/30 Javascript
vue v-for 使用问题整理小结
2019/08/04 Javascript
JavaScript基于面向对象实现的无缝滚动轮播示例
2020/01/17 Javascript
[46:23]OG vs EG 2018国际邀请赛淘汰赛BO3 第一场 8.23
2018/08/24 DOTA
Python性能优化的20条建议
2014/10/25 Python
使用keras实现孪生网络中的权值共享教程
2020/06/11 Python
删除pycharm鼠标右键快捷键打开项目的操作
2021/01/16 Python
多重CSS背景动画实现方法示例
2014/04/04 HTML / CSS
英国顶级珠宝品牌之家:John Greed
2018/06/09 全球购物
中软国际Java程序员笔试题
2014/07/19 面试题
奖学金自我鉴定范文
2013/10/03 职场文书
2014年政协委员工作总结
2014/12/01 职场文书
幼儿园元旦主持词
2015/07/06 职场文书
护士心得体会范文
2016/01/25 职场文书
python计算列表元素与乘积详情
2022/08/05 Python