今天公司的前輩介紹了三種使用在 link 標籤上的效能優化的方法，可以改變瀏覽器下載資源的優先度－－也就是先讓網站會用到的檔案「偷跑」，以免網站內容過多時會卡頓、loading 太久，以下簡單將重點稍微整理。 <div style="width:100%;height:0;padding-bottom:69%;position:relative;"><iframe src="https://giphy.com/embed/lZfieM3rRK5ZTMOnNd" width="100%" height="100%" style="position:absolute" frameBorder="0" class="giphy-embed" allowFullScreen></iframe></div> 載入順序 一般來說，瀏覽器會先讀取 HTML

會想寫這篇文的原因，是某天跟同事聊天的過程中，聊到在 JS 宣告變數時幾乎很少用到 var，雖然知道這種宣告變數的方式跟 let、const 有差異，具體而言我卻說不出為什麼，只依稀記得跟作用域有關......。 為了往後討論這個問題時，都能像個 JS 大師般侃侃而談，我回家後立刻將這題好好鑽研一番，也順便做了筆記，如果以後忘記了隨時都能拿出來複習 XD。 前言 var、let 以及 const 都是在 JavaScript 用來做變數宣告的保留字，在 JavaScript 早期只有 var，直到 ES6 時才加入了 let 與 const 。 這次，我將分別根據作用域、用途、以及提升（Hoisting）等特性來說明它們的不同。 作用域的差別 var 宣告的變數可以為「全域作用域」或「函式作用域」，但 let 或 const 則是以「區塊作用域」作為範圍。 想了解 JavaScript

本篇文章是我在 Udemy 上加強 JavaScript 基礎的學習筆記。 這兩小節的課程中，老師先介紹了「First-class Function」以及「Higher-order Function」的差別，接著再舉一段簡單的程式碼範例讓我們了解什麼是 Callback function。 First-class Function JavaScript 是擁有 First-class Function（一級函式）特性的程式語言。 JS 將 function 當作一等公民 將 function 視為是一種「值」（Value） function 是一種物件型態的資料（typeOf function = Object） 由於上面特殊的定義，我們也可以對 function 做許多對其他資料型別的變數也可以操作的行為，包含： 將函式儲存成變數（透過 Function Expre

我目前加強 JavaScript 基礎的方式是 Udemy 上一堂由 Jonas Schmedtmann 老師開授的 The Complete JavaScript Course 2023: From Zero to Expert!。 當時有趁著打折購入這門課，真的覺得很超值，老師將觀念講解得很詳細，對於課程編排（例如哪個部份應該先上、哪個部份的觀念要留到後面的章節再詳細補強）也有一套自己的原則，更新教學內容也很頻繁，因此不用擔心觀念落後的問題，我個人上得蠻開心的 XD 推薦給對自己的英文能力有信心、不會聽到睡著，或想嘗試看看全英語授課的朋友囉～🙌 題目說明 今天做了一份老師在章節中穿插的 Coding Challenge，題目是將底下的格式的字串轉換成小駝峰 (low camel case) 格式，加上 ✅ Emoji，並移除每一列中不必要的空白字元： USer_nAme Some_