為博客園選擇一個小巧霸氣的語法高亮插件

博客園的語法高亮簡直蛋疼,于是乎就打算找一個靠譜的插件來改造下。
各種百度谷歌,大致得到幾個推薦:SyntaxHighlighter,Snippet,Google Code Pretiffy,Highlight,SHJS。
其實 SyntaxHighlighter?非常強大,但是我一直很討厭他,沒有理由的討厭,所以直接忽略了,開始測試后面幾個。

我的測試非常簡單,對 jQuery 1.10.2 源碼 9789 行,進行高亮渲染測試,看看每個腳本的渲染耗時。

Snippet

Highlight

SHJS

Pretiffy

非常清晰明了,他們的成績分別為: (注意單位)
Highlight:?567ms
SHJS:?627ms
Pretiffy:?1.26s
Snippet:?9.40s

Snippet?號稱基于 SHJS?開發,竟然要渲染 9.4 秒,人家 SHJS?才 0.6 秒呢。
Highlight?和 SHJS?成績不相上下。

但是我把常用腳本高亮打包成一個文件后(js html css php sql vbs)
SHJS: 22.5kb
Highlight: 14.7kb
都是 min 后的大小,css反正選用那么1,2種,所以大小忽略。

而且 Highlight?的 API 非常詳細,所以我最終決定采用 Highlight?做為我改造的對象。
其實 Highlight?的默認主題就非常漂亮,這也是我選擇他的理由之一。
我會盡快把它打造成博客園的語法高亮利器分享出來的。隨便一提,司徒正美最近貌似就用這個的、、

好了,今天的分享到此結束。

?

附加內容:
剛剛去測試了下我之前寫的那個《js 正則練習之語法高亮》,竟然1秒內渲染完畢,略顯霸氣了,在此曬圖得瑟下。

轉載于:https://www.cnblogs.com/52cik/p/js-choose-highlight.html

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/375818.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/375818.shtml
英文地址,請注明出處:http://en.pswp.cn/news/375818.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

計算器軟件設計和計算機軟件設計區別,求一個模擬計算器程序

# include# include# include# include# define MAX_OPERATOR_NUM 100//運算符棧數組長度# define MAX_DATA_NUM 100//運算數棧數組長度typedef struct OPStack//定義運算符棧{char opStack[MAX_OPERATOR_NUM];int top;}OPStack, *pOPStack;typedef struct DATAStack//定義操作…

python中print語句

學習鏈接1 學習鏈接2 1. 如果print語句后面什么符號都沒有是個換行語句,也就是是要另起一行。 2. 分號表示下次輸出是緊挨著這個光標位置輸出. 3. 而逗號是下次輸出與這次輸出有一定的空格之后接著輸出. namekk salutationMr. greetingHello, print greeting,sa…

計算機應用基礎論壇貼子怎么發,網絡課程論壇中長尾現象的應對策略——以《計算機應用基礎》網絡課程為例...

摘要:進入21世紀以來,互聯網就備受關注.由于我國信息設施資源建設穩步推進,互聯網的基礎更為堅實,發展更為迅速.據權威數據統計,中國至2009年約擁有130萬個BBS論壇,數量為全球第一,然而,作為分享和參與類應用的典型代表(更新博客,發帖/回帖)的使用率仍然偏低.筆者在…

解析Json需要設置Mime

IIS6.0 1.打開IIS添加Mime項 關聯擴展名:*.json內容類型(MIME):application/x-javascript 2.添加映射: 位置在IIS對應站點右鍵屬性:”主目錄”-”應用程序設置”-”配置”-”映射”-”添加”,會打開”添加/編輯應用程序…

Using the Transient Fault Handling Application Block

http://msdn.microsoft.com/en-us/library/dn440719(vpandp.60).aspx轉載于:https://www.cnblogs.com/fengye87626/p/3772555.html

讓python腳本像普通程序一樣運行

有些時候像運行其他程序一樣運行python程序(也叫做腳本),而不是顯式使用python解釋器。在UNIX中有個標準的實現方法:在腳本首行前面加上#!(叫做pound bang或者shebang),在其后加上用…

Function類型(JS高程3)—— JS學習筆記2015-6-29(第70天)

