javascript 中 .min.js 和.js 文件的区别？

superw 发布于2019-08-22 11:12 / 2693人阅读

摘要：和文件分别是什么是源码文件，是压缩版的文件。为什么要压缩为文件减小体积文件经过压缩，相对编译前的文件体积较小，传输效率快。混淆经过编码将变量和函数原命名改为毫无意义的命名，删除无用代码，内联函数，等价语句替换等以防止他人窥视和窃取源码

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：  [http://www.cnblogs.com/lhb25/p/15-best-javascript-minifying-tools.html][1]

Q:压缩原理？

压缩：删除 js 代码中所有注释、跳格符号、换行符号及无用的空格，从而压缩
JS 文件大小。

混淆：经过编码将变量和函数原命名改为毫无意义的命名，删除无用代码，内联函数，等价语句替换等(以防止他人窥视和窃取源码)

混合云超融合服务器 js和javascript的区别 min.js文件 php和javascript的区别 javascript和jquery的区别

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/91974.html

JavaScript模块发展变迁史

摘要：前两天有朋友拿了这样一段代码来问我，我想把一段代码写成模块化的样子，你帮我看看是不是这样的。的一个好处在与依赖前置，所有被使用到的模块都会被提前加载好，从而加快运行速度。前两天有朋友拿了这样一段代码来问我，我想把一段代码写成模块化的样子，你帮我看看是不是这样的。，代码大概是这样的： (function(global) { var myModules = { n...

姘存按 2019-08-22 14:00 评论0 收藏0
#JavaScript# 插件、组件、类库、框架的区别

摘要：常用的类库有插件把项目中某一部分进行插件分装，具备具体的业务逻辑，有针对性。常用的组件有组件框架比上面的三个都要庞大。它不仅提供了很多常用的方法，而且也可以支持一些插件的扩展可以把一些插件集成到框架中运行，提供了非常优秀的代码管理设计思想。类库：提供了一些真实项目开发中常用的方法，这些方法做了一些完善处理，比如兼容处理、细节优化等，方便我们开发和维护。常用的类库有：JQuery、Ze...

Towers 2019-08-23 18:03 评论0 收藏0
JavaScript开发工具简明历史

摘要：首先，我们需要安装选项表示模块时开发环境中需要的依赖库，而生产环境中并不需要。首先，我们需要安装我们一共安装了个模块是的核心部分定义了转码规则是的插件。年时，是最流行的任务管理工具，其次是。修改，即可配置我们定义了个，即和。译者按： JavaScript开发要用到的工具越来越多，越来越复杂，为什么呢？你真的弄明白了吗？原文: Modern JavaScript Explained ...

enali 2019-08-21 17:55 评论0 收藏0
Source Map入门教程

摘要：多个文件合并，减少请求数。生成的多了，表示文件的位置。转换前的所有变量名和属性名。自从年双十一正式上线，累计处理了亿错误事件，得到了金山软件等众多知名用户的认可。部署前端之前，开发者通常会对代码进行打包压缩，这样可以减少代码大小，从而有效提高访问速度。然而，压缩代码的报错信息是很难Debug的，因为它的行号和列号已经失真。这时就需要Source Map来还原真实的出错位置了。 sho...

archieyang 2019-08-21 11:38 评论0 收藏0
带你玩转小程序开发实践｜含直播回顾视频

摘要：小程序的视图层目前使用作为渲染载体，而逻辑层是由独立的作为运行环境。比如小程序的，通信一次就像是写情书所以，严格来说，小程序是微信定制的混合开发模式。出栈入栈解决小程序接口不支持的问题小程序的所有接口，都是通过传统的回调函数形式来调用的。作者：张利涛，视频课程《微信小程序教学》、《基于Koa2搭建Node.js实战项目教学》主编，沪江前端架构师本文原创，转载请注明作者及出处小程...

fxp 2019-08-22 11:23 评论0 收藏0