鐵人檔案
學習過程中常常會看到許多似懂非懂的概念及知識點，這些東西往往都是稍微看過一下，大概有個印象而已，實際被問到或是要實作時都做不太出來。
為了加強自己的印象、搞懂這些觀念，所以報名了這次的 iThome 鐵人賽。
async 與 defer 是 <script> 中很常見的屬性，現在的前端框架中幾乎都幫我們處理掉這部分，不過還是必須要理解一下兩者的差別與使用...
以前在 JavaScript 沒有模組化的時候，一樣的程式碼會在好幾個檔案內重複出現，非常的沒效率，直到有 CommonJS & ESM 這兩個東西。...
提升（Hosting）是 JavaScript 中的一種行為，指的是 在宣告函式或變數之前如果先使用它，也不會出錯。 console.log(number);...
首先了解物件導向（OOP）有兩種類型，有基於類別（class-based）以及基於原型（prototype-based）兩種，JavaScript 屬於後者...
這篇來看看能改變 JavaScript 中 this 的三種方法：就是標題的 call()、apply()、bind()。 接下來會使用下面的例子： cons...
立即函式 IIFE 的全名為 Immediately Invoked Function Expression，顧名思義就是立刻執行的函式。 IIFE 最大的特...
最近在在看 CSS 面試題目時發現，許多選擇器代表的意思我都回答不出來，像是 ~、+ 之類的，這篇趕緊紀錄一下把基礎打好一點。 基本選擇器 選擇器 範例...
閱讀文章時常常會看到表達式、陳述式、函式表達式、函式陳述式，搞得我很黑人問號。 這篇來簡單看一下這些東西是什麼。 表達式（Expressions） 表達式的...
前端開發時常常會遇到事件頻繁執行的狀況：例如網頁滾動、模糊搜尋等，大量且頻繁觸發事件會非常浪費資源、且造成網頁非常卡。 該怎麼解決呢？來看看 Debounce...
最近在做無限滾動（Infinite Scroll）的時候發現了 IntersectionObserver 這個好東西。以往在使用上要計算高度、檢查元素是否進入...
