Tag: js
-
Bookmark: highlight.js, Syntax highlighting for the Web
最近在寫專案的技術文件，很不愛用 Word 的我理所當然地選用 HTML 格式來寫，對我來說這樣比較容易調整格式。再強調一次，用 Word 撰寫的技術文件超級難以閱讀，請大家唾棄這種作法。 雖然 Markdown 也不錯，但處理 <table> 或是 <iframe> 總是沒那麼順手，所以我還是慣用 HTML 編寫。 文件中包含了幾段程式碼範例，雖然不是必要，但總覺得沒弄個語法上色的效果，一點都不好閱讀… 所以搜尋了一下有沒有輕量級的 syntax highlight 套件。 我之前都是用 SyntaxHighlighter 套件，但總覺得語法和速度都太笨重了些，想換別的套件試試。結果找到這款 highlight.js。 功能比 SyntaxHighligter 要少，例如…. 沒有行號 (line number) 的功能。不過有多種 theme 可以選，支援的語言種類也非常豐富。就決定採用了 !
-
Bookmark: amCharts, an advanced javascript charting library
朋友提供的 JavaScript 圖表套件，還沒試過，先筆記一下。 我之前都是用 HighCharts 製作動態圖表。 http://www.amcharts.com/
-
Javascript: Repeat Character N Times
開發過中常碰到一種情況是希望某字串能重複出現數次。 以前端開發來說，希望用 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
在這個 SEO 當道的年代，簡單易懂的現代網址已經是基本常識了。根據 W3C 的網址規定，合法字元僅有 A – Z, a – z, 0 – 9, -, ., _, ~, :, /, ?, #, [, ], @, !, $, &, ‘, (, ), *, +, ,, ; = ，而且橫線 ( – ) 之後都是有特別意義的保留字，所以過去常看到亂七八糟的亂碼網址，像是本文的標題不處理的話就變…. How%20to%40%20Convert%20String%20to%20Slug 雖然對電腦來說沒什麼差別，但是對人類來說卻是難以理解、難以記憶的無意義片段。