js 语法高亮插件之 Prism.js

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



我勒个去，来头不小啊。

然后看了下例子，果然思路不错，非常有意思的一个插件，于是乎我就下载到本地进行 jQuery 高亮渲染测试。
测试方法和以前一样，为了和之前的插件对比，当然我的电脑也没换，还是以前那台，所以可以进行对比。



我勒个叉，，竟然要48秒，，慢出翔了，逆天的节奏啊。。



匹配精度也一般般才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 也是非常容易实现的，就可以打造成既小巧又强悍的语法高亮插件了。。

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