博客园_MaxIE

数据库sql2000错误8908及处理

2012-02-04T07:49:00Z

错误8908：表错误：数据库ID34，对象ID3，索引ID0。链的链接不匹配。(1:9342)->next = (1:1808)，但(1:1808)->prev = (1:1351)。
（在数据库‘UlandSystem’（34）中。

解释
当 Microsoft® SQL Server 在与表关联的一个页链的页链接中检测到不一致时（例如当某页的 next 指针指向一页，而该页的 previous 指针却向回指向另一页时），会出现该错误。表数据具有一个双向链接页链，每个索引级别也具有一个这样的页链。

对策
通过检查错误信息中的 current page 确定损坏的表。执行不带修复子句的 DBCC CHECKDB 以确定损坏的程度。然后，执行带有适当修复子句的 DBCC CHECKDB 以修复损坏部分。如果该页与索引相关联，有时除去索引可能解决问题。在多数情况下，必须从已知的干净备份恢复数据库。

如果错误涉及索引页，请使用 REPAIR_REBUILD 子句。如果错误涉及数据页，可能需要使用 REPAIR_ALLOW_DATA_LOSS 子句。在不允许丢失数据的可能事件中，将需要从已知的干净备份进行还原。如果问题仍然存在，请与您的主要支持提供者联系。使 DBCC CHECKDB 的输出可查阅。

重要

如果执行带有修复子句之一的 DBCC CHECKDB 未更正索引问题，或者您不确定带有修复子句的 DBCC CHECKDB 对数据的作用，请与您的主要支持提供者联系。


除 SQL Server 错误日志外，还应检查操作系统错误日志文件，以确定是否是硬件错误造成损坏。

如果问题仍然存在，请与您的主要支持提供者联系。

注：

使用数据库的过程中,由于断电或其他原因,有可能导致数据库出现一些小错误,比如检索某些表特别慢,查询不到符合条件的数据等.
　　
　　出现这些情况的原因,往往是因为数据库有些损坏,或索引不完整.
　　
　　在ACCESS中,有个修复数据库的功能可以解决这个问题,在SQL企业管理器,没有这个功能,要用语句来完成,下面就介绍如何用 SQL 语句完成数据库的修复,需要注意的是,在进行下面的操作时,必须断开所有用户的连接:
　　
　　USE MASTER
　　GO
　　
　　sp_dboption '你的数据库名', 'single user', 'true'
　　Go
　　
　　DBCC CHECKDB('你的数据库名', REPAIR_REBUILD)
　　Go
　　
　　USE 你的数据库名
　　go
　　
　　exec sp_msforeachtable 'DBCC CHECKTABLE(''?'',REPAIR_REBUILD)'
　　go
　　
　　sp_dboption '你的数据库名', 'single user', 'false'
　　Go

附：

DBCC CHECKDB('数据库名称',REPAIR_ALLOW_DATA_LOSS)

REPAIR_ALLOW_DATA_LOSS：是比较高级的修复方式

REPAIR_FAST：是简单快速的修复方式

REPAIR_ALLOW_DATA_LOSS
　　此选项包括REPAIR_REBUILD 选项的所有修复功能而且还包括为纠正分配错误
　　结构性行或页错误而进行数据行或数据页的分配和解除分配以及删除被损坏的文本对
　　象这些修复易引起数据丢失所以可在事务中使用该DBCC 命令这样用户可以回
　　滚所发生的数据变化然后从备份中进行恢复
REPAIR_FAST
　　该选项只能实现较简单且耗时少的修复功能例如修复非簇索引中的额外键此选项
　　不会导致数据丢失
REPAIR_REBUILD
　　此选项包括所有REPAIR_FAST 选项的功能而且能够完成一些耗时的修复操作如
　　重建索引此选项不会导致数据丢失

本文链接

jQuery2011年年度最佳插件

2011-11-27T01:57:00Z

近日，国外著名博客WDL发布了2011年度最佳jQuery插件。jQuery自2006年发布以来，经过五年的迅速发展，目前已是最流行和使用最广泛的JavaScript框架。jQuery的易扩展性吸引了来自全球的开发者来共同编写jQuery插件，jQuery插件不仅能够增强网站的可用性，有效的改善用户体验，还可以大大减少开发时间。

Isotope

Isotype 是一款非常优秀的 jQuery 插件，用于创建动态的，智能的布局。使用这款插件能够对一组页面项目进行过滤、排序等很多操作，而且带有非常酷的动画效果。
FitText

FitText 是一款文本大小自动调整插件，使用这款插件能够让你的Web项目在屏幕宽度不同的设备上自动调整字体大小。
FlexSlider

FlexSlider 是一款轻量的 jQuery 内容滚动插件，能够帮助你在项目轻松的创建漂亮的内容滚动效果，功能丰富，具有非常高的可定制性。
Sausage

Sausage 是一款内容分页插件，用于补充页面内容很长情况下产生的滚动不友好问题。
arbor.js

Arbor 是一个利用 Web Works 和 jQuery 创建的可视化图形库，它为图形组织和屏幕刷新处理提供了一个高效的、力导向的布局算法。
Mosaic

Mosaic 是一款非常优秀的画廊插件，能够自动生成滑动框和选项，有滑动和渐变动画效果，还可以自定义滚动方向。
Supersized

Supersized 是一款功能强大的图片切换插件，支持等比例缩放图片填充成全屏效果，支持滑动和淡入淡出等多种动画切换效果。

本文链接

jQ中文API离线版下载(适用版本1.4.4，1.5，1.5.1，1.5.2，1.6，1.6.1，1.6.2)

2011-09-22T15:14:00Z

在众多网友的要求下jQ中文API离线版（air版本）终于整理完成发布了！
只要更新以下内容：

将原来在线版本的jQ中文API AIR客户端版本彻底改成了离线版本；

支持在线升级jQ中文API离线版，由于翻译能力和精力的原因，目前部分条目没有翻译完成，很多条目翻译很糟糕，所以当有API文档调整的时候，jQ中文API离线版将提示您更新最新版本；

美化了一下界面；

jQuery 1.6 中文API (适用jQuery 1.6，jQuery 1.6.1，jQuery 1.6.2)

jQuery 1.6 中文 API 在线版：jQuery 1.6 中文API (适用jQuery 1.6，jQuery 1.6.1，jQuery 1.6.2)

jQuery 1.6 中文API离线版AIR客户端下载：jQuery 1.6 中文API离线版AIR客户端下载，如果没有AIR环境请先点击下载ADOBE AIR

==================================================================

jQuery 1.5.1 中文API(适用jQuery 1.5.1和jQuery 1.5.2)

jQuery 1.5.1 中文 API 在线版：jQuery 1.5.1 API 中文版

jQuery 1.5.1 中文 API离线版AIR客户端下载：jQuery 1.5.1 中文 API离线版AIR客户端下载，如果没有AIR环境请先点击下载ADOBE AIR

==================================================================

jQuery 1.5 API 中文版

jQuery 1.5 中文 API 在线版：jQuery 1.5 API 中文版

jQuery 1.5中文API离线版AIR客户端下载：jQuery 1.5中文API离线版AIR客户端下载，如果没有AIR环境请先点击下载ADOBE AIR

==================================================================

jQuery 1.4.4 API中文版

jQuery 1.4.4 中文 API 在线版：jQuery 1.4.4 API中文版

Query 1.4.4 中文API离线版AIR客户端下载：jQuery 1.4.4 中文API离线版AIR客户端下载，如果没有AIR环境请先点击下载ADOBE AIR

本文链接

方便的CSS和jQuery下拉菜单解决方案

2011-09-22T15:11:00Z

如果您正在寻找一些很酷的下拉菜单解决方案，那么这些要。今天，我收集了一些有用的 CSS和jQuery 下拉菜单解决方案。