Function 類型 函數是對象 具有屬性和方法,函數名實際上是一個指向函數對象的指針 沒有重載; 函數聲明和函數表達式 函數聲明: function sum (num1, num2){ return num1 num2; } 函數表達式: var sum function(num1, num2){ ret…

PS圖片刪除需要計算機管理權限,如何使用PsTools工具執行本地/遠程PC管理任務

大多數剛入門的管理員都習慣使用 RDP 或其它類似的工具連接到遠程 Windows 中進行圖形化管理。而 PowerShell 及 PsTools 等工具可以幫助我們在命令行中執行相當多的管理任務,更主要的是可以將其寫成腳本來執行周期性重復任務或在管理大批量服務器時提高效率。在企業…

LeetCode:Spiral Matrix I II

Spiral Matrix Given a matrix of m x n elements (m rows, n columns), return all elements of the matrix in spiral order. For example, Given the following matrix: [[ 1, 2, 3 ],[ 4, 5, 6 ],[ 7, 8, 9 ] ] You should return [1,2,3,6,9,8,7,4,5]. 打印螺旋矩陣 逐個環…

TCP為什么需要三次握手和四次揮手

網上已經有很多解釋了,就不瞎說了,Mark一些鏈接作為自己的學習筆記吧。 學習參考鏈接1 學習參考鏈接2 學習參考鏈接3 學習參考鏈接4 為什么要3次握手 防止已過期的連接請求報文突然又傳送到服務器,因而產生錯誤。 Client發生一個請求連…

不屬于個人計算機范圍的是,計算機應用基礎模擬試卷2

一、1.單項選擇題單項選擇題每小題1分。在每小題列出的四個備選項中只有一個是符合題目要求的,請將其選出并將“答題卡”的相應代碼涂黑。未涂、錯涂或多涂均無分。0. 個人計算機屬于A.小巨型機B.小型計算機C.微型計算機D&#xf…

Python實驗:關燈游戲

文章目錄 前言一、設計表二、關鍵代碼三、運行結果小地圖,容易難度:中地圖,中等難度:大地圖,困難難度: 四、完整代碼鏈接總結 前言 這是一個Python實驗作業,內容如下: 題目要求&am…

解決Ubuntu14.04在外接顯示器不能指定問題的最佳分辨率

通常這種情況發生。在System Settings -> display 你會發現多出了一個 unknown display。這往往是因為你使用質量低劣的視頻電纜,例如,幾美元VGA線。解決方案有2,質量好的一個改變鋼帶(有磁場干擾)VGA線…

基礎練習 - 數值交換

題目 1 聲明兩個變量:int n1 10,n2 20,要求將兩個變量叫喚,最后輸出n1為20,n2為10. (擴展*: 不使用第三個變量如何交換) 解決方案 基本方法 private static void BasicMethod(){int n1 10;int n2 20;Console.WriteLine("n1…

python計算圓的面積

用Python創建一個腳本,要求: 能計算半徑為2的圓的面積保留10位小數可以直接執行 #!/usr/bin/env python3 import math print("Area is:{:.10f}".format(math.pi*4))計算圓的面積要用到pi,所以我們引用模塊math

Visual Studio 配色方案

字體:Fixedsys Excelsior 字體大小:12 配色方案:http://studiostyles.info 導入步驟: 工具->導入和導出設置->導入選定的環境設置->否,僅導入新設置->“瀏覽”->下載的vssetings文件->完成。 轉載于…

昆明學院計算機專業在哪個校區,昆明學院有幾個校區及校區地址

昆明學院有幾個校區及校區地址2017-06-19 11:15:56文/韓競儀最近有很多考生和家長咨詢小編,昆明學院有幾個校區,今年新生會被分配到哪個校區?哪個校區好?等相關問題,下面小編統一回復一下考生們的問題。昆明學院有3個校區,分別是…

python列表總結

列表方法append():在列表末尾添加元素列表方法insert():在列表任意位置插入元素,a.insert(0,1),在列表的0號位置插入元素1.列表方法count(s):返回s在列表中出現的次數列表方法remove(s):移除列表中的第一個…

Swift基本語法

Swift基本語法 原文:Swift基本語法Swift基本語法 簡介 1.什么是Swift Swift是蘋果于2014年WWDC(蘋果開發者大會)發布的全新編程語言 Swift在天朝譯為“雨燕” 跟Objective-C一樣,可以用于開發iOS、Mac應用程序 蘋果從2010年7月開始設計Swift語…

2018華工計算機應用基礎作業,計算機應用基礎平時作業2019

計算機應用基礎平時作業2019Tag內容描述:1、1.簡述啟動控制面板的常用方法。(至少列出三種) 答:常用打開控制面板的方法:1)點開始,選擇控制面板打開;2)打開我的電腦,選擇控制面板;3)點開始運行&…