HTML5 的 Server-Sent Events 串流使用教學

Server-Sent Events 是一個已經被 W3C 納入 HTML5 標準的 API,它可以讓伺服器透過一般的 HTTP 協定主動更新瀏覽器的資料。 傳統的網頁架構下,如果瀏覽器要持續接收來自於伺服器端的新資料時,通常都是透過 Polling、Long-Polling 或 Streaming 等方式來達成,而後來出現的 WebSocket 徹底解決了這個問題,不過除此之外,在 HTML5 標準中還有一個 Server-Sent Events 也可以處理這類型的問題。 ...

April 12, 2014 · G. T. Wang

定義 JavaScript 函數(Functions)的各種方式

這裡介紹各種 JavaScript 函數的定義方式,有些方式很常見,但是有一些你可能沒看過。 以下是在 JavaScript 中四種建立函數的方式: // 四種建立函數的方法 function declaration () {}; var funcExpression = function () {}; var namedFuncExpression = function named() {}; var fnConstructor = new Function (); 這些都是可以用來建立函數(Function)物件的方法,但是其中有些差異,以下我們將討論這些作法之間有什麼差別。 ...

April 3, 2014 · G. T. Wang

使用 Node.js 與 Socket.IO 建立即時性(Realtime)網頁應用程式 App

這裡介紹如何使用 Node.js 與 Socket.IO 建立一個即時性(realtime)的網頁應用程式 App,讓瀏覽器與伺服器之間具備雙向溝通的能力。 Socket.IO 是一個用於建立即時性通訊網頁應用程式(realtime web applications)的跨平台 JavaScript 函式庫,可以消除不同平台上傳輸方式的差異性,讓開發者更容易發展即時性的網頁應用程式。 ...

March 6, 2014 · G. T. Wang

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

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

February 14, 2014 · G. T. Wang

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

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

January 24, 2014 · G. T. Wang