Pnuts CC's Blog Flower & World, Life & Paradise.

12Jan/104

发布一个js的正则表达式分析小工具

前几天读sizzle源码时遇到了一个超长的正则表达式,看的我痛不欲生。果然正则表达式的可读性不高,于是花了点时间写了这个帮助分析正则表达式的小工具。写代码花了不到一天,调整浏览器的兼性和写手册却花了一天多,其间差一点就放弃ie6了,还好最后是解决了。粗略测试了一下,在ie6~8,FF,Chrome中都没什么问题了(ie8调试时的Quirks模式排除在外,反正正常情况下又不会有人用那个模式浏览)。

粗略的介绍一下吧,详细的信息可以在手册里去找(虽然里面也没写太多东西,“真是抱歉,我就是不善长和文档有关的东西。。”)

整个工具是用js写成的,对外的接口只有一个:regexAnalysis.getDOM(arg) 其中的arg参数就是要分析的表达式,接受stirng和正则表达示两种类型。方法返回一个DOM对象。用户可以自行的将它添加到需要的地方。

生成的DOM的style全部采用inline样式,虽然会使生成的DOM冗长,但也省去了增加css link的步骤。

功能上,没什么好说的,一个是鼠标停在彩色条纹上时的高亮显示,另一个是单击彩色条纹时的代码折叠。除此之外也没什么别的了,毕竟,只是一个“小”工具。

另一个要说的是工具的自定义,为了方便用户自己配制,将所有的config信息放在了代码头部,也就是regexAnalysis.config对象,可以用来修改几乎每一处的颜色,手册中有粉详细的介绍,我就不罗嗦了。(实际是懒得翻译一遍了。。。)

关于版本,虽然是0.1,但不出意外的话可能不会有0.1+的版本了,因为也没有太多的功能可加,一个程序做一件事就好。

P.S.

1. 看中了DSi,正在犹豫要不要买,就在这个时候,招行竟然推出了免息分期买DSi的优惠来诱导我犯错。。。

3. 又是一年期末时,大家努力吧(虽然我很悠闲),春哥保佑你们。

Filed under: Uncategorized Leave a comment
Comments (4) Trackbacks (0)
  1. DSi你会后悔的
    当MP4还不如PSP~

  2. Which is a great tip especially to the people a novice
    to the blogosphere. Short but very accurate information Many thanks for
    sharing this. Essential read post!


Leave a comment

No trackbacks yet.