Creating a pure CSS dropdown menu

Sexy Drop Down Menu w/ jQuery & CSS

Sliding Jquery Menu

Perfect Dropdown Login Box like Twitter using jQuery

CSS3 Dropdown Menu

Create Vimeo-like top navigation

A Different Top Navigation

FormBox – A jQuery & CSS3 Drop-Down Menu With Integrated Forms

Reinventing a Drop Down with CSS and jQuery

Animated Drop Down Menu with jQuery

Creating an Awesome Drop-Down Nav with CSS3 & jQuery

Create The Fanciest Dropdown Menu

jQuery Menu Style 01 (Dim Gray)

jQuery Dropdown Navigation in WordPress

Drop-Down Menus, Horizontal Style

jQuery Menu: Dropdown, iPod Drilldown, and Flyout styles

MenuMatic

Make a Mega Drop-Down Menu with jQuery

jQuery (mb)Menu 2.7

Create Simple Dropdown Menu Using jQuery

Easy to Style jQuery Drop Down Menu Tutorial

本文链接

sql2000无法执行查询及未找到提供程序解决办法

2011-04-13T12:48:00Z

sql2000 "无法执行查询,因为一些文件缺少或未注册"的解决办法
在SQL server 2000中打开表查看数据的时候,提示说“无法执行查询,因为一些文件缺少或未注册”
用查询分析器可以查看数据,重装了sql2000也没有用

解决办法：注册以下的四个dll文件，重启机器即可，根本无需重新安装SQL server 或者系统。

regsvr32 "C:\Program Files\Common Files\System\Ole DB\Oledb32.dll"
regsvr32 "C:\Program Files\Common Files\System\Ado\Msado15.dll"
regsvr32 "C:\Program Files\Common Files\System\Ole DB\Sqloledb.dll"
regsvr32 "C:\WINDOWS\system32\Atl.dll"

保存为“任意文件名.bat”,双击执行，重启，问题解决。

SQL Server2000 未找到提供程序。该程序可能未正确

SQL Server2000系统进入企业管理器打开数据表时不能返回数据，提示“未找到提供程序。该程序可能未正确安装。”

解决办法一：

运行：

regsvr32 "C:\Program Files\Common Files\System\Ole DB\msdasql.dll"

解决办法二：

先把SQL Server卸载，再把安装时产生的“Microsoft SQL Server”文件夹删掉,在运行注册表,把HKEY_CURRENT_USER\Software\Microsoft\Microsoft SQL Server，和HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Microsoft SQL Server全部删掉，(注意要把Microsoft SQL Server文件夹整个删掉),然后重起。
试一试吧
另外在选择登陆的时候选择混合模式

本文链接

SQL Server优化SELECT语句方法

2011-01-06T09:11:00Z

Microsoft提供了三种调优查询的主要的方法：

使用SET STATISTICS IO 检查查询所产生的读和写；

使用SET STATISTICS TIME检查查询的运行时间；

使用SET SHOWPLAN 分析查询的查询计划。

SET STATISTICS IO

命令SET STATISTICS IO ON 强制SQL Server 报告执行事务时I/O的实际活动。他不能和SET NOEXEC ON 选项配对使用，因为他仅仅对监测实际执行命令的I/O活动有意义。一旦这个选项被打开，每个查询产生包括I/O统计信息的额外输出。为了关闭这个选项，执行SET STATISTICS IO OFF。

注：这些命令也能在 Sybase Adaptive Server中运行，虽然结果集可能看起来有点不同。

例如，下面是在Northwind 数据库中对于employees表上的一个行统计的简单查询脚本而获得的I/O统计信息:

SET STATISTICS IO ON
            GO
            SELECT COUNT(*) FROM employees
            GO
            SET STATISTICS IO OFF
            GO
            Results:
            ---------------
            2977
            Table ‘Employees’ . Scan count 1,
            logical read 53, physical reads 0, readahead reads 0.

这个扫描统计告诉我们扫描执行的数量，逻辑读显示的是从缓存中读出来的页面的数量，物理读显示的是从磁盘中读的页面的数量，Read-ahead 读显示了放置在缓存中用于将来读操作的页面数量。

此外，我们执行一个系统存储过程获得表大小的统计信息以供我们分析：

sp_spaceused employees
            Results:
            name rows reserved data index_size unused
            -------------- -------- --------- -------
            Employees 2977 2008KB 1504KB 448KB 56KB

通过看这些信息我们能得到些什么呢？

这个查询没有扫描整个表，在表中的数据量超过1.5M字节，而仅仅执行了53个逻辑I/O操作就得到了结果。这表明该查询发现了一个可用来计算结果的索引，并且扫描索引比扫描所有数据页花费更少的I/O操作。

索引页几乎全部放在数据缓存中，所以物理读的值是零。这是因为我们之前不久是在employees表上执行了其他查询，此时表和他的索引已被缓存。你的查询开销可能有不同。

Microsoft报告没有read-ahead（预读）活动。在这种情况下，数据和索引页已被缓存起来了。当对一个非常大的表作表扫描时，read-ahead可能会半路插入进来，并且在你的查询用到他们之前缓存起所需的页。当SQL Server确定你的事务是顺序读取数据库页并且认为他能预测到你下一步将用到的页面时，Real-ahead会自动打开。实际上一个独立的SQL Server连接在你的进程之前已开始运行并为他缓存数据页。（设置和优化read-ahead 参数已超出这篇文章的讨论范围。

在这个例子中，该查询已尽可能有效率地执行了，不必进一步优化。

SET STATISTICS TIME

一个事务的实耗时间是个不稳定的测量，因为这些时间和在服务器上其他用户的活动有关。然而，相比那些对你的用户没有所有意义的数据页数字，他提供了一些实际的测量。他们关心等待查询返回的时间消耗，不关心数据的缓存和有效的read-ahead。SET STATISTICS TIME ON命令报告下面的查询的实际占用时间和CPU使用情况。执行SET STATISTICS TIME OFF禁止这个选项。

SET STATISTICS TIME ON
            GO
            SELECT COUNT（*） FROM titleauthers
            GO
            SET STATISTICS TIME OFF
            GO
            Results:
            SQL Server Execution Times;
            Cup time=0 ms.  Elapsed time=8672 ms.
            SQL Server Parse and Compile Time:
            Cpu time=10 ms
            ----------------
            25
            (1 row(s) affected)
            SQL Servre Execution Times:
            Cpu time=0 ms.? Elapsed time=10 ms.
            SQL Server Parse and Compile Time:
            Cup time=0 ms

第一条信息报告了多少使人困惑的占用（实耗）时间，8672豪秒，这个数据和我们的脚本不相关，这显示的是之前一个命令执行以来逝去的时间。你能忽略这条信息。SQL Server仅仅花费10毫秒时间去分析和编译该查询。花费0毫秒去执行他（在查询结果可看到）。其真实的意思是这个查询所花费的时间太短以至不能计量。最后的信息报告了这个SET STATISTICS TIME OFF命令相关的分析及编译花费了0毫秒。你能忽略这个信息。最重要的信息以加重字体突出显示。

注意实耗时间和CPU时间是以毫秒显示。这个数字在你的计算机上可能会改动（不过不要尝试和我们的笔记本计算机比较你机器的性能，因为这不是代表性的指标）。而且，每次你执行这个脚本，考虑到你的SQL Server还在处理一些其他事务，你得到的统计信息都可能有一点不同。

如果你需要测量一系列的查询或存储过程的实耗持续时间，更好的办法是采用程式设计的方式（如下所示）。当你运行多个命令时你不得不进行手工合计，这是因为STATISTICS TIME只报告单个查询的持续时间。想象一下，当你对一个在循环里执行成千上万次查询的脚本进行计时的情况下，将面临大量的输出和大量的手工工作。

