js 语法高亮插件之 Prism.js

js 语法高亮插件之 Prism.js

之前也介绍过几款语法高亮插件《为博客园选择一个小巧霸气的语法高亮插件》以及关于他们的综合性能《再议 语法高亮插件的选择》。
今天在小影志博客看到《使用 Prism.js 实现漂亮的代码语法高亮》于是心血来潮去看了下,顺便测试了下性能。
打开 Prism.js 官网,看到 Used By。。
js 语法高亮插件之 Prism.js
我勒个去,来头不小啊。

然后看了下例子,果然思路不错,非常有意思的一个插件,于是乎我就下载到本地进行 jQuery 高亮渲染测试。
测试方法和以前一样,为了和之前的插件对比,当然我的电脑也没换,还是以前那台,所以可以进行对比。
js 语法高亮插件之 Prism.js
我勒个叉,,竟然要48秒,,慢出翔了,逆天的节奏啊。。

js 语法高亮插件之 Prism.js
匹配精度也一般般才3万多点。。

结合上次的测试结果,重新来看下排名表吧。

排名 名称 渲染时间 节点数
1 SHJS ms 节点
2 Pretiffy 1.26s 节点
3 Highlight ms 节点
4 Snippet 9.40s 节点
5 Prism 48.56s 节点

你可以根据自己的需求取舍,还有要注意兼容性。如果要全能型的,首选 CodeMirror。

当然 Prism 也不是一无是处的,不然大佬也不会选择他了。
他的调用方式,设计的多么人性化啊,这些都是我们可以借鉴的。
当然这些功能你用 SHJS + jQuery 也是非常容易实现的,就可以打造成既小巧又强悍的语法高亮插件了。。

好了,今天分享到此结束。

上一篇:轻量级jQuery语法高亮代码高亮插件jQuery Litelighter。


下一篇:10款jQuery文本高亮插件