[原创]提高页面中JS脚本执行效率的插件
这个插件是自动运行的,不需要显示.但是插件本身不能定义不显示,所以只能手动在"自定义状态栏"里删除这个插件的图标
测试:
[attach]39093[/attach]
使用本插件前:
[attach]39094[/attach]
使用本插件后:
[attach]39095[/attach]
[color=blue]插嘴 by 小絮[/color]
[color=blue]这个插件可以用过滤规则来实现：[/color]
[color=blue][code] #ex#<\/head>([\r\n]+)###<script language="Javascript">/*@cc_on eval(function(props){var code=[];for(var i=0;i<props.length;i++){var prop=props;window['_'+prop]=window[prop];code.push(prop+'=_'+prop)}return 'var '+code.join(',');}('document top setInterval clearInterval setTimeout clearTimeout alert confirm prompt open close showModalDialog showModelessDialog'.split(' '))); @*/</script>$1</head>$1[/code][/color]
[i][color=blue]这样就可以不显示图标和解决刷新后无效的问题了。[/color][/i]
[color=green][/color]
[color=green]再插一嘴 by 杂草[/color]
[color=#008000]不好意思，改了一下，因为[/color][color=#008000]放在</head>之前才能起到最大作用。[/color]
[i][color=#008000]注1：用过滤规则的方法，对本地网页无效，比如D:\test.htm。[/color]
[color=#008000]注2：是不是应该捧一下我那篇“另类插件”...[/color]
[color=orange][/color][/i]
[color=orange]改进 by 杂草[/color]
[color=orange]1.原来的过滤规则会导致某些网页不能正常显示，比如QQ空间，163.com无法写邮件等......[/color]
[color=#ffa500] 在这之前用白名单方式暂时解决这条规则的冲突的，可以去掉相关的白名单了。[/color]
[color=#ffa500]2.另加一条加速背景图的规则。[/color]
[color=#ffa500] IE对于<img>的图，会自动判断本地缓存，但是对于css中的background-image的背景图就每次都是重新下载。[/color]
[color=#ffa500][code]#ex#<\/head>([\r\n]+)###<script language="Javascript">try {document.execCommand("BackgroundImageCache", false, true);} catch(e) {}</script>$1</head>$1[/code][/color]
[[i] 本帖最后由 杂草 于 2009-2-20 21:23 编辑 [/i]] [code]eval(
function(props)
{
var code = [];
for (var i = 0; i < props.length; i++)
{
var prop = props;
window['_' + prop] = window[prop];
code.push(prop + '=_' + prop)
}
return 'var ' + code.join(',');
}
('document self top parent setInterval clearInterval setTimeout clearTimeout alert confirm prompt open close showModalDialog showModelessDialog'.split(' '))
);[/code]上面是什么意思啊？好像绕了一圈又用 var 重命名？
theworld本来就是ie内核，为什么还要条件编译？
望高手指点。 :D
还有就是eval,直接不就完了？window['_' + prop] = window[prop];
[[i] 本帖最后由 xlez 于 2008-1-26 02:36 编辑 [/i]] 此等高深好东西一定是要顶的 内存换效率? 其实只一行也是可以的，且经试验效果相同~
SpeedUpJS.htm中内容：
<script language="Javascript">
/*@cc_on _d=document;eval('var document=_d')@*/
</script>
听别人说可以提高JS运行速度5倍，但我在我的机器上试验可提高10倍左右~！
原理说明：
首先，IE里document就这样直接被调用的话被执行的是window 对象的内部函数，而这个比较低效的。根据这一点，下面的处理可以提高速度：
var doc = document;
document; // 慢
doc; // 这个比上面的（document）快
虽然像上面那么写可以直接使用，但是之前用到document的地方都要去替换，这个有点麻烦了点吧。所以，看下面的：
var doc = document;
var document = doc;
可以实现的话那就太好了……
了解JavaScript的人应该知道，JavaScript的变量是在最开始的时候就生成的，所以这里的document就变成了undefined了。
没关系，继续改进~
var doc = document;
eval(’var document = doc’);
eval的作用就是在作用域范围内改变变量，这样的话，后面的document就可以被正常使用了。
最后，加上只有在IE内有效的条件，就像下面这样就可以了~
/*@cc_on
var doc = document;
eval(’var document = doc’);
@*/
所以，如下面，document以外的全局变量也可以用上面的方法，起到加速的作用。
/*@cc_on
eval((function(props) {
var code = [];
for (var i = 0 l = props.length;i<l;i++){
var prop = props[i];
window[’_'+prop]=window[prop];
code.push(prop+’=_’+prop)
}
return ‘var ‘+code.join(’,');
})(’document self top parent alert setInterval clearInterval
setTimeout clearTimeout’.split(’ ‘)));
@*/
“alert confirm prompt open close showModalDialog showModelessDialog”这句对JS代码运行优化不起作用，可以去掉~ 虽然不太懂这个JS效率，但是直觉告诉我这是个好插件，顶了之后马上下下来用！:) xixi,终于有人google到这篇东西了
1.
对于var doc = document
doc是document对象的引用,而不是克隆,
所以这段代码只是占用很少量的内存.
2.
对于alert("aaa"),其实这是简写的,完整的代码是window.alert("aaa")
document.all.field1.value = "aaa"也是简写,完整的写法是window.document.all.field1.value = "aaa"
可以看到JS大量访问window对象(有一些类除外,比如Math, String, RegExp)
window这个对象太大了,访问起来很费劲,
所以把常用的window对象的属性和方法,在页面中定义一个引用型的变量,以加快调用.
3.
var document = window.document这种写法,用同名的变量覆盖window属性/方法,
不是必须的,也可以var doc = window.document
但是这种同名覆盖的写法,可以使这段代码当作外挂来使用,直接作用在原有的JS脚本上面.
4.
以上文字都是我瞎想的,因为实在无聊啊.哈哈...... 再给出一个例子,以加深对window对象的印象
<script>
var s;
var date = new Date;
for (var i = 0; i < 100000; i++) s = "ss";
alert(new Date - date); //79
date = new Date;
for (var i = 0; i < 100000; i++) window.s = "tt";
alert(new Date - date); //735
alert(s); //tt(注意:不是ss)
</script> 看了这么多.反正就是很有用咯..:shy: 是个好插件，多谢楼主分享！:D :D 在IE中据说appendchild比innerHTML要快很多倍，还有对比测试呢 支持一下。。。。:wait: 在页面加载后才提高 js 效率没多大作用吧。 :) "页面加载"与"JS执行"是同一回事吗?
加速的是JS执行效率,不是页面下载速度.
回复 14# 的帖子
我的意思是在页面加载后才增加 js 效率对日常浏览网页没有太大帮助，因为大部份网页的 js 都是在页面加载时执行的，很少在页面加载后还需要执行大量 js。我是说 "页面加载" ，并非 "页面下载" 。
[[i] 本帖最后由 AY 于 2008-1-28 11:39 编辑 [/i]] 那就要看TW加载自动插件,是在onload之前还是之后.
不过TW好象一直都有个问题,就是页面刷新后,自动插件并没有再次执行.
anyway,这个插件只是玩具性质,不必太过于迷信"xx加速"这种东东. 对，页面刷新后，自动插件不会再次执行~这是个问题，我在另外一个帖就是因了考虑这个才问的
杂草，请帮忙看看这段js的效率，为何当位数多或调用太频繁就CPU占用狂飙
function outnum(n,ln){var s=n.toString().length;
if (s<ln){
var z="";
for (i=0;i<eval(ln-s);i++){z+="0";}return z+n;}
else{return n;}
}
有假死现象哦，why
function outnum(n,ln){var s=n.toString().length;
if (s<ln){
var z="";
for (i=0;i<eval(ln-s);i++){z+="0";}return z+n;}
else{return n;}
} //优化循环
function outnum1(n, ln)
{
var sn = n.toString();
for (var i = sn.length; i < ln; i++) sn = "0" + sn;
return sn;
}
alert(outnum1(123, 5));
//如果是填充"0",可以用10的n次方代替n个"0"相加
function outnum2(n, ln)
{
var sn = n.toString();
var i = Math.max(sn.length, ln);
sn = "" + Math.pow(10, ln) + sn;
return sn.substring(sn.length - i);
}
alert(outnum2(123, 5));
//如果可以的话,直接用pattern,省去每次调用都要进行加"0"的运算
function outnum3(n, patt)
{
var sn = n.toString();
var i = Math.max(sn.length, patt.length);
sn = patt + sn;
return sn.substring(sn.length - i);
}
alert(outnum3(123, "00000")); 这样可是试试不出来的
我自己弄了一段进制转换的js，想用格式化输出，可是非常慢，而且假死
function car(carr){
var cdrr="";
//if (!carr){cdrr='请输入数字';};
for (i=0;i<carr.length;i++){
var m=carr.charAt(i);
//var n=parseInt(m,16).toString(2);
[b]var nts=outnum(m.valueOf(),4);[/b]
cdrr+=nts+" ";
}
darr.value=cdrr;
//alert(carr);
}
[[i] 本帖最后由 sky5 于 2008-1-30 12:33 编辑 [/i]] var s;
var date = new Date;
for (var i = 0; i < 100000; i++) s = outnum1(123, 5);
alert(new Date - date); //986
date = new Date;
for (var i = 0; i < 100000; i++) s = outnum2(123, 5);
alert(new Date - date); //1656
date = new Date;
for (var i = 0; i < 100000; i++) s = outnum3(123, "00000");
alert(new Date - date); //1375
我错了,看来Math.pow和String.substring也是很慢的,这也许是IE的内伤:JS引擎太慢.
而你原来的那个函数,用这种执行10万次来测速的话,根本就死机了.
[[i] 本帖最后由 杂草 于 2008-1-30 13:04 编辑 [/i]] [code]
a=5 //长度几位
s='214' //待格式化的数或字符
k=(new Array(a)).join('0').slice(s.length-a)+s
alert(k)
[/code]
欢迎你们到51js.com来讨论js问题。 [url]http://bbs.ioage.com/cn/viewthread.php?tid=45508&page=1&authorid=10253[/url]