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 627ms 33985 节点
2 Pretiffy 1.26s 59802 节点
3 Highlight 567ms 8432 节点
4 Snippet 9.40s 43775 节点
5 Prism 48.56s 36225 节点

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

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

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

js 语法高亮插件之 Prism.js,布布扣,bubuko.com

js 语法高亮插件之 Prism.js

上一篇:理解ASP.NET MVC中的ModelBinder


下一篇:【SQL SERVER重新认识】数据内部存储结构简单探索