結構化資料之「商品」範例 - 使用 JSON-LD

假設想在搜尋結果頁上對單一商品呈現更為吸引人的 Rich Snippet 效果,例如出現星等、評論數(如下圖),就需要利用結構化資料(Structured Data)來達成。

SEO structured data rich snippets json-ld 結構化資料


jQuery 的陣列操作:$.map() 與 $.grep()

這陣子在整理系統內的程式碼,發現自己曾經使用一些過時的方法(例如:native javascript 操作陣列),而非使用 jQuery 提供的 API 來撰寫。以下整理並比較這兩種方法的差異。

jQuery javascript


三天內學會 CSS3 動畫

一直以來我對 CSS3 動畫這件事情並沒有特別專注研究(如果需要也是用 JavaScript 完成 XD),直到最近因為工作需要才開始練習。以下紀錄一些我在這三天內看的資料和做的小練習(不是教學文)。

css3 animations css


JavaScript Object Oriented Programming

關於 JavaScript Object Oriented Programming,會寫這一系列的文章是因為希望自己的 JavaScript 程式碼能更物件導向、更模組化。這一系列的文章有以下的內容...

javascript prototype operator 運算子 OOP 物件導向程式設計 javascript


JavaScript Object Oriented Programming: Early and Late Binding

JavaScript 在呼叫的時候設定 this 的值,而這個 this 的值有可能不是我們預期的結果。下面有幾個範例。

javascript


JavaScript Object Oriented Programming: Exceptions

「例外(Exceptions)」是一個特別且重要的處理錯誤的方法。

ReferenceError NaN javascript


JavaScript Object Oriented Programming: Factory Constructor Pattern

Factory Constructor Pattern 不使用 new 來宣告新物件,新物件用 function call 來建立。

javascript