之前也介紹過幾款語法高亮插件《為博客園選擇一個小巧霸氣的語法高亮插件》以及關於他們的綜合性能《再議 語法高亮插件的選擇》。
今天在小影志博客看到《使用 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 也是非常容易實現的，就可以打造成既小巧又強悍的語法高亮插件了。。
好了，今天分享到此結束。