EJS:Client 端嵌入式(Embedded)JavaScript

EJS 是一個 client 端的 JavaScript template library,可以讓整個網頁程式碼結構更清楚、更整潔。 一般的網頁程式設計師在開發網頁時,多多少少都會遇到這樣的 JavaScript 程式: var html = "<h1>"+data.title+"</h1>" html += "<ul>" for(var i=0; i<data.supplies.length; i++) { html += "<li><a href='supplies/"+data.supplies[i]+"'>" html += data.supplies[i]+"</a></li>" } html += "</ul>" 這裡為了動態產生網頁內容,所以使用 JavaScript 來產生 HTML 程式碼,在傳統上如果是要在 client 產生這樣的動態內容都是這樣做的,但這樣的缺點就是程式碼架構比較雜亂,而且這樣的程式在修改上也比較不容易。 ...

February 25, 2014 · G. T. Wang

Stylus:Node.js 架構下的 CSS 前處理器

Stylus 是一個 Node.js 架構下的 CSS 前處理器,這裡介紹它的基本使用方式。 Stylus 是一種用來產生 CSS 的程式語言,其語法基本上是從傳統的 CSS 簡化而來,所以跟 CSS 的寫法類似,但是更精簡,另外也加入一些函數與運算的功能,讓使用上更彈性。 ...

February 24, 2014 · G. T. Wang

Chrome V8 引擎使用 JavaScript 背景編譯技術大幅提升執行效能

Google 將 Chrome 的 JavaScript 編譯動作放在背景執行,改善瀏覽器的整體效能。 一直以來 Chrome 都不斷進行效能的改進,V8 引擎透過編譯 JavaScript 的方式,加速 JavaScript 的執行速度,在以前這個編譯動作是放在主要執行序(main thread)上來處理的,但是這樣的做法會對於 JavaScript 的執行效能有一些影響。 ...

February 14, 2014 · G. T. Wang

DevDocs.io:網頁應用程式開發專用的技術文件查閱工具

DevDocs.io 整合了一般網頁應用程式開發過程中常會用到的各種官方技術文件,可以讓網頁應用程式開發者快速查閱,加速開發流程。 現今的網頁技術琳琅滿目,一般的網頁應用程式都會需要結合各種技術,而程式開發者在開發時就會常常需要查詢各種技術的相關文件,最常見的就是要查詢某個函數的語法或參數如何使用,以及找尋簡單的範例讓自己可以很快的用在自己的程式中,但是一般這種情況如果使用 Google 這樣的搜尋引擎的話,要在搜尋結果中找到自己要的網頁或文件,通常都會浪費很多時間。 ...

February 10, 2014 · G. T. Wang

JavaScript 記憶體洩漏(Memory Leak)問題

這裡我們將解釋為什麼 JavaScript 會產生記憶體洩漏的問題,並示範會產生這個問題的程式寫法,讓大家知道該如何處理這類的問題。 JavaScript 是一種功能強大的語言,在現今許多的網頁中都扮演著重要的角色,雖然其語法簡單、撰寫容易,但是在某些瀏覽器上會產生記憶體洩漏(memory leak)的問題,卻很讓人頭痛。 ...

January 24, 2014 · G. T. Wang