單元測試: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


Selenium IDE

Selenium IDE 可協助確認 UI 功能是否正常執行,是導入自動化測試的起手式。它很類似按鍵精靈,錄製好腳本後,執行腳本來自動完成文字輸入、點擊或跳頁等動作,確認執行動作皆如預期,若不符合預期狀況則停止並報錯,大大減低手動測試所花費的時間和精力。

Selenium Selenium IDE 自動化測試


Notification(通知):利用 JavaScript 實作瀏覽器推播通知

實作瀏覽器推播通知的過程以下面的流程圖表示,會經過幾個步驟:瀏覽器支援度檢查、請求授權、建立通知、發出通知、分門別類通知、事件處理和錯誤處理。

Push Notification javascript 讀書會