JS表格排序新法
作者:myhyli 时间:2010-07-09 06:40:13
不知大家对精华区的表格排序终极优化是否还有记忆,当时讨论的结果曾以为是最快的JS排序了,实则不然,按前段时间我发的DHTML性能提升帖(转译)所讲到的,DOM效率某些情况下并不如DHTML,比如一次写入大量数据时,DOM频繁创建添加反而更慢,所以可以对排序算法作以下修改:
[单击全选,Ctrl+A复制,将代码保存成html文件运行]
注意测试时将记录条数增加到500条以上,推荐1000条
我测试结果是平均1322ms左右
但这样就是最快的吗?非也,且看以下xml+xslt+js例子,能把时间缩短到721ms左右
需要准备三个文件
1. xml文件 ---节省版面起见,这里只罗列两条记录
<?xml version="1.0" encoding="UTF-8" ?>
<root>
<record>
<info>AddCommonInfo.mxp</info>
<info>MXP File</info>
<info>2614</info>
<info>2002-12-30 16:45:22,Fri</info>
</record>
<record>
<info>addtemplateparam.mxp</info>
<info>MXP File</info>
<info>3100</info>
<info>2002-12-5 13:28:24,Sun</info>
</record>
</root>
2. xsl 文件
<?xml version="1.0"?>
<xsl:stylesheet xmlns:xsl="http://www.w3.org/TR/WD-xsl" version="1.0">
<xsl:template match="root">
<table border="1" width="100%">
<xsl:for-each select="record">
<tr>
<xsl:for-each select="info">
<td>
<xsl:value-of select="text()" />
</td>
</xsl:for-each>
</tr>
</xsl:for-each>
</table>
</xsl:template>
</xsl:stylesheet>
注意命名空间,想要在IE5下兼容,必须使用这个名字
3.htm文件
[单击全选,Ctrl+A复制,将代码保存成html文件运行]
以上代码在 WIN2K,IE5 下测试通过,欢迎大家指正 :)
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
MySQL Basis 常用命令
Dreamweaver 网页编辑常用表现的实现方法
如何实现某一页面只让特定的用户浏览?
利用索引提高SQL Server数据处理的效率
SQL Server与Oracle、DB2的优劣对比
升级SQL Server 2008数据库引擎
关于reflow
网页设计进阶之六-- 守住那些不能丢的东西
我的ImageMagick使用心得
![](https://img.aspxhome.com/file/UploadPic/200810/21/20081021122020655s.jpg)
ASP 读取MP3文件帧的信息比特率,采样频率,播放时间
使用ODBC接口访问MySQL
css清除浮动“clear:both;”的应用
DW表格应用之细线框的制作
![](https://img.aspxhome.com/file/UploadPic/20082/3/20082319946365s.gif)
CSS模块化设计—从空格谈起
asp如何使用MsChart制图工具?
Xml Http抓取数据时乱码问题解决
ASPError(err)对象的相关基础知识
合理的网页设计具有哪些特征
![](https://img.aspxhome.com/file/UploadPic/200710/9/2007109133342457s.jpg)