Summer。桑莫。夏天

JavaScript Design Pattern - Iterator 迭代器模式 JavaScript Design Pattern 「Iterator 迭代器模式」 筆記。

JavaScript Design Pattern - Factory JavaScript Design Pattern 「Factory 工廠模式」 筆記。

JavaScript Design Pattern - Singleton JavaScript Design Pattern 「Singleton 單體模式」 筆記。

JavaScript - Code Reuse Patterns JavaScript Pattern之Code Reuse Patterns筆記。

結構化資料之「活動」範例 (Part 2) - 使用Microdata與JSON-LD (圖片來源： WEBAFFIX ) 在上一個範例 結構化資料之「活動」範例 (Part 1) 中使用的規範是 Data-Vocabulary.org ，這次改用Microdata與JSON-LD，並記錄更多實作上的疑難雜症。

結構化資料之「活動」範例 (Part 1) (圖片來源： How To Add Rich Snippets To Your WP Blog Posts The Easy Way ) 「Promote Your Content with Structured Data Markup」，搜尋引擎愈來愈人性化，提供愈來愈多實用的資料給使用者做決策。因此，前端工程師的切版不再只是依照設計稿呈現美麗的畫面和特效而已，還要能利用結構化資料，讓網站內容在SERPs上顯示更多資訊。拿活動來說，如下圖紅框所示，搜尋活動「資策會數據創新應用黑客松 IDEAS Tech Hackathon」，第三則結果出現了活動時間「7月25日 - 7月26日」和活動地點「TAF空總創新基地-空軍總部舊址中正堂, 台灣」。使用者不但能在SERPs知道活動標題、短描述和網址外，還能馬上知道日期(區間)、地點。

JavaScript - Module Pattern 自從離開上一份十分忙碌的工作後，終於有時間好好針對JavaScript這個部份充電，於是來看「 JavaScript Patterns (中譯：JavaScript 設計模式) 」這本書，也將自己的學習歷程記錄下來。歡迎大家討論，無論是有錯糾正或新知分享等。 什麼是Module Pattern？解決什麼問題？ Module Pattern 利用函數的「閉包(closure)」特性來避免汙染全域的問題 - 使用閉包(closure)來提供封裝的功能，將方法和變數限制在一個範圍內存取與使用。這樣的好處除了避免汙染全域外，也將實作隱藏起來，只提供公開的介面(public API)供其他地方使用，簡單易懂。