❤️ 🍰 🌹 🎬 🚴♀️ 🏋️♀️ 💻 🚀 💜
這裡記錄了我的學習和開發筆記,歡迎交流 (*´∀`)~♥
© 2025. All rights reserved.
JavaScript Design Pattern「Iterator 迭代器模式」筆記。
iterator 迭代器 Design Pattern javascript 設計模式
JavaScript Design Pattern「Factory 工廠模式」筆記。
javascript prototype Design Pattern javascript 設計模式
JavaScript Design Pattern 「Singleton 單體模式」 筆記。
javascript prototype javascript closure 閉包 Design Pattern javascript 設計模式
JavaScript Pattern 之 Code Reuse Patterns 筆記。JavaScript 沒有 class 的概念,而物件也僅是名值對(key-value pair),表示可以即時建立和改變。但 JavaScript 卻有建構式,類似其他語言(例如:Java)使用 class 的語法。
在上一個範例-結構化資料之「活動」範例(Part 1)中使用的規範是 Data-Vocabulary.org,這次改用 Microdata 與 JSON-LD,並記錄更多實作上的疑難雜症。
SEO structured data rich snippets json-ld microdata
搜尋引擎愈來愈人性化,提供愈來愈多實用的資料給使用者做決策。因此,前端工程師的切版不再只是依照設計稿呈現美麗的畫面和特效而已,還要能利用結構化資料,讓網站內容在搜尋結果上顯示更多資訊。拿活動來說,如下圖紅框所示,搜尋活動「資策會數據創新應用黑客松 IDEAS Tech Hackathon」,第三則結果出現了活動時間「7月25日 - 7月26日」和活動地點「TAF 空總創新基地 - 空軍總部舊址中正堂, 台灣」。使用者不但能在搜尋結果知道活動標題、短描述和網址外,還能馬上知道日期(區間)、地點。
SEO structured data rich snippets microdata 搜尋引擎優化
Module Pattern 利用函數的「閉包(Closure)」特性來避免汙染全域的問題,意即使用閉包來提供封裝的功能,將方法和變數限制在一個範圍內存取與使用。這樣的好處除了避免汙染全域外,也將實作隱藏起來,只提供公開的介面(Public API)供其他地方使用。
javascript closure 閉包 Design Pattern javascript ReferenceError 設計模式