JavaScript 代理模式

以瀏覽器載入圖片為例子，當圖片完全載入後才會出現在螢幕上，但是等待載入的這段時間會使得原本該出現圖片的地方為空白的狀態，一旦圖片載入完成出現時，會造成畫面元件跳動的情況。解決的方式有以下兩個方式: 1. 使用 loading 圖示顯示正在載入，圖片載入完成後取代 loading 圖示。2. 使用同等比例的小圖片當成佔位符，圖片載入完成後取代此佔位符。

Coffee, tea and prototypes

讓我們以飲料作為例子，使用咖啡及茶來完成 prototype chain 的範例。要旨在於專注要做什麼 (waht to do)，而不是你是誰 (who you are)，利用委任的概念(delegation)將同一層級的行為封裝在一起，越上層的行為越一般化，越下層的行為越特定話，然後使用ES5所提供的 Object.create() 來實作原型鍊(prototype chain)。

JavaScript 單例模式

以 OOP 角度而言，使用 constructor function 來建立物件時，每次的新物件都會指向不同的 reference，在某些情況下，我們需要使用單例模式確保不管建立幾個物件，這些物件都指向同一個 reference。

到了，叫我。

瀏覽器的事件處理很像我們日常生活中會發生的事，針對某些目標，一旦有情況發生，就執行相對應的程序。
就像買票去墾丁，我們(對象目標)一旦到達墾丁(情況發生)，我們就會下車(執行程序)。

分享是最好的學習。

得之於人者太多，在成為軟體開發人員的路途上，受到許多貴人的幫助，點滴在心頭。因此我希望藉由這個部落格分享一些關於前端技術的概念及觀點，同時砥礪自己教學相長，藉此拋磚引玉，也能幫助到一些人。