❤️ 🍰 🌹 🎬 🚴♀️ 🏋️♀️ 💻 🚀 💜
這裡記錄了我的學習和開發筆記，歡迎交流 (*´∀`)~♥
© 2025. All rights reserved.
JavaScript Pattern 之 Code Reuse Patterns 筆記。JavaScript 沒有 class 的概念，而物件也僅是名值對（key-value pair），表示可以即時建立和改變。但 JavaScript 卻有建構式，類似其他語言（例如：Java）使用 class 的語法。
javascript prototype Design Pattern javascript 設計模式
在上一個範例-結構化資料之「活動」範例（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 設計模式
自從 SEO 成為顯學後，各大電子商務和活動網站都開始注意是否有做 SEO - 是否能讓搜尋引擎正確剖析內容、商品、活動或報導是否出現在 SERPs 上，進而注意是否能從搜尋中帶入正確的 TA 和流量。但 SEO 到底要做什麼？搜尋引擎對於一般人來說像是個黑盒子，網路上的文件所述影響搜尋引擎的因子又非常多，到底要從哪裡開始優化？很多人光想到這裡就非常頭痛...
Modern Web SEO social meta tags sitemap rich snippets
Decorator（裝飾者模式）的說明與範例。
javascript prototype javascript Design Pattern 設計模式
使用 JSON 做 Client 端與 Server 端資料傳遞的說明與範例。
javascript