JavaScript 中的閉包 (Closure) 是函式以及其語彙環境 (Lexical Environment) 的組合，所有的函式都能夠記住被創造的當下的環境以及變數。這篇教學將會從 JavaScript 函式的特性開始講解，包含變數的存取規則、以及函式可以作為另一個函式的回傳值，最後帶到 closure 的特性，也就是函式能夠保留其環境。本篇還會講解 closure 的實際應用範例，包括 IIFE (Immediately Invoked Function Expression)、以及用 closure 的特性模擬物件導向中的 private member 以達到封裝的特性 (又稱為 module pattern)。

javascript

這篇教學介紹瀏覽器事件的運作原理，包含event bubbling、event capturing。第二部分介紹event delegation的寫法及應用時機。教學內容主要參考javacript.info 的 Introduction into Events。

javascript web browser

JavaScript 中的 Promise 是專門用來執行非同步操作的資料結構，提供了 then、catch、all、race 等方法，使得複雜的非同步流程變得簡潔好管理。這篇文章將會介紹 promise 的 resolve 和 reject，如何使用 then 串接非同步流程以及 catch 處理錯誤，方便好用的 promise chain，以及如何利用 Promise.all 及 Promise.race 平行處理非同步流程。

javascript

RWD的網頁顯示圖片，經常會遇到問題：同樣的圖片，檔案過大使得在手機上載入速度過慢，但在桌機上又顯得解析度不夠。這篇文章將會教你如何經由設定 img 標籤的 srcset 屬性以及 HTML5 picture tag，依據裝置解析度載入適當的圖片，在圖片解析度和下載速度之間取得平衡。

rwd web browser

這篇文章將會教你如何實作三種 Interative Binary Tree Traversal 的方法 (In-Order, Pre-Order and Post-Order)。值得注意的是，迭代相對於遞迴的遍歷二元樹 (binary tree traversal) 方法較為不直觀，為了符合traverse的順序，有些節點需要晚點再拜訪，實作上會用到stack的資料結構。

algorithm data structure

令 A = [a0, a1, ..., an-1], ai > 0，要如何判斷是否存在一組(p, q), p <= q 使得 sum(ap, ap+1, ... aq) = s？我們可以用下面介紹的Caterpillar Method。

algorithm

給定A = [a0, a1, …, an-1]，如何找到一組S = [s0, s1, … sn-1], sj ∈ {-1, 1}, 使得abs(sum(ai * si))有最小值？關鍵在於對於A中的每個元素a能夠產生的sum作動態規劃。

algorithm dynamic programming

給定A = [a0, a1, ..., an-1]，如何使得slice的和 sum(A[p], A[p+1], ..., A[q]) 有最大值（slice長度可以為0）？有個有名的Kadane’s Algorithm可以解決這個問題。

algorithm dynamic programming

Given a set of numbers {a1-an}, what is the best way to come up with a nonempty subset such that the sum of its elements is 0 mod n, where n is the size of the original set?

algorithm

這篇教學介紹React專案的基本webpack設定。包含支援ES6需要的Babel，程式碼風格檢查的ESLint和開發工具webpack-dev-server。

webpack react