码迷,mamicode.com
首页 > Web开发 > 详细

js 语法高亮插件之 Prism.js

时间:2014-07-22 00:05:35      阅读:302      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   color   使用   os   

bubuko.com,布布扣

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

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

bubuko.com,布布扣
匹配精度也一般般才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

标签:style   blog   http   color   使用   os   

原文地址:http://www.cnblogs.com/52cik/p/js-highlight-prism.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!