ueditor用什么工具压缩javascript脚本库

一般压缩都经过混淆，如果你看到变量名都是A,B,C,D之类的无规则的命名，那就是被混淆过的，一般来说也很难阅读，就算你 还原了格式。

如果是没有混淆的，你可以试试用js的格式化工具来重新格式化一下的，比如：

var Inote = {}

Inote.JSTool = function(options) {

this.options = options || {}

}

Inote.JSTool.prototype = {

_name: 'Javascript工具',

_history: {

'v1.0': ['2011-01-18', 'javascript工具上线'],

'v1.1': ['2012-03-23', '增加混淆功能'],

'v1.2': ['2012-07-21', '升级美化功能引擎'],

'v1.3': ['2014-03-01', '升级解密功能，支持eval,window.eval,window["eval"]等的解密'],

'v1.4': ['2014-08-05', '升级混淆功能引擎'],

'v1.5': ['2014-08-09', '升级js压缩引擎'],

'v1.6': ['2015-04-11', '升级js混淆引擎']

},

options: {},

getName: function() {return this._name},

getHistory: function() {

return this._history}

}

var jstool = new Inote.JSTool()

打开powershell命令窗口

执行命令： npm install uglify-js -g

首先，打开cmd

其次，查找要压缩的js文件，查找方法如下：

1、输入文件所在位置

例如，我需要压缩的文件在E盘中，就输入  e:

2、输入：cd + js文件所在位置

例如，我需要压缩的js文件在：E:\electron-vue\topology\static\new_node_modules\topology-vue

就执行：cd electron-vue\topology\static\new_node_modules\topology-vue

3、输入：uglifyjs + 要压缩的js文件名称 +  -o +  压缩后js文件名称

例如，我要将topology-vue.umd.js文件压缩成topology-vue.umd.min.js

就执行：uglifyjs topology-vue.umd.js -o topology-vue.umd.min.js

你没看错！

就是这么简单！！

将JS文件进行压缩，让你的程序快马加鞭地跑起来吧！！！

这个站点里面有四个压缩引擎，一个YUI压缩，一个UglifyJS压缩，一个JSPacker压缩，和一个新的JsMin压缩。

一般用UglifyJS引擎压缩就可以。jQuery和好些其他的前端项目就是用他压缩的。

另外给个建议，你把你的JS文件用匿名函数的方式封装起来，对外只给一个接口。这样JS压缩引擎就可以把你匿名函数中不对外开放的内部变量名称都给替换成a,b,c,d这样的单字符，很能节省体积。

一般js压缩的，都有未压缩的文件，直接可以改未压缩的文件，到时引入的时候，也改成那个未压缩的js文件

2.

如果找不到未压缩的js文件，那就只能想办法把js压缩的文件格式化，改起来才方便，毕竟压缩过的就几行代码，不格式话下，估计都找不对位置

我们用站长工具的JavaScript-HTML格式化工具，我们打开页面，我今天要压缩的文件js文件：common.js ，把js代码复制到到JavaScript/HTML格式化工具里面如下图所示：

点击下面的“普通压缩”和“加密压缩”按钮，经过我的精心测试，使用“加密压缩”，对文件压缩率是最好的，所以点击“加密压缩”，压缩后如图：

javascript代码压缩后，我们就把这些代码在复制到common.js文件里面，在吧这个文件上传到空间原来的位置，进行访问是否存在一些错误，如果没有什么问题说明压缩成功；

我的common.js 文件压缩前和压缩后的对比：

压缩前：

压缩后：

文件压缩前和压缩后确实有明确的减少，说明压缩确实减少文件的大小，

我们来测试文件压缩前和压缩后所有能的时间做对比(我是用火狐插件测试传输速度)：

压缩前所用时间：

压缩后所用时间：

压缩前所用时间是：125ms，压缩后所用时间：78ms ，文件压缩后给我们节省大量的时间，如果每个js都进行压缩，我们房子访问速度会更快的。

(注：html文件和javascript压缩原来一样的，当时压缩html要用到“普通压缩”按钮压缩)

二、压缩css文件：

