系列文章
01. 你最近學會了什麼新東西？
上班工作，下班生活；緊湊的節奏是否也曾讓你感覺迷失其中？不彷想想，讀者您有多久沒有好好靜下來，認真學點新東西了呢？ 筆者身為一個軟體工程師，雖然僅有四年左右的...
02. [HTML] script tag 加上 async & defer 的功能及差異？
前端當然要從 HTML 出發，今天就讓我們來聊聊 script tag 加上 async / defer 的功能及差異。 講古 我們知道，瀏覽器解析 HTML...
03. [CSS] Reflow 及 Repaint 是什麼？
昨天 聊了 HTML 控制 JavaScript 載入順序的方法，設定得宜可以提升不少效能；那麼今天就來聊聊可能造成 CSS 影響效能的其中兩位兇手：回流（R...
04. [CSS] z-index 與 Stacking Context 的關係是什麼？
不知道大家有沒有這樣的經驗：在排版時無論 z-index 怎麼調整，元素仍然被其他東西蓋住，怎麼調都調不好；今天我們將會深入理解這背後的原因，一起來聊聊 z-...
05. [CSS] 元素選取器是如何運作的？
在前端工程師的日常中，使用元素選取器是稀鬆平常的事情；無論你是撰寫一般的 CSS，或是需要過編譯的 SASS、SCSS、LESS，最終都仍會被編譯成一行一行的...
06. [JS] 請你在旁邊的白板寫個快速排序演算法。
今天是本系列進入 JavaScript 主題的第一天，那麼就先寫個 前陣子面試 時遇到的快速排序法吧！ 本系列文已經重新編校彙整編輯成冊，並正式出版囉！《前...
07. [JS] 瀏覽器 DOM 元素的事件代理是指什麼？
本系列來到了 JavaScript 相關的主題，預計會在這逐步前進好一陣子，讓我們從較簡單的主題開始吧；今天就先來聊聊瀏覽器中的事件代理是怎麼一回事。 本系...
08. [JS] 請寫出間隔一秒印出 1, 2, 3, 4, 5 的程式碼。
相信稍有經驗的開發者多少都看過這題了，應該是彈指之間便能輕鬆解決；但初步接觸 JavaScript 的朋友，可能會撰寫出類似下面範例的程式碼： for(var...
09. [JS] 什麼是閉包？
昨天我們聊到到了 JavaScript 中的事件迴圈，文中末段提到了透過 IIFE 的解決方法： for (var i = 1; i <= 5; i++...
10. [JS] 一般函式與箭頭函式的差異？
旅程來到了第 10 天，這趟旅程真的有點硬啊...不過每天只要花一點點時間，就能讓逐漸讓自己變強，這樣的感覺是不是很棒呢？ 今天的主題輕鬆一點，來看看 Jav...