發表文章

目前顯示的是 6月, 2015的文章

JavaScript Design Pattern - Iterator 迭代器模式

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

JavaScript Design Pattern - Factory 工廠模式

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

JavaScript Design Pattern - Singleton 單體模式

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

JavaScript - Code Reuse Patterns

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

結構化資料之「活動」範例 (Part 2) - 使用Microdata與JSON-LD

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

結構化資料之「活動」範例 (Part 1)

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