Tag: js

Bookmark: highlight.js, Syntax highlighting for the Web

Posted by – July 17, 2014

最近在寫專案的技術文件,很不愛用 Word 的我理所當然地選用 HTML 格式來寫,對我來說這樣比較容易調整格式。再強調一次,用 Word 撰寫的技術文件超級難以閱讀,請大家唾棄這種作法。

雖然 Markdown 也不錯,但處理 <table> 或是 <iframe> 總是沒那麼順手,所以我還是慣用 HTML 編寫。

文件中包含了幾段程式碼範例,雖然不是必要,但總覺得沒弄個語法上色的效果,一點都不好閱讀... 所以搜尋了一下有沒有輕量級的 syntax highlight 套件。

我之前都是用 SyntaxHighlighter 套件,但總覺得語法和速度都太笨重了些,想換別的套件試試。結果找到這款 highlight.js

highlightjs_web

功能比 SyntaxHighligter 要少,例如.... 沒有行號 (line number) 的功能。不過有多種 theme 可以選,支援的語言種類也非常豐富。就決定採用了 !

Bookmark: amCharts, an advanced javascript charting library

Posted by – June 27, 2014

朋友提供的 JavaScript 圖表套件,還沒試過,先筆記一下。

我之前都是用 HighCharts 製作動態圖表。

http://www.amcharts.com/

Screen Shot 2014-06-27 at 2.16.57 PM

Javascript: Repeat Character N Times

Posted by – September 13, 2013

開發過中常碰到一種情況是希望某字串能重複出現數次。

以前端開發來說,希望用 JavaScript 來重複產生 HTML elements 的時候,覺得用 for 迴圈寫這個也太囉嗦。

有個比較簡單的 "語法" 來處理這個情況。

Array(11).join("a");

這樣就可以得到 11 - 1 個 a,aaaaaaaaaa。

產生重複 elements 就如法炮製,

$('ul').html(Array(5).join('<li class="whatever">list</li>'));

How to Convert String to Slug

Posted by – December 20, 2011

在這個 SEO 當道的年代,簡單易懂的現代網址已經是基本常識了。根據 W3C 的網址規定,合法字元僅有 A - Z, a - z, 0 - 9, -, ., _, ~, :, /, ?, #, [, ], @, !, $, &, ', (, ), *, +, ,, ;  = ,而且橫線 ( - ) 之後都是有特別意義的保留字,所以過去常看到亂七八糟的亂碼網址,像是本文的標題不處理的話就變....

How%20to%40%20Convert%20String%20to%20Slug

雖然對電腦來說沒什麼差別,但是對人類來說卻是難以理解、難以記憶的無意義片段。 More