JavaScript(JS) 压缩 / 混淆 / 格式化批处理工具

2024-11-26 15:54:19

昨天分享了http://jscompress.sinaapp.com/ 这个小工具后，发现大家还是很喜爱的。

因此今天我把它json化了.用json传输数据，也开放了api

本工具所有的功能实现都是由 http://jscompress.sinaapp.com/api 处理.（包括现在可以使用的这个在线压缩）
所有的数据交换均由 HTTP POST 输入处理后由 json 作为数据输出格式.

API参数 : http://jscompress.sinaapp.com/api?get={type}&code=(code)&type={compress only}

get={type}，{type} 为可选的 compress (压缩) format (格式化) shuffle(混淆)
code=(code)，(code) 为必要的源代码. JavaScript的源代码
type={compress}，{compress} 注意该参数只有压缩的时候生效，可选 1(默认压缩) 2(YUI压缩) 3(GC压缩)

例：使用 CURL... POST

http://jscompress.sinaapp.com/api?get=compress&code=var a=1;var b=2;&type=2

如果执行成功则返回结果:

{"code":"var a=1,b=2;\n","original_size":"16 Byte","now_size":"13 Byte","status":"Closure Compiler \u538b\u7f29\u5b8c\u6210.","minify":"81.25%"}

然后我写了一个php文件，可以调用这个网站的api，把整个目录所有的js文件压缩或者混淆，格式化后保存到一个新目录。

这样就对那些懒上传文件的同学们基于方便了~~

直接下载地址: jstools.rar高亮显示

代码如下:

<?php
/*
/## js 合并和压缩PHP脚本...可用于本地或者服务器.
/## 本工具只能处理utf-8编码的 *.js 文件.否则会接收不到结果
@ 风吟 (fengyin.name)
@ http://jscompress.sinaapp.com/
*/
set_time_limit(0);
function JsTools($options = array(
'basepath' =>'./', //需要处理的脚本路径...
'compiled' =>'./compiled/', //处理后新文件的路径...
'type' =>'compress', //可选 compress (压缩) format (格式化) shuffle (混淆)
'is_merger' =>true, // 是否需要把全部文件合并再进行处理 (压缩，格式化，混淆)
'engine' =>'1'//此项只对 type 为 compress 时有效，1(默认) 2 (yui) 3(Closure Compiler)
/*
yui 和 Google Closure Compiler 压缩是不可逆的，一般情况下使用默认即可
不推荐使用混淆.
*/
)){
if (is_dir($options['basepath'])) {
if ($dh = opendir($options['basepath'])) {
while (($file = readdir($dh)) !== false) {
if (strpos($file, '.js') !== false && strpos($file, '.min.js') === false) {
$js[] = $file;
}
}
closedir($dh);
}
}
if ($options['is_merger']) {
foreach($js as $jsfile) {
$jscode.= file_get_contents($jsfile).';';
}
$jscode = json_decode(api($jscode, $options['type'], $options['engine']), true);
file_put_contents($options['compiled'].'all.min.js', $jscode['code']);
} else {
foreach($js as $jsfile) {
$jscode = json_decode(api(file_get_contents($jsfile), $options['type'], $options['engine']), true);
file_put_contents($options['compiled'].str_replace('.js', '.min.js', $jsfile), $jscode['code']);
}
}
}
function api($code, $type, $engine) {
$ch = curl_init('http://jscompress.sinaapp.com/api');
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($ch, CURLOPT_POST, 1);
curl_setopt($ch, CURLOPT_POSTFIELDS, 'get='.$type.'&code='.urlencode($code).'&type='.$engine);
$output = curl_exec($ch);
curl_close($ch);
return $output;
}
JsTools();
?>

JavaScript性能优化创建文档碎片(document.createDocumentFragment)

