曾经耍过一些小聪明,而且是相当然的,有人问我你做过验证吗,….木有,然后也觉得自己很不靠普
下面是验证以前做一个选择器的时候用到的方法,主要是为了加速判断是否已选的操作
<html>
<script>
function ctime(func)
{
var s = new Date().getTime();
func();
return new Date().getTime() - s;
}
var time;
time = ctime(function()
{
var i = 0;
astr = [];
while (i < 10000)
{
astr.push('fasdfasdf');
i ++;
}
});
document.write(time + '</br>');
time = ctime(function()
{
var i = 0;
sstr = '';
while (i < 10000)
{
sstr = sstr + 'fasdfasdf';
i ++;
}
});
document.write(time + '</br>');
function is_include(arr, v)
{
for ( var i = 0, j = arr.length; i < j; i ++ )
{
if (arr[i] == v) return true;
}
return false;
}
time = ctime(function()
{
var i = 0;
while (i < 1000)
{
if (is_include(astr, '12321423')) break;
i ++;
}
});
document.write(time + '</br>');
time = ctime(function()
{
var i = 0;
while (i < 1000)
{
if (sstr.indexOf('12321423') !== -1) break;
i ++;
}
});
document.write(time + '</br>');
</script>
</html> |
Run Code运行结果
ie6:
20
1342
5699
280
ie8:
30
30
9163
441
ff3.6:
1
2
111
97
ie下的脚本错误总是很神秘的样子,告诉你哪个行,确不告诉你哪个文件,Visual Studio带了一个调试工具倒是可以,long long ago之前用过一次,老崩溃的样子~
如果你又遇到了猜不透的bug,可以尝试下面的shell~
//现去firefox里收集一份js列表
var alljs = [];
XN.array.each(document.getElementsByTagName('script'),function(i,v)
{
if (v.src)
{
alljs.push(v.src);
}
});
console.log(alljs.join('\n'));把列表保存到一个文件,下面跑段shell,把所有js的报错位置的代码打印出来
// 10 100是ie里提示的错误位置
sh ~/bin/get_line.sh /tmp/jslist 10 100
附:
#!/bin/sh
LIST="$1"
ROW="$2"
COL="$3"
if [ ! -n "$ROW" ];then
exit
fi
echo "行:${ROW}"
echo "列:${COL}"
get_row()
{
cat /tmp/js_debug_tmp | sed -n "${ROW}p"
}
cat "$LIST" | while read line
do
wget -q "$line" -O /tmp/js_debug_tmp
echo "文件:${line}"
row="`get_row`"
if [ -n "${COL}" ]; then
row="`echo \"${row}\" | cut -c ${COL}- `"
fi
echo "$row"
done
rm /tmp/js_debug_tmp
2010.2.6 日修正
————————————
2010.2.3 日修正
<html>
<!-- html字符截断第二版 bug修正 + 2.6日修正-->
<script>
function sub_html_str(str, num)
{
var reg = new RegExp( '<[^>]+>' , 'g' );
var rt, rts = [], indexs = [], tstr, endstr, rstr, sstr, endtag, rtstr;
//提取所有的html标签和标签在字符串中的位置
while ( ( rt = reg.exec(str) ) != null )
{
rts.push(rt[0]);
indexs.push(rt['index']);
}
//删除字符串中所有的html标签
tstr = str.replace(reg, '');
//对剩余的纯字符串进行substr
sstr = tstr.substr(num, tstr.length);
tstr = tstr.substr(0, num);
//判断有没有把实体腰斩，如果有腰斩的就再接上
endstr = (/&[^&]*$/.exec(tstr) || '');
if ( endstr !== '' ) endstr += '' + (/^[^;]*;/.exec(sstr) || '');
if (/^(&\w{1,10};|&#\d+;)$/.test(endstr))
{
rtstr = tstr.replace(/&[^&]*$/, endstr);
}
else
{
rtstr = tstr;
}
//把html标签放回到截断完毕的字符串中，当然有的html标签这时候已经无家可归了
var index = 0;
for (var i = 0; i < rts.length; i ++)
{
index = indexs[i];
if (rtstr.length >= index)
{
rtstr = rtstr.substr(0, index) + rts[i] + rtstr.substr(index, rtstr.length);
}
else
{
break;
}
}
var lastindex = i ;
//下面的代码用来闭合没有闭合的标签
tstr = rtstr;
rstr = '';
//把闭合的标签全部删除，sstr包含了没有闭合的标签
while ( rstr != tstr )
{
rstr = tstr;
tstr = tstr.replace(/<[^\/][^>]*>[^<]*<\/[^>]+>/g, '').replace(/<[^>]+ \/>/g, '');
}
sstr = tstr;
//在剩余的部分查找没有闭合的标签
tstr = str.replace(rtstr, '');
rstr = '';
while ( rstr != tstr )
{
rstr = tstr;
tstr = tstr.replace(/<[^\/][^>]*>[^<]*<\/[^>]+>/g, '').replace(/<[^>]+ \/>/g, '');
}
reg.lastIndex = 0;
var endreg = new RegExp('<\/[^>]+>', 'g');
//如果存在没有闭合的标签，从无家可归的标签里找下半身
while ( reg.exec(sstr) != null )
{
if ( (rt = endreg.exec(tstr)) != null)
{
rtstr += rt[0];
}
else
{
break;
}
}
return rtstr;
}
</script>
<script>
document.writeln('<textarea cols="100" rows="10">');
document.writeln(sub_html_str('<xx><oo>嵌套标签截断测试</oo><fk><test>lala</test></fk></xx>', 5));
document.writeln(sub_html_str('正常字符串测试', 5));
document.writeln(sub_html_str('<xx>带标签的字符串截断</xx>', 5));
document.writeln(sub_html_str('<xx><oo>嵌套标签截断测试</oo><fk>lala</fk></xx>', 5));
document.writeln(sub_html_str('<xx><oo>嵌套标签<img src="http://www.google.com/logo.gif" />截断测试</oo></xx>', 5));
document.writeln(sub_html_str('<xx><oo>实体截断 测试测试</oo></xx>', 5));
document.writeln('</textarea>');
</script>
</html> |
Run Code——————————————————–
最近各位弟兄都很忙的样子，俺则已经沦为做活动页面的了。。html字符的截断一般都会放到后台技术们做，但是春节的这个东西比较紧，偶就前端代劳一下。
运气不错，这么长的函数没调几次就过了。也是按照自己的思路来。。。
这个函数仅能做到
- 截取除了html标签之外的前n个字符，一般的需求都是这样的。。
- 不会截断html实体
- 查找并闭合被截断的html标签,但是如果给的html就存在没有闭合的就不管了
<html>
<!-- html字符截断第一版 -->
<script>
function sub_html_str(str, num)
{
var reg = new RegExp( '<[^>]+>' , 'g' );
var rt, rts = [], indexs = [], tstr, endstr, rstr, endtag;
//提取所有的html标签和标签在字符串中的位置
while ( ( rt = reg.exec(str) ) != null )
{
rts.push(rt[0]);
indexs.push(rt['index']);
}
//删除字符串中所有的html标签
str = str.replace(reg, '');
//对剩余的纯字符串进行substr
tstr = str.substr(0, num);
//判断有没有把实体腰斩，如果有腰斩的就再接上
endstr = (/&[^&]*$/.exec(tstr) || '');
if ( endstr !== '' ) endstr += '' + (/^[^;]*;/.exec(str.substr(num, str.length)) || '');
if (/^(&\w{1,10};|&#\d+;)$/.test(endstr))
{
str = tstr.replace(/&[^&]*$/, endstr);
}
else
{
str = tstr;
}
//把html标签放回到截断完毕的字符串中，当然有的html标签这时候已经无家可归了
var index = 0;
for (var i = 0; i < rts.length; i ++)
{
index = indexs[i];
if (str.length >= index)
{
str = str.substr(0, index) + rts[i] + str.substr(index, str.length);
}
else
{
break;
}
}
var lastindex = i ;
//下面的代码用来闭合没有闭合的标签
tstr = str;
rstr = '';
//把闭合的标签全部删除，tstr包含了没有闭合的标签
while ( rstr != tstr )
{
rstr = tstr;
tstr = tstr.replace(/<[^>]+>[^<]*<\/[^>]+>/g, '').replace(/<[^>]+ \/>/g, '');
}
reg.lastIndex = 0;
//如果存在没有闭合的标签，从无家可归的标签里找下半身
while ( reg.exec(rstr) != null )
{
while ( lastindex < rts.length )
{
endtag = rts[lastindex];
//如果它是一个用来闭合的标签,就把它追加到字符串
if ( /^<[ ]*\//.test(endtag) )
{
str = str + endtag;
lastindex ++;
break;
}
//如果它是自闭合的标签
else if ( /<[^>]+ \/>/.test(endtag) )
{
lastindex ++;
}
//如果它是一个起始标签
else
{
lastindex += 2;
}
}
}
return str;
}
</script>
<script>
document.writeln('<textarea cols="100" rows="10">');
document.writeln(sub_html_str('正常字符串测试', 5));
document.writeln(sub_html_str('<xx>带标签的字符串截断</xx>', 5));
document.writeln(sub_html_str('<xx><oo>嵌套标签截断测试</oo><fk>lala</fk></xx>', 5));
document.writeln(sub_html_str('<xx><oo>嵌套标签<img src="http://www.google.com/logo.gif" />截断测试</oo></xx>', 5));
document.writeln(sub_html_str('<xx><oo>实体截断 测试测试</oo></xx>', 5));
document.writeln('</textarea>');
</script>
</html> |
Run Code