Vue.js: Slot

Slot 是一種用於內容分配(Content Distribution / Transclusion)的元件,適用於複雜或巢狀元件的實作上,可以想像成是空間預留的方法,在迭代過程中再把內容塞進去。

vue.js vue.js components


Vue.js: Mixins

Mixins 是一種讓元件共用功能的方法,使用方式即是將共用功能以物件的方式傳入 mixins option。mixin object 可傳入元件的任何 option,例如:data、computed 或 methods。當元件選用 Mixins 時,使用的 mixin object 會和此元件的其他 option 混用。

vue.js vue.js components


單元測試:Mocha、Chai 和 Sinon

單元測試:Mocha、Chai 和 Sinon。

Mocha Chai Sinon TDD 單元測試


jQuery .attr() vs .prop()

Attribute 與 Property 的差異、jQuery 相關程式碼解析。

jQuery javascript undefined


在瀏覽器中使用 Mocha 和 Chai 進行單元測試

在瀏覽器中使用 Mocha 和 Chai 進行單元測試。

Mocha Chai Unit Test 單元測試


CSS3 Animation

使用 CSS3 Transition 和 Animation 製作動畫、效能優化。

css3 animations will-change Critical Rendering Path 關鍵轉譯路徑 效能調校


Service Worker

Service Worker 的瀏覽器支援度檢查、註冊(Register)、下載(Download)、安裝(Install)、啟動(Active)、閒置(Idle)、發生錯誤(Error)、存取(Fetch)、收發訊息(Message)和結束(Terminated)。

Service Worker PWA Worker javascript Chrome DevTools