在浏览器中,我们一旦把节点添加到document.body(或者其他节点)中,页面就会更新并反映出这个变化,对于少量的更新,一条条循环插入也会运行很好,也是我们常用的方法.代码如下: 复制代码代码如下: for(var i=0;i<5;i++){ var op = document.createElement("span"); var oText = document.createTextNode(i); op.appendChild(oText); document.body
高性能Javascript笔记数据的存储与访问性能优化

局部变量也就可以理解为在函数内部定义的变量,很明显访问局部变量要比域外的变量要快,因为它位于作用域链的第一个变量对象中(关于作用域链的介绍可以阅读这篇文章).变量在作用域链的位置越深,访问所需要的时间就越长,全局变量总是最慢的,因为它们位于作用域链的最后一个变量对象. 每种数据类型的访问都需要付出点性能代价,对于直接量和局部变量基本都能消费得起,而访问数组项和对象成员则要代价高点.下图显示了不同浏览器,分别对这四种数据类型进行了200'000次操作所用的时间. 由上图可以看出,要想优化代码的性能
javascript 格式化时间日期函数代码脚本之家修正版

Date.prototype.format = function(format) { var o = { "M+" : this.getMonth()+1, //month "d+" : this.getDate(), //day "h+" : this.getHours(), //hour "m+" : this.getMinutes(), //minute "s+" : this.getSeconds(
javascript强大的日期函数代码分享

复制代码代码如下: var date = function( a, s ) { var d = s ? new Date( s ) : new Date(), f = d.getTime(); return ( '' + a ).replace( /a|A|d|D|F|g|G|h|H|i|I|j|l|L|m|M|n|s|S|t|T|U|w|y|Y|z|Z/g, function ( a ) { switch ( a ) { case 'a
JavaScript中的无阻塞加载性能优化方案

Javascript在浏览器中的性能,可以说是前端开发者所要面对的最重要的可用性问题. 在Yahoo的Yslow23条规则当中,其中一条是将JS放在底部 .原因是,事实上,大多数浏览器使用单进程处理UI和更新Javascript运行等多个任务,而同一时间只能有一个任务被执行.Javascript运行了多长时间,那么在浏览器空闲下来响应用户交互之前的等待时间就有多长. 从基本层面说,这意味着<script>标签的出现使整个页面因脚本解析.运行而出现等待.不论实际的 JavaScript 代码是内
javascript中日期函数new Date()的浏览器兼容性问题

同一种语言javascript,在不同的浏览器中,存在语言兼容性问题,本质上是由于不同的浏览器是支持的语言标准和实现上各有差异.本文将基于new Date来创建Date对象来分析这个问题. 1. 问题的提出, 开始时间和结束时间空间无法正确的传递值在页面中,我们使用了一个时间上的组件来开发时间选择框,但是发现在Firefox下是无法正常工作的,在Chrome下是可以正常运行的. 问题出在哪里呢? 2. 问题分析结果分析发现是由于如下代码产生的问题: var timestart = '20
巧用批处理解决IE不支持JavaScript等问题

复制代码代码如下: rem =====批处理开始======== regsvr32 actxprxy.dll regsvr32 shdocvw.dll Regsvr32 URLMON.DLL Regsvr32 actxprxy.dll Regsvr32 shdocvw.dll regsvr32 oleaut32.dll rundll32.exe advpack.dll /DelNodeRunDLL32 C:\WINNT\System32\dacu
自己整理的一个javascript日期处理函数

复制代码代码如下: /* * 函数名称: DateUtil * 作者: yithcn * 功能说明: 日期函数 * 使用说明: * 创建日期: 2010.10.14 */ var DateUtil = {}; DateUtil.base = 60 * 60 * 24 * 1000; DateUtil.Add = function(num, sDate) { num = num || 0; sDate = sDate || new Date(); var base = this.base *
javascript日期处理函数，性能优化批处理

其实网上写javascript日期格式化的博文很多,大体都看了看,都还不错.唯一遗憾的是只顾着实现了功能,没对函数进行性能优化. 俗话说:不要重复造轮子.google上找了一个比较不错的日期格式化函数,来开始我的优化之旅吧! google上找的这个日期函数化函数,估计大家都很眼熟,以前我也一直在用.先看看优化后和优化前的效率对比吧! 1.优化之前的toDate函数(字符串转换成Date对象),重复执行1万次,耗时660毫秒 2.优化之前的dateFormat函数(Date对象格式化成字符串),重
JavaScript(JS) 压缩 / 混淆 / 格式化批处理工具

昨天分享了http://jscompress.sinaapp.com/ 这个小工具后,发现大家还是很喜爱的. 因此今天我把它json化了.用json传输数据,也开放了api 本工具所有的功能实现都是由 http://jscompress.sinaapp.com/api 处理.(包括现在可以使用的这个在线压缩) 所有的数据交换均由 HTTP POST 输入处理后由 json 作为数据输出格式. API参数 : http://jscompress.sinaapp.com/api?get={type}
JavaScript 在线压缩和格式化收藏

以前在找到过压缩 Javascript 代码的程序,一直在用,感觉效果不错.http://javascriptcompressor.com/在线压缩 Javascript 源码只是把空格.换行.多余的注释等等清理掉,尤其选中 Shrink variables 时,会把长的变量名缩减成单个字母的变量名,压缩比通常能达到50%甚至更小.现在 AJAX 大行其道,JavaScript 文件越来越大,用此压缩应该能减轻不少流量负担.而且缩减变量名后,程序并没有加密,但会使程序变得很难看懂,一定程度上也能
几款极品的javascript压缩混淆工具

个人首推MemTronic's FREEWARE HTML/JavaScript Cruncher-Compressor v1.0k压缩效果好得不一般,混淆出来的代码完全不可读,压缩率可达50%,IE 5+ / NS 7.0 / Mozilla / Opera 7.0 中均可使用第二款,我推荐Rob Seiler的packer这款压缩混淆工具效果也不错,有三种版本,.Net,Perl,和WSH版本,Windows平台下WSH脚本比较适合,命令行操作,有详细的说明第三款,Saltstorm出品
用于CSS代码压缩与格式化的javascript函数代码

复制代码代码如下: var lCSSCoder={ format : function(s){//格式化代码 s=s.replace(/\s*([\{\}\:\;\,])\s*/g,"$1"); s=s.replace(/\,[\s\.\#\d]*{/g,"{"); s=s.replace(/([^\s])\{([^\s])/g,"$1 {\n\t$2"); s=s.replace(/([^\s])\}([^\n]*)/g,"$1\n
js实现的格式化数字和金额功能简单示例

本文实例讲述了js实现的格式化数字和金额功能.分享给大家供大家参考,具体如下: 格式化数字,格式化金额: function number_format(number, decimals, dec_point, thousands_sep) { /* * 参数说明: * number:要格式化的数字 * decimals:保留几位小数 * dec_point:小数点符号 * thousands_sep:千分位符号 * */ number = (number + '').replace(/[^0-9
JavaScript中的50+个实用工具函数小结

JavaScript可以做很多出色的事情,本篇文章给大家整理50+个实用工具函数,可以帮助你提高工作效率并可以帮助调试代码 1.isStatic: 检测数据是不是除了symbol外的原始数据. function isStatic(value) { return ( typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean' || typeof value === 'undefined'
js实现的光标位置工具函数示例

本文实例讲述了js实现的光标位置工具函数.分享给大家供大家参考,具体如下: 这里介绍的一款textarea中光标位置工具函数的例子. html代码: <p>文本框:</p> <textarea name="" id="textarea" cols="30" rows="10"> sASASADASDasfaDFDsfsDFAfdFADf </textarea> <butto
Node.js 实现抢票小工具 & 短信通知提醒功能

要知道在深圳上班是非常痛苦的事情,特别是我上班的科兴科技园这一块,去的人非常多,每天上班跟春运一样,如果我能换到以前的大冲上班那就幸福了,可惜,换不得. 尤其是我这个站等车的多的一笔,上班公交挤的不行,车满的时候只有少部分人能硬挤上去.通常我只会用两个字来形容这种人:"公交怪" 想当年我朋友瘦的像只猴还能上去,老子身高182体重72kg挤个公交,不成问题,反手一个阻挡,闷声发大财,前面的阿姨你快点阿姨,别磨磨唧唧的,快上去啊阿姨,嗯?你还想挤掉我?你能挤掉我?你能挤掉我!我当场!把车吃
js 压缩图片的示例（只缩小体积，不更改图片尺寸）

本文作者:Marydon 原文链接:https://www.cnblogs.com/Marydon20170307/p/11486511.html 1.情景展示如上图所示,点击上传图片按钮,调用手机摄像头拍照功能. <input onchange="javascript:imgFun.uploadPicture();" type="file" name="file" id="file" accept="ima
利用JavaScript差集实现一个对比小工具

前言在工作中需要每周统计人员提交材料情况又不想一个一个复制黏贴查找只好写一个小工具帮自己查找谁没提交材料先把页面搞一搞 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <me

JavaScript(JS) 压缩 / 混淆 / 格式化 批处理工具

相关推荐

随机推荐

JavaScript(JS) 压缩 / 混淆 / 格式化批处理工具