初步認識 Reflow 回流和 Repaint 重繪

簡介 現今比較容易影響前端效能大多是 JavaScript ，操作大量 DOM 確實會給瀏覽器較大的負擔。而變更 CSS 也有造成效能的兩大元凶：重排（回流）（Reflow

從前端框架看「關注點分離」

其實本來這一週是要介紹 Vue 的元件概念與生命週期，於是我想提及關注點分離概念後再來介紹。但礙於兩者加起來篇幅太長所以本週就只先介紹何謂關注點分離。 關注點分離 「關注點分離」的意思是...

前端效能優化 - Debounce 和 Throttle

簡介 寫過一些前端互動網頁之後，多少會使用到一些事件被觸發之後的一些動作，例如：滑鼠移動、滾動等事件，但這些事件會在短時間內頻繁被觸發，如果在這一些事件上綁定了很多 DOM 事件很有可能會引起...