我们打开站长工具的Css压缩/格式化工具页面，我要压缩的文件是五色旗保健品商城的css主文件style.css，首先我们打开站长工具的Css压缩/格式化工具页面 ，把style.css 代码放到Css压缩/格式化工具里面，如下图所示：

点击“压缩代码”按钮后，css代码压缩成功，如下图所示：

后边就是压缩后的css代码，你要不右边的代码复制到源文件style.css里面在上传到服务器空间里面，在访问一下网，看看网页样式有没有改变，如果有点变化就需要简单的调试一下，如果没有变样，说明你的css压缩成功了；

下面我们来看看styl.css文件压缩前和压缩后的大小和放在访问速度的大小：

文件大小对比：

压缩前：

压缩后：

压缩前30kb，压缩后23kb，明显的文件大小减小了

压缩前所用时间：

css压缩前的时间.jpg (7.36 KB, 下载次数: 0)

下载附件

css压缩前的时间.jpg

2013-11-2 00:35 上传

压缩后所用时间：

压缩前所用时间是：188ms，压缩后所用时间：93ms ，css压缩后明显的节省了95ms；

总结：一个大的网站可能会有很多的javascript和css，如果没有都进行压缩的话，一定会减少很多文件大小的，其实减少文件大少并不是很重要，最重要的是，文件容量减少了，能够快速的提高网站访问的速度，给用户带来好的体验，我们尽量的把文件压缩到最小，这样才有利于用户快速的打开网站，至此我的五色旗保健品商城优化后，我的每天的访问量也增加了很多。

压缩并不是实际上用winrar等软件压缩，他是js自己的压缩算法，即使压缩状态依然可以被浏览器解释

下面就是在线压缩工具

http://www.jb51.net/tools/jsmin/

使用“js压缩”工具可缩小体积，可百度搜索“js压缩”查找工具

把js代码ctrl + a全选，再ctrl + c复制，粘贴到js压缩工具里，点击“压缩”或“普通压缩”，然后再把压缩后的代码复制粘贴到js文件中。

另外，image-conversion 可以指定大小来压缩图片。

1、将图像压缩到 200kb：

2、以 0.9 的质量压缩图像

image-conversion 提供了多种方法来实现 Image、Canvas、File 和 dataURL 之间的转换，如下：

1、imagetoCanvas(image[, config]) {Promise(Canvas)}

将图像对象转换为画布对象。

2、dataURLtoFile(dataURL[, type]) {Promise(Blob)}

将 dataURL 字符串转换为 File(Blob) 对象，相当于把画布的内容转换成blob，type可以设置最终图片的格式。

type的值可以为："image/png", "image/jpeg", "image/gif"

3、compress(file, config) {Promise(Blob)}

压缩文件（Blob）对象。

4、compressAccurately(file, config) {Promise(Blob)}

根据大小压缩文件（Blob）对象。

5、canvastoDataURL(canvas[, quality, type]) {Promise(string)}

将 Canvas 对象转换为 dataURL 字符串，该方法可以进行压缩。

6、canvastoFile(canvas[, quality, type]) {Promise(Blob)}

将 Canvas 对象转换为 Blob 对象，此方法可以进行压缩。

7、dataURLtoImage(dataURL) {Promise(Image)}

将 dataURL 字符串转换为图像对象。

8、downloadFile(file[, fileName])

下载图片到本地。

9、filetoDataURL(file) {Promise(string)}

将 File(Blob) 对象转换为 dataURL 字符串。

10、urltoBlob(url) {Promise(Blob)}

通过图像 url 加载所需的 Blob 对象。

11、urltoImage(url) {Promise(Image)}

通过图片 url 加载所需的 Image 对象。

觉得效果不错的请帮忙加个关注点个赞，经常分享前端实用开发技巧

.min.js 是JavaScript的源码文件压缩之后产生的文件。.min.js文件可读性差，所占用空间相对较小，可用于源码防窃

将.js压缩为.min.js主要包括两个方面：去掉无用的空格、换行符号、注释等，从而压缩js文件大小；将原.js中变量和函数的命名修改为没有实际意义的名称，进行语句的等价替换，如条件判断修改为使用三目运算符，从而尽可能实现源码防窃

JavaScript的代码压缩工具