再议 语法高亮插件的选择

之前一篇《为博客园选择一个小巧霸气的语法高亮插件》介绍了语法高亮插件的选择，当时只注重速度了。
这些天在做深度定制的时候发现一个严重的问题，匹配精度不够。

什么是匹配精度呢？
简单说就是没有把代码分块，是否分的足够细，如果精度不够，会导致很多关键词，符号什么的都没法实现高亮。
精度越高，就能美化的更具体，具体到每个单词，每个操作符，甚至每个括号。

来看几个图吧

可以看到他们渲染后的精度。(节点越多，表示精度越高)

排名	名称	节点数
1	Pretiffy	59802 节点
2	Snippet	43775 节点
3	SHJS	33985 节点
4	Highlight	8432 节点

再结合他们渲染速度。

排名	名称	渲染时间	节点数
1	SHJS	627ms	33985 节点
2	Pretiffy	1.26s	59802 节点
3	Highlight	567ms	8432 节点
4	Snippet	9.40s	43775 节点

这么看来 SHJS 才是最霸气的，Pretiffy 次之。
当然据我所知目前最霸气的还是要数 CodeMirror, 人家是在线代码编辑器，精度和本地的编辑器几乎一样，能精确到每个标点符号。
而且渲染速度也极快，我没具体测试，只是把这个 jQuery 代码复制进去，它能直接高亮显示出来不会有卡的感觉，必然是毫秒级的神器。
但是他不符合我的选择标准，我要小巧霸气的。

Highlight 已经让我对他失去了信心，SHJS 才是首选。
当然如果你不在乎这1，2秒，那选择 Pretiffy，CodeMirror 是最合适的了。
CodeMirror 还能直接编辑，毕竟它是编辑器，而且支持 emmet 快捷键呢。

好了，今天水了一篇，明天尽量写技术。。

转载于:https://www.cnblogs.com/52cik/p/js-highlight-perfect.html