相反，考虑下面这个脚本在事务的前后分别捕捉时间并以秒的形式报告总持续时间（你也能使用毫秒）：

DECLARE @start_time DATETIME
            SELECT @start_time=GETDATE()
            <any query or a script that
            you want to time, without a GO>
            SELECT  ’Elapsed Time,sec’
            =DATEDIFF(second, @start_time,GETDATE())
            GO

如果你的脚本被GO分成几步,你不能用本地变量来保存开始时间。变量在GO命令执行后就被销毁。但你能象这样在临时表里保存开始时间。

CREATE TABLE #save_time (start_time DATETIME NOT NULL)
            INSERT #save_time VALUES ( GETDATE())
            GO
            < any script that you want to time (may include GO) >
            GO
            SELECT ‘Elapsed Time, sec’ =
            DATEDIFF ( second, start_time, GETDATE())
            FROM TABLE #save_time
            DROP TABLE #save_time
            GO

请注意，SQL Server’s DATETIME 数据类型存储的时间是以3毫秒为增量。使用DATETIME数据类型不可能获得比这更细的时间粒度。

SHOWPLAN 输出和分析

这篇文章通过explain plan(解析计划)解释Microsoft SQL Server 2000 使用SET SHOWPLAN_TEXT ON 所输出内容的意义和用处。一个explain plan（也被叫做查询计划，执行计划，或优化计划）提供了数据库查询引擎执行SQL事务的十分周详的步骤。知道怎么阅读explain plan有助于提高高端查询调整和最优化的能力。

注：大部分的例子要么是基于PUBS数据库，要么是基于SQL Server系统表的.针对这些实例，我们给非常多表增加了好几万条记录以便于在评估查询计划时体现查询优化器的实际作用。

SHOWPLAN 输出:

我们喜欢查询优化器的一个功能就是以查询执行计划的形式提供反馈。目前我们能更为周详地说明语句的执行，并描述你可能在查询计划中遇见的消息。理解这个输出能使你的优化水平达到一个新高度。你能不再把优化器视为一个能处理你的查询语句的有魔力的“黑盒子”，

下面的命令指示SQL Server显示在同一个连接（或进程）中每个查询的执行计划，或将这个选项关闭。

SET SHOWPLAN_TEXT { ON | OFF }

默认情况下，SHOWPLAN_TEXT ON使得你正在审查的代码不被执行。而是，SQL Server 编译这些代码并且显示这个查询的执行计划。直到你发出SET.SHOWPLAN_TEXT OFF命令后他才停止。

其他有用的SET命令

有各种各样对调优和调试有用的SET命令。在这篇文件前面我们提到了SET STATISTICS命令。在某些情况下你能发现其他SET命令的用处:

SET NOEXEC{ ON | OFF}: 检查你的Transact-SQL代码的语法，包括编译该代码但不执行。当使用延迟名字解析时，这对检查一个查询语句的语法是非常有用的。即，当一个表还没有创建时，你就能检查基于该表的查询语句的语法。

SET FMTONLY{ ON | OFF }:仅向客户端返回查询的元数据。对于SELECT语句，通常仅返回列头。

SET PARSEONLY { ON | OFF }:检查你的Transact-SQL代码的语法，但不编译或执行该代码。

一旦设为 ON这些命令将一直有效，直到你手工关闭他们。这些设置不是马上生效，但他们将从下一个步骤开始生效，换言之，你必须在SHOWPLAN or NOEXEC等设置生效前发出GO命令。

典型的T-SQL代码如下，获得一个查询的执行计划，而不实际执行。

SET SHOWPLAN_TEXT ON
            GO
            <query>
            GO
            SET SHOWPLAN_TEXT OFF
            GO

我们将展示几个SHOWPLAN_TEXT 输出的例子。为了避免冗余，我将不重复上面SET命令的展示.在这个部分里所提供的查询都将代替这个脚本中的标签并且都象上面展示的相同“包装”。

事实上SHOWPLAN有两个版本：SHOWPLAN_ALL和SHOWPLAN_TEXT。他们提供的信息基本上相同。然而，SHOWPLAN_ALL输出的结果是准备给图像查询工具的而不是给听众的。我们在这整篇文章中将用到SHOWPLAN_TEXT，可提供更可读的格式输出。下面的简单查询选择authors表的所有行。因为我们没有提供where子句所以他除了扫描整个表别无选择：select * form authors

在下面的表中SHOWPLAN_TEXT输出的结果没有格式化，我们不得不从SHOWPLAN_ALL的输出中整理出更多的可读信息：

SHOWPLAN_TEXT SHOWPLAN_ALL
            StmtTextStmtText
            ---------------------------------
            |--Clustered Index Scan |--Clustered Index Scan
            (OBJECT:([pubs].[dbo]. (OBJECT:([pubs].[dbo].
            [authors].[UPKCL_auidind])) [authors].[UPKCL_auidind]))
            StmtID  NodeID  Parent
            ---------  --------  -------
            2   2   1
            PhysicalOp LogicalOp
            ------------  ----------------
            NULL NULL
            Clustered Index scan  Clustered Index scan
            Argument
            ---------------------------------------------
            1
            OBJECT:([pubs].[dbo]. ].[UPKCL_auidind])
            DefindedValues
            ---------------------------------------
            23
            _ <all columns in table>_
            EstimatedRows   EstimateIO   EstimatedCPU
            ------------------  -------------  --------
            23   NULL  NULL
            23 0.01878925 5.1899999E-5
            AvgRowSizeotalSubtreeCost
            ------------------------------------
            NULL  3.7682299E-2
            1113.7682299E-2
            OutputList
            -----------------------------------------
            NULL
            _ <all columns in table>_
            Warnings  TypeParallel  EstimateExecutions
            --------  -------------------------
            NULL   SELECT   0NULL
            NULPLAN_ROW01.0

这里重要的不同是SHOWPLAN_ALL语句返回了非常多有用的调优信息，但这些非常难理解和应用。

SHOWPLAN 操作

SHOWPLAN操作，有时叫做“标签”(tag)，其中一部分操作非常清晰地说明了SQL Server的做法，而其他一些操作将把人难住。这些操作分成物理操作和逻辑操作。物理操作描述被用来处理查询的物理算法，例如，执行一个索引查找。逻辑操作描述语句中使用的关系代数操作，如聚合运算等。SHOWPLAN的结果被细分非具体的步骤分成几步。每个查询的物理操作代表一个独立步骤。步骤通常会伴有一个逻辑操作，但不是所有的步骤都包括逻辑操作。此外，大部分的步骤都有一个操作（要么逻辑操作要么物理操作）和一个参数。参数是操作所影响的查询组件。关于所有执行计划步骤的讨论内容非常繁多。

本文链接

分享50个CSS超炫丽button样式代码

2010-12-21T08:13:00Z

先上图：

下载地址：50个CSS超炫丽button样式代码

本文链接

SQL函数：字符串中提取数字，英文，中文，过滤重复字符

2010-12-16T04:51:00Z

--提取数字
IF OBJECT_ID('DBO.GET_NUMBER2') IS NOT NULL
DROP FUNCTION DBO.GET_NUMBER2
GO
CREATE FUNCTION DBO.GET_NUMBER2(@S VARCHAR(100))
RETURNS VARCHAR(100)
AS
BEGIN
WHILE PATINDEX('%[^0-9]%',@S) > 0
BEGIN
set @s=stuff(@s,patindex('%[^0-9]%',@s),1,'')
END
RETURN @S
END
GO
--测试
PRINT DBO.GET_NUMBER('呵呵ABC123ABC')
GO
--123
--------------------------------------------------------------------
--提取英文
IF OBJECT_ID('DBO.GET_STR') IS NOT NULL
DROP FUNCTION DBO.GET_STR
GO
CREATE FUNCTION DBO.GET_STR(@S VARCHAR(100))
RETURNS VARCHAR(100)
AS
BEGIN
WHILE PATINDEX('%[^a-z]%',@S) > 0
BEGIN
set @s=stuff(@s,patindex('%[^a-z]%',@s),1,'')
END
RETURN @S
END
GO
--测试
PRINT DBO.GET_STR('呵呵ABC123ABC')
GO
--------------------------------------------------------------------
--提取中文
IF OBJECT_ID('DBO.CHINA_STR') IS NOT NULL
DROP FUNCTION DBO.CHINA_STR
GO
CREATE FUNCTION DBO.CHINA_STR(@S NVARCHAR(100))
RETURNS VARCHAR(100)
AS
BEGIN
WHILE PATINDEX('%[^吖-座]%',@S) > 0
SET @S = STUFF(@S,PATINDEX('%[^吖-座]%',@S),1,N'')
RETURN @S
END
GO
PRINT DBO.CHINA_STR('呵呵ABC123ABC')
GO
--------------------------------------------------------------------
--过滤重复字符
IF OBJECT_ID('DBO.DISTINCT_STR') IS NOT NULL
DROP FUNCTION DBO.DISTINCT_STR
GO
CREATE FUNCTION DBO.DISTINCT_STR(@S NVARCHAR(100),@SPLIT VARCHAR(50))
RETURNS VARCHAR(100)
AS
BEGIN
IF @S IS NULL RETURN(NULL)
DECLARE @NEW VARCHAR(50),@INDEX INT,@TEMP VARCHAR(50)
IF LEFT(@S,1)<>@SPLIT
SET @S = @SPLIT+@S
IF RIGHT(@S,1)<>@SPLIT
SET @S = @S+@SPLIT
WHILE CHARINDEX(@SPLIT,@S)>0 AND LEN(@S)<>1
BEGIN
SET @INDEX = CHARINDEX(@SPLIT,@S)
SET @TEMP = LEFT(@S,CHARINDEX(@SPLIT,@S,@INDEX+LEN(@SPLIT)))
IF @NEW IS NULL
SET @NEW = ISNULL(@NEW,'')+@TEMP
ELSE
SET @NEW = ISNULL(@NEW,'')+REPLACE(@TEMP,@SPLIT,'')+@SPLIT
WHILE CHARINDEX(@TEMP,@S)>0
BEGIN
SET @S=STUFF(@S,CHARINDEX(@TEMP,@S)+LEN(@SPLIT),CHARINDEX(@SPLIT,@S,CHARINDEX(@TEMP,@S)+LEN(@SPLIT))-CHARINDEX(@TEMP,@S),'')
END
END
RETURN RIGHT(LEFT(@NEW,LEN(@NEW)-1),LEN(LEFT(@NEW,LEN(@NEW)-1))-1)
END
GO
PRINT DBO.DISTINCT_STR('A,A,B,C,C,B,C,',',')
--A,B,C
GO
--------------------------------------------------------------------
--过滤重复字符2
IF OBJECT_ID('DBO.DISTINCT_STR2') IS NOT NULL
DROP FUNCTION DBO.DISTINCT_STR2
GO
CREATE FUNCTION DBO.DISTINCT_STR2(@S varchar(8000))
RETURNS VARCHAR(100)
AS
BEGIN
IF @S IS NULL RETURN(NULL)
DECLARE @NEW VARCHAR(50),@INDEX INT,@TEMP VARCHAR(50)
WHILE LEN(@S)>0
BEGIN
SET @NEW=ISNULL(@NEW,'')+LEFT(@S,1)
SET @S=REPLACE(@S,LEFT(@S,1),'')
END
RETURN @NEW
END
GO
SELECT DBO.DISTINCT_STR2('AABCCD')
--ABCD
GO

--------------------------------------------------------------------
IF OBJECT_ID('DBO.SPLIT_STR') IS NOT NULL
DROP FUNCTION DBO.SPLIT_STR
GO
CREATE FUNCTION DBO.SPLIT_STR(
@S varchar(8000),      --包含多个数据项的字符串
@INDEX int,             --要获取的数据项的位置
@SPLIT varchar(10)     --数据分隔符
)
RETURNS VARCHAR(100)
AS
BEGIN
IF @S IS NULL RETURN(NULL)
DECLARE @SPLITLEN int
SELECT @SPLITLEN=LEN(@SPLIT+'A')-2
WHILE @INDEX>1 AND CHARINDEX(@SPLIT,@S+@SPLIT)>0
SELECT @INDEX=@INDEX-1,@S=STUFF(@S,1,CHARINDEX(@SPLIT,@S+@SPLIT)+@SPLITLEN,'')
RETURN(ISNULL(LEFT(@S,CHARINDEX(@SPLIT,@S+@SPLIT)-1),''))
END
GO
PRINT DBO.SPLIT_STR('AA|BB|CC',2,'|')
--
GO

本文链接

使用正则表达式(RegEx)清理HTML标签

2010-11-22T08:49:00Z

有些时候，我们处于安全等因素的考虑，是禁止用户提交含有HTML的内容的，但是客户端的验证和限制总归是不可信的。

这时候，我们需要对提交的内容，进行安全处理，去掉所有的HTML标签。

或者，我们需要提取某些混合内容的一部分作为摘要，此时，也需要清理掉HTML标签。

一、 C# 方式

System.Text.RegularExpressions.Regex reg = new System.Text.RegularExpressions.Regex("</?[^>]+>", System.Text.RegularExpressions.RegexOptions.IgnoreCase);

 string 清理后的结果 = reg.Replace("需要清理的内容", "");

二、 Javascript 方式

var stripTagsRE = /<\/?[^>]+>/gi;

 stripTags = function (v) {

   return !v ? v : String(v).replace(stripTagsRE, "");

 //使用方法

var 清理后的结果 = stripTags("要清理的内容");

本文链接

高效的JavaScript

2010-10-20T01:55:00Z

传统上，网页中不会有大量的脚本，至少脚本很少会影响网页的性能。但随着网页越来越像 Web 应用程序，脚本的效率对网页性能影响越来越大。而且使用 Web 技术开发的应用程序现在越来越多，因此提高脚本的性能变得很重要。

对于桌面应用程序，通常使用编译器将源代码转换为二进制程序。编译器可以花费大量时间优化最终二进制程序的效率。Web 应用程序则不同。因为 Web 应用程序需要运行在不同的浏览器、平台和架构中，不可能事先完全编译。浏览器在获得脚本后要执行解释和编译工作。用户要求不仅要求网页能快速的载入，而且要求最终 Web 应用程序执行的效果要和桌面应用程序的一样流畅。Web 应用程序应能运行在多种设备上，从普通的桌面电脑到手机。

浏览器并不很擅长此项工作。虽然 Opera 有着当前最快的脚本引擎，但浏览器有不可避免的局限性，这时就需要 Web 开发者的帮助。Web 开发者提高 Web 应用程序的性能的方法很多而且也很简单，如只需要将一种循环变成另一种、将组合样式分解成三个或者只添加实际需要的脚本。

本文从 ECMAScript/JavaScript, DOM, 和页面载入方面分别介绍几种简单的能提高 Web 应用程序性能的方法。

ECMAScript

避免使用 eval 或 Function 构造函数

每次 eval 或 Function 构造函数作用于字符串表示的源代码时，脚本引擎都需要将源代码转换成可执行代码。这是很消耗资源的操作 —— 通常比简单的函数调用慢100倍以上。

eval 函数效率特别低，由于事先无法知晓传给 eval 的字符串中的内容，eval在其上下文中解释要处理的代码，也就是说编译器无法优化上下文，因此只能有浏览器在运行时解释代码。这对性能影响很大。

Function 构造函数比 eval 略好，因为使用此代码不会影响周围代码；但其速度仍很慢。

重写 eval

eval 不仅效率低下，而且绝大部分情况下完全没有使用的必要。很多情况下使用 eval 是因为信息以字符串形式提供，开发者误认为只有 eval 能使用此信息。下例是一个典型的错误：

function getProperty(oString) {

var oReference;

eval('oReference = test.prop.'+oString);

return oReference;

}

下面的代码执行完全相同的函数，但没有使用 eval：

function getProperty(oString) {

return test.prop[oString];

}

在 Opera 9, Firefox, 和 Internet Explorer 中后者比前者快95%，在 Safari 中快85%。(注意此比较中不含函数本身调用时间。)

如果你需要函数，那就用函数

下面是常见的 Function 构造函数使用：

function addMethod(oObject,oProperty,oFunctionCode) {

oObject[oProperty] = new Function(oFunctionCode);

}

addMethod(myObject,'rotateBy90','this.angle=(this.angle+90)%360');

addMethod(myObject,'rotateBy60','this.angle=(this.angle+60)%360');

下面的代码没有使用 Function 构造函数，但提供了相同的功能：通过创建匿名函数：

function addMethod(oObject,oProperty,oFunction) {

oObject[oProperty] = oFunction;

}

addMethod(myObject,'rotateBy90',function () { this.angle=(this.angle+90)%360; });

addMethod(myObject,'rotateBy60',function () { this.angle=(this.angle+60)%360; });

避免使用 with

尽管看起来挺方便，但 with 效率很低。with 结构又创建了一个作用域，以便使用变量时脚本引擎搜索。这本身只轻微的影响性能。但严重的是编译时不知道此作用域内容，因此编译器无法像对其他作用域（如函数产生的作用域）那样对之优化。

另一个高效而且也挺方便的方法是使用变量引用对象，然后使用变量访问对象属性。但只有属性不是 literal type 时才适用，如字符串或布尔值。

考虑下面的代码：

with( test.information.settings.files ) {

primary = 'names';

secondary = 'roles';

tertiary = 'references';

}

下面的代码效率更高：

var testObject = test.information.settings.files;

testObject.primary = 'names';

testObject.secondary = 'roles';

testObject.tertiary = 'references';

不要在影响性能的关键函数中使用 try-catch-finally

try-catch-finally 结构比较特殊。和其他语法结构不同，它在 runtime 的当前作用域中创建新变量。每当catch 执行时，就会将捕获到的 exception 对象赋给一个变量。这个变量不属于任何脚本。它在 catch 语句开始时被创建，在结束时被销毁。

由于此函数比较特殊，且是在运行时动态创建动态销毁，有些浏览器对其的处理并不高效。把 catch 语句放在关键循环中将极大影响性能。

如果可能，应在脚本中不频繁被调用的地方进行异常处理，或通过检查某种动作是否被支持来避免使用。下面的例子中，如果所需的属性不存在，将在循环语句中抛出许多异常：

var oProperties = ['first','second','third',...,'nth'], i;

for( i = 0; i < oProperties.length; i++ ) {

try {

test[oProperties[i]].someproperty = somevalue;

} catch(e) {

...

}

很多情况下，可把 try-catch-finally 结构移到循环外部。这样做稍微改变了程序语义，因为如果抛出异常，将停止整个循环：

var oProperties = ['first','second','third',...,'nth'], i;

try {

for( i = 0; i < oProperties.length; i++ ) {

test[oProperties[i]].someproperty = somevalue;

}

} catch(e) {

...

}

有时可用属性检测或其他检测代替 try-catch-finally 结构：

var oProperties = ['first','second','third',...,'nth'], i;

for( i = 0; i < oProperties.length; i++ ) {

if( test[oProperties[i]] ) {

test[oProperties[i]].someproperty = somevalue;

}

分隔 eval 和 with

因为 eval 和 with 结构严重影响性能，应该尽量避免使用这些结构。但如不得不使用时，避免在频繁被调用的函数中或循环中使用这些结构。最好将这些结构放在只运行一次，或少量几次的代码中，并不要将其放在对性能要求较高的代码中。

如果可能，尽量将这些结构和其他代码分隔开，这样他们就不会影响脚本性能。如将其放在顶级函数中，或只执行一次然后保存运行结果，避免再次使用。

try-catch-finally 结构在一些浏览器中也会影响性能，包括 Opera ，因此最好也将其分隔。

避免使用全局变量

全局变量使用简单，因此很容易禁不住诱惑在脚本中使用全局变量。但有时全局变量也会影响脚本性能。

首先，如果函数或其他作用域内引用了全局变量，则脚本引擎不得不一级一级查看作用域直到搜索到全局作用域。查询本地作用域变量更快。

其次，全局变量将始终存在在脚本生命周期中。而本地变量在本地作用域结束后就将被销毁，其所使用的内存也会被垃圾收集器回收。

最后，window 对象也共享全局作用域，也就是说本质上是两个作用域而不是一个。使用全局变量不能像使用本地变量那样使用前缀，因此脚本引擎要花更多时间查找全局变量。

也可在全局作用域中创建全局函数。函数中可以调用其他函数，随着函数调用级数增加，脚本引擎需要花更多时间才能找到全局变量以找到全局变量。

考虑下面的简单例子，i 和 s 是全局作用域且函数使用这两个全局变量：

var i, s = '';

function testfunction() {

for( i = 0; i < 20; i++ ) {

s += i;

}

testfunction();

下面的函数效率更高。在大多数浏览器中，包括 Opera 9、最新版 Internet Explorer, Firefox, Konqueror 和 Safari，后者执行速度比上面代码快30%。

function testfunction() {

var i, s = '';

for( i = 0; i < 20; i++ ) {

s += i;

}

testfunction();

注意隐式对象转换

Literal，如字符串、数字和布尔值在 ECMAScript 中有两种表示方法。每个类型都可以创建变量值或对象。如 var oString = 'some content';, 创建了字符串值，而 var oString = new String('some content');创建了字符串对象。

所有的属性和方法都定义在 string 对象中，而不是 string 值中。每次使用 string 值的方法或属性， ECMAScript 引擎都会隐式的用相同 string 值创建新的 string 对象。此对象只用于此请求，以后每次视图调用 string 值方法是都会重新创建。

下面的代码将要求脚本引擎创建21个新 string 对象，每次使用 length 属性时都会产生一个，每一个 charAt方法也会产生一个：

var s = '0123456789';

for( var i = 0; i < s.length; i++ ) {

s.charAt(i);

}

下面的代码和上面相同，但只创建了一个对象，因此其效率更高：

var s = new String('0123456789');

for( var i = 0; i < s.length; i++ ) {

s.charAt(i);

}

如果代码中常调用 literal 值的方法，你应像上面例子那样考虑创建对象。

注意本文中大部分技巧对于所有浏览器都有效，但此技巧特别针对于 Opera。此优化技巧在 Internet Explorer 和 Firefox 中改进效果没有在 Opera 中明显。

在关键函数中避免 for-in

for-in 常被误用，特别是简单的 for 循环更合适时。for-in 循环需要脚本引擎创建所有可枚举的属性列表，然后检查是否存在重复。

有时脚本已知可枚举的属性。这时简单的 for 循环即可遍历所有属性，特别是当使用顺序数字枚举时，如数组中。

下面是不正确的 for-in 循环使用：

var oSum = 0;

for( var i in oArray ) {

oSum += oArray[i];

}

for 循环无疑会更高效：

var oSum = 0;

var oLength = oArray.length;

for( var i = 0; i < oLength; i++ ) {

oSum += oArray[i];

}

优化 string 合并

字符串合并是比较慢的。+ 运算符并不管是否将结果保存在变量中。它会创建新 string 对象，并将结果赋给此对象；也许新对象会被赋给某个变量。下面是一个常见的字符串合并语句：

a += 'x' + 'y';

此代码首先创建临时string对象保存合并后的'xy'值，然后和a变量合并，最后将结果赋给a。下面的代码使用两条分开的命令，但每次都直接赋值给a ，因此不需要创建临时string对象。结果在大部分浏览器中，后者比前者快20%，而且消耗更少的内存：

a += 'x';

a += 'y';

基本运算符比函数调用更快

尽管单独使用效果不明显，但如果在需要高性能的关键循环和函数中使用基本运算符代替函数调用将可能提高脚本性能。例子包括数组的 push 方法，其效率低于直接在数组末位赋值。另一个例子是 Math 对象方法，大部分情况下，简单的数学运算符效率更高更合适。

var min = Math.min(a,b);

A.push(v);

下面代码实现相同功能，但效率更高：

var min = a < b ? a : b;

A[A.length] = v;

向 setTimeout() 和 setInterval()传送函数名，而不要传送字符串

setTimeout() 和 setInterval() 方法近似于 eval。如果传进参数是字符串，则在一段时间之后，会和 eval一样执行字符串值，当然其低效率也和 eval 一样。

但这些方法也可以接受函数作为第一个参数。在一段时间后将调用此函数，但此函数可在编译时被解释和优化，也就是说会有更好的性能。典型的使用 string 作为参数例子如下：

setInterval('updateResults()',1000);

setTimeout('x+=3;prepareResult();if(!hasCancelled){runmore();}',500);

第一个语句可以直接传递函数名。第二个语句中，可以使用匿名函数封装代码：

setInterval(updateResults,1000);

setTimeout(function () {

x += 3;

prepareResult();

if( !hasCancelled ) {

runmore();

}

},500);

需要注意的是 timeout 或时间延迟可能并不准确。通常浏览器会花比要求更多的时间。有些浏览器会稍微提早完成下一个延迟以补偿。有些浏览器每次可能都会等待准确时间。很多因素，如 CPU 速度、线程状态和 JavaScript 负载都会影响时间延迟的精度。大多数浏览器无法提供1ms以下的延迟，可能会设置最小可能延迟，通常在10 和 100 ms之间。

DOM

通常主要有三种情况引起 DOM 运行速度变慢。第一就是执行大量 DOM 操作的脚本，如从获取的数据中建造新的 DOM 树。第二种情况是脚本引起太多的 reflow 或重绘。第三种情况是使用较慢的 DOM 节点定位方法。

第二种和第三种情况比较常见且对性能影响比较严重，因此先介绍前两种情况。

重绘(Repaint)和 reflow

重绘也被称为重画，每当以前不可见的元素变得可见（或反之）时就需要重绘操作；重绘不会改变页面布局。如给元素添加轮廓、改变背景颜色、改变样式。重绘对性能影响很大，因为需要脚本引擎搜索所有元素以确定哪些是可见的及哪些是应被显示的。

Reflow 是更大规模的变化。当 DOM 数被改变时、影响布局的样式被修改时、当元素的 className 属性被修改时或当浏览器窗口大小变化时都会引起 reflow。脚本引擎必须 reflow 相关元素以确定哪些部分不应被现实。其子节点也会被 reflow 以考虑其父节点的新布局。DOM 中此元素之后出现的元素也被 reflow 以计算新布局，因为它们的位置可能已被移动了。祖先节点也需要 reflow 以适应子节点大小的改变。总之，所有元素都需被重绘。

Reflow 从性能角度来说是非常耗时的操作，是导致 DOM 脚本较慢的主要原因之一，特别在手机等处理能力较弱的设备上。很多情况下，reflow 和重新布局整个网页耗时相近。

减少 reflow 次数

很多情况下脚本需要进行会引起 reflow 或重绘的操作，如动画就需要 reflow 操作，因此 reflow 是 Web 开发不可或缺的特性。为了让脚本能快速运行，应在不影响整体视觉效果的情况下尽量减少 reflow 次数。

浏览器可以选择缓存 reflow 操作，如可以等到脚本线程结束后才 reflow 以呈现变化。Opera 可以等待足够数量的改变后才 reflow、或等待足够长时间后才 reflow、或等待脚本线程结束后才 reflow。也就是说如果一个脚本线程中的发生很多间隔很小的改变时，可能只引起一个 reflow 。但开发者不能依赖此特性，特别是考虑到运行 Opera 的不同设备的运算速度有很大差异。

注意不同元素的 reflow 消耗时间不同。Reflow 表格元素消耗的时间最多是 Reflow 块元素时间的3倍。

最小化 reflow 影响

正常的 reflow 可能影响整个页面。reflow 的页面内容越多，则 reflow 操作的时间也越长。Reflow 的页面内容越多，需要的时间也就越长。位置固定的元素不影响页面的布局，因此如果它们 reflow 则只需 reflow 其本身。其背后的网页需要被重绘，但这比 reflow 整个页面要快得多。

所以动画不应该被用于整个页面，最好用于固定位置元素。大部分动画符合此要求。

修改 DOM 树

修改 DOM 树会导致 reflow 。向 DOM 中添加新元素、修改 text 节点值或修改属性都可能导致 reflow。顺序执行多个修改会引起超过一个 reflow，因此最好将多个修改放在不可见的 DOM 树 fragment 中。这样就只需要一次 DOM 修改操作：

var docFragm = document.createDocumentFragment();

var elem, contents;

for( var i = 0; i < textlist.length; i++ ) {

elem = document.createElement('p');

contents = document.createTextNode(textlist[i]);

elem.appendChild(contents);

docFragm.appendChild(elem);

}

document.body.appendChild(docFragm);

也可以在元素的克隆版本中进行多个 DOM 树修改操作，在修改结束后用克隆版本替换原版本即可，这样只需要一个 reflow 操作。注意如果元素中包含表单控件，则不能使用此技巧，因为用户所做修改将无法反映在 DOM 树种。此技巧也不应该用于绑定事件处理器的元素，因为理论上不应该克隆这些元素。

var original = document.getElementById('container');

var cloned = original.cloneNode(true);

cloned.setAttribute('width','50%');

var elem, contents;

for( var i = 0; i < textlist.length; i++ ) {

elem = document.createElement('p');

contents = document.createTextNode(textlist[i]);

elem.appendChild(contents);

cloned.appendChild(elem);

}

original.parentNode.replaceChild(cloned,original);

修改不可见元素

如果一个元素的 display 样式被设置为 none，即使其内容变化也不再需要重绘此元素，因为根本就不会显示此元素。可以利用这一点。如果需要对一个元素或其内容做出多个修改，又无法将这些更改放在一个重绘中，则可以先将元素设置为 display:none ，做出修改后，在把元素改回原来状态。

上面方法将导致两个额外的 reflow，一个是隐藏元素时另一个是重新显示此元素时，但此方法的总体效率仍较高。如果隐藏的元素影响滚动条位置，上面的方法也有可能会引起滚动条跳动。但此技术也被用于固定位置元素而不会引起任何不好看的影响。

var posElem = document.getElementById('animation');

posElem.style.display = 'none';

posElem.appendChild(newNodes);

posElem.style.width = '10em';

... other changes ...

posElem.style.display = 'block';

测量大小

如上面所述，浏览器可能会缓存多个修改一起执行，并只执行一次 reflow 。但注意为保证结果正确，测量元素大小也会引起 reflow 。尽管这不会造成任何重绘，但仍会在后台进行 reflow 操作。

使用 offsetWidth 这样的属性或 getComputedStyle 这样的方法都会引起 reflow 。即使不使用返回的结果，上述操作也会引起立即 reflow。如果重复需要测量结果，可以考虑只测量一次但用变量保存结果。

var posElem = document.getElementById('animation');

var calcWidth = posElem.offsetWidth;

posElem.style.fontSize = ( calcWidth / 10 ) + 'px';

posElem.firstChild.style.marginLeft = ( calcWidth / 20 ) + 'px';

posElem.style.left = ( ( -1 * calcWidth ) / 2 ) + 'px';

... other changes ...

一次修改多个样式值

与 DOM 树修改相似，可将多个样式修改一次进行，以尽量减少重绘或 reflow数目。常见设置样式方法是逐个设置：

var toChange = document.getElementById('mainelement');

toChange.style.background = '#333';

toChange.style.color = '#fff';

toChange.style.border = '1px solid #00f';

上面代码可能引起多次 reflow 和重绘。有两种改进方法。如果元素采用了多个样式，而且这些样式值事先知道，可以通过修改元素 class 使用新样式：

div {

background: #ddd;

color: #000;

border: 1px solid #000;

}

div.highlight {

background: #333;

color: #fff;

border: 1px solid #00f;

}

...

document.getElementById('mainelement').className = 'highlight';

第二种方法是为元素定义新样式，而不是一个个赋值。这主要用于动态修改，如在动画中，无法事前知道新样式值。通过使用 style 对象的 cssText 属性，或者通过 setAttribute. 可以实现此技巧。Internet Explorer 不允许第二种形式，支持第一种形式。有些较老的浏览器，包括 Opera 8 需要使用第二种形式，不支持第一种形式。最简单的方式是测试看是否支持第一种形式，如果支持就使用，如果不支持则使用第二种形式。

var posElem = document.getElementById('animation');

var newStyle = 'background: ' + newBack + ';' +

'color: ' + newColor + ';' +

'border: ' + newBorder + ';';

if( typeof( posElem.style.cssText ) != 'undefined' ) {

posElem.style.cssText = newStyle;

} else {

posElem.setAttribute('style',newStyle);

}

用流畅性换取速度

作为开发者，当然想要动画运行的越流畅越好，通常使用较小的时间间隔或较小的变化。如每10ms更新一次动画，或者每次移动1个像素。此动画可能在桌面电脑上或某些浏览器中可以完美运行。但10ms时间间隔可能是浏览器使用100%CPU才能达到的最小值。有些浏览器甚至不能完成——要求每秒100个 reflow 对大部分浏览器来说都不容易。低性能的电脑或者其他设备可能无法达到此种速度，在这些设备上动画可能非常慢甚至失去响应。

因此最好暂时把开发者的骄傲放在一边，牺牲流畅性而换取速度。把时间间隔改为50ms或把动画步长设为5个像素，会消耗更少的计算资源，在低性能设备上也能正常运行。

避免搜索大量节点

当需要查找节点时，尽量使用 DOM 内置方法和集合缩小搜索范围。如你想要定位某个包含某种属性的元素，可使用下面代码：

var allElements = document.getElementsByTagName('*');

for( var i = 0; i < allElements.length; i++ ) {

if( allElements[i].hasAttribute('someattr') ) {

...

}

即使没听说过 XPath 这样的高级技巧，也可以看出上面的代码有两个问题导致速度变慢。首先它搜索每一个元素，而不是尝试缩小搜索范围。其次即使已经找到所需元素上卖弄代码还继续搜索。如果已知要找的元素在 id 为 inhere的 div 中，最好使用下面的代码：

var allElements = document.getElementById('inhere').getElementsByTagName('*');

for( var i = 0; i < allElements.length; i++ ) {

if( allElements[i].hasAttribute('someattr') ) {

...

break;

}

如果已知要找元素是 div 的直接子节点，则下面的代码速度更快：

var allChildren = document.getElementById('inhere').childNodes;

for( var i = 0; i < allChildren.length; i++ ) {

if( allChildren[i].nodeType == 1 && allChildren[i].hasAttribute('someattr') ) {

...

break;

}

基本的思想就是尽量避免逐个查看 DOM 节点。DOM 有很多更好更快的方法，如 DOM 2 Traversal TreeWalker，效率要高于递归查找 childNodes 集合。

使用 XPath 提高速度

假如需要基于 H2-H4 元素在 HTML 网页中创建目录。在 HTML 中标题元素可以出现在很多地方，因此无法使用递归函数获取这些元素。传统 DOM 可能使用如下方法：

var allElements = document.getElementsByTagName('*');

for( var i = 0; i < allElements.length; i++ ) {

if( allElements[i].tagName.match(/^h[2-4]$/i) ) {

...

}

若网页有超过2000个元素，此方法速度会很慢。如果支持 XPath，则可以使用一个快得多的方法，因为 XPath 查询引擎可比需被解释的 JavaScript 更好的被优化。在有些情况下，XPath 速度可能会快2个数量级以上。下面代码和上面完成一样的功能，但使用 XPath 因此速度要更快：

var headings = document.evaluate( '//h2|//h3|//h4', document, null, XPathResult.ORDERED_NODE_ITERATOR_TYPE, null );

var oneheading;

while( oneheading = headings.iterateNext() ) {

...

}

下面版本代码融合上述两种方法；在支持 XPath 的地方使用快速方法，在不支持时使用传统 DOM 方法：

if( document.evaluate ) {

var headings = document.evaluate( '//h2|//h3|//h4', document, null, XPathResult.ORDERED_NODE_ITERATOR_TYPE, null );

var oneheading;

while( oneheading = headings.iterateNext() ) {

...

}

} else {

var allElements = document.getElementsByTagName('*');

for( var i = 0; i < allElements.length; i++ ) {

if( allElements[i].tagName.match(/^h[2-4]$/i) ) {

...

}

避免在遍历 DOM 时修改 DOM

有些 DOM 集合是实时的，如果在你的脚本遍历列表时相关元素产生变化，则此集合会立刻变化而不需要等待脚本遍历结束。childNodes 集合和 getElementsByTagName 返回的节点列表都是这样的实时集合。

如果在遍历这样的集合的同时向其中添加元素，则可能会遇到无限循环，因为你不停的向列表中添加元素，永远也不会碰到列表结束。这不是唯一的问题。为提高性能，可能会对这些集合做出优化，如记住其长度、记住脚本中上一个访问元素序号，这样在你访问下一个元素时可快速定位。

如果你此时修改 DOM 树，即使修改的元素不在此集合中，集合还是会重新搜索以查看是否有新元素。这样就无法记住上一个访问元素序号或记住集合长度，因为集合本身可能已经变了，这样就无法使用优化：

var allPara = document.getElementsByTagName('p');

for( var i = 0; i < allPara.length; i++ ) {

allPara[i].appendChild(document.createTextNode(i));

}

下面的代码在 Opera 和 Internet Explorer 等主流浏览器中比上面代码快10倍以上。先创建一个要修改元素的静态列表，然后遍历静态列表并作出相应修改，而不是遍历 getElementsByTagName 返回的节点列表：

var allPara = document.getElementsByTagName('p');

var collectTemp = [];

for( var i = 0; i < allPara.length; i++ ) {

collectTemp[collectTemp.length] = allPara[i];

}

for( i = 0; i < collectTemp.length; i++ ) {

collectTemp[i].appendChild(document.createTextNode(i));

}

collectTemp = null;

使用变量保存 DOM 值

有些 DOM 返回值无法缓存，每次调用时都会重新调用函数。如 getElementById 方法。下面是一个低效率代码的例子：

document.getElementById('test').property1 = 'value1';

document.getElementById('test').property2 = 'value2';

document.getElementById('test').property3 = 'value3';

document.getElementById('test').property4 = 'value4';

此代码为定位同一个对象调用了四次 getElementById 方法。下面的代码只调用了一次并将结果保存在变量中，单看这一个操作可能比上面单个操作要略慢，因为需要执行赋值语句。但后面不再需要调用 getElementById 方法！下面的代码比上面的代码要快5-10倍：

var sample = document.getElementById('test');

sample.property1 = 'value1';

sample.property2 = 'value2';

sample.property3 = 'value3';

sample.property4 = 'value4';

页面载入

避免保存来自其他文档的引用

如果文档访问过其他文档中的节点或对象，在脚本结束后避免保留这些引用。如果在全局变量或对象属性中保存过这些引用，通过设置为 null 清除之或者直接删除之。

原因是另一个文档被销毁后，如弹出窗口被关闭，尽管那个文档已经不再了，所有对那个文档中对象的引用都会在内存中保存整个 DOM 树和脚本环境。这也适用那些包含在frame，内联 frame，或 OBJECT 元素中的网页。.

var remoteDoc = parent.frames['sideframe'].document;

var remoteContainer = remoteDoc.getElementById('content');

var newPara = remoteDoc.createElement('p');

newPara.appendChild(remoteDoc.createTextNode('new content'));

remoteContainer.appendChild(newPara);

//remove references

remoteDoc = null;

remoteContainer = null;

newPara = null;

快速历史浏览（history navigation）

Opera (和许多其他浏览器) 默认使用快速历史浏览。当用户点击后退或前进时，将记录当前页面的状态及页面中的脚本。当用户回到刚才的页面时，将立即显示刚才的页面，如同从没有离开此页一样。不需要重新载入页面也不需要重新初始化。脚本继续运行，DOM 也和离开此页前完全相同。对用户来说这样反应很快，载入较慢的网页应用程序会有更好的性能。

尽管 Opera 提供开发者控制此行为的方式，最好还是尽量保持快速历史浏览功能。也就是说最好避免会影响此功能的动作，包括提交表单时禁用表单控件或让页面内容透明或不可见的渐出特效。

简单的解决方法是使用 onunload 监听器 reset 渐出效果或重新 enable 表单控件。注意对有些浏览器来说，如 Firefox 和 Safari，为 unload 事件添加监听器会禁用历史浏览。而在 Opera 中禁用提交按钮会导致禁用历史浏览。

window.onunload = function () {

document.body.style.opacity = '1';

};

使用 XMLHttpRequest

此技巧不一定适用于每一个项目，但它能显著降低从服务器下载数据量，也能避免重载页面时销毁及创建脚本环境的开销。开始时正常载入页面，然后使用 XMLHttpRequest 下载最少量的新内容。这样 JavaScript 环境会一直存在。

注意此方法也可能会导致问题。首先此方法完全破坏历史浏览。尽管可通过内联frame储存信息来解决此问题，但这显然不符合使用 XMLHttpRequest 的初衷。因此尽量少用，只在不需要回退到先前内容时使用。此方法还会影响辅助器具的使用（ assistive device），因为将无法察觉 DOM 已被更改，因此最好在不会引起问题的地方使用XMLHttpRequest。

若 JavaScript 不可用或不支持 XMLHttpRequest 则此技巧也会失效。最简单避免此问题的方法是使用正常链接指向新页面。增加一个检测链接是否被激活的事件处理器。处理器可以探测是否支持 XMLHttpRequest ，如果支持则载入新数据并阻止链接默认动作。载入新数据后，用其取代页面的部分内容，然后 request 对象就可以被销毁并允许垃圾收集器回收内存资源。

document.getElementById('nextlink').onclick = function () {

if( !window.XMLHttpRequest ) { return true; }

var request = new XMLHttpRequest();

request.onreadystatechange = function () {

if( request.readyState != 4 ) { return; }

var useResponse = request.responseText.replace( /^[\w\W]*<div id="container">|<\/div>\s*<\/body>[\w\W]*$/g , '' );

document.getElementById('container').innerHTML = useResponse;

request.onreadystatechange = null;

request = null;

};

request.open( 'GET', this.href, true );

request.send(null);

return false;

}

动态创建 SCRIPT 元素

加载和处理脚本需要时间，但有些脚本在载入后却从来未被使用。载入这样的脚本浪费时间和资源，并影响当前的脚本执行，因此最好不要引用这种不用的脚本。可以通过简单的加载脚本判断需要哪些脚本，并只为后面需要的脚本创建 script 元素。

理论上，这个加载脚本可在页面载入结束后通过创建 SCRIPT 元素加入 DOM。这在所有主流浏览器中都可以正常工作，但这可能对浏览器的提出更多的要求，甚至大于要载入的脚本本身。而且在页面载入之前可能就需要脚本，因此最好在页面加载过程中，通过 document.write 创建 script 标签。记住一定要转义‘/’字符防止终止当前脚本运行：

if( document.createElement && document.childNodes ) {

document.write('<script type="text\/javascript" src="dom.js"><\/script>');

}

if( window.XMLHttpRequest ) {

document.write('<script type="text\/javascript" src="xhr.js"><\/script>');

}

location.replace() 控制历史项

有时需要通过脚本修改页面地址。常见的方法是给 location.href 赋新地址。这将和打开新链接一样添加新历史项、载入新页面。

有时不想添加新历史项，因为用户不需要回到前面的页面。这在内存资源有限的设备中很有用。通过替换历史项恢复当前页面所使用的内存。可以通过 location.replace()方法实现。

location.replace('newpage.html');

注意页面仍被保存在 cache 中，仍占用内存，但比保存在历史中要少的多。

作者 Mark 'Tarquin' Wilton-Jones · 2006年11月2日

本文翻译自 Efficient JavaScript

本文链接

博客园_MaxIE

数据库sql2000错误8908及处理

jQuery2011年年度最佳插件

jQ中文API离线版下载(适用版本1.4.4，1.5，1.5.1，1.5.2，1.6，1.6.1，1.6.2)

jQuery 1.5 API 中文版 jQuery 1.5 中文 API 在线版：jQuery 1.5 API 中文版 jQuery 1.5中文API离线版AIR客户端下载：jQuery 1.5中文API离线版AIR客户端下载，如果没有AIR环境请先点击下载ADOBE AIR ==================================================================

jQuery 1.4.4 API中文版 jQuery 1.4.4 中文 API 在线版：jQuery 1.4.4 API中文版 Query 1.4.4 中文API离线版AIR客户端下载：jQuery 1.4.4 中文API离线版AIR客户端下载，如果没有AIR环境请先点击下载ADOBE AIR 本文链接

方便的CSS和jQuery下拉菜单解决方案

Creating a pure CSS dropdown menu

Sexy Drop Down Menu w/ jQuery & CSS

Sliding Jquery Menu

Perfect Dropdown Login Box like Twitter using jQuery

CSS3 Dropdown Menu

Create Vimeo-like top navigation

A Different Top Navigation

FormBox – A jQuery & CSS3 Drop-Down Menu With Integrated Forms

Reinventing a Drop Down with CSS and jQuery

Animated Drop Down Menu with jQuery

Creating an Awesome Drop-Down Nav with CSS3 & jQuery

Create The Fanciest Dropdown Menu

jQuery Menu Style 01 (Dim Gray)

jQuery Dropdown Navigation in WordPress

Drop-Down Menus, Horizontal Style

jQuery Menu: Dropdown, iPod Drilldown, and Flyout styles

MenuMatic

Make a Mega Drop-Down Menu with jQuery

jQuery (mb)Menu 2.7

Create Simple Dropdown Menu Using jQuery

Easy to Style jQuery Drop Down Menu Tutorial 本文链接

sql2000无法执行查询及未找到提供程序解决办法

SQL Server优化SELECT语句方法

分享50个CSS超炫丽button样式代码

SQL函数：字符串中提取数字，英文，中文，过滤重复字符

使用正则表达式(RegEx)清理HTML标签

高效的JavaScript

jQuery 1.4.4 API中文版

jQuery 1.4.4 中文 API 在线版：jQuery 1.4.4 API中文版

Query 1.4.4 中文API离线版AIR客户端下载：jQuery 1.4.4 中文API离线版AIR客户端下载，如果没有AIR环境请先点击下载ADOBE AIR

本文链接

Easy to Style jQuery Drop Down Menu Tutorial

本文链接