iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Modern Web

那些你可能要知道的前端知識 系列

轉職中的AL最近要開始投履歷面試了,而面試中可能會被問到的前端技術問題,我想藉由邊學習邊紀錄文章的形式加強自己的記憶!💪🏻

鐵人鍊成 | 共 30 篇文章 | 13 人訂閱 訂閱系列文 RSS系列文
DAY 1

【day1】var、let、const 的差別

早期的JavaScript只有var,直到ES6增加了let和const。 為什麼會有let和const的出現? 原因是var的變數提升(Hoisting)和...

2023-09-04 ‧ 由 A L 分享
DAY 2

【day2】(JavaScript) ==、=== 的區別

剛開始接觸JavaScript時,很常會遇到 == 或 === 來判斷兩邊的值是否相等,但是「兩個」等號和「三個」等號,常常讓我們感到困惑,以下來詳細說明它們...

2023-09-05 ‧ 由 A L 分享
DAY 3

【day3】(JavaScript) 作用域 Scope

The scope is the current context of execution in which values and expressions...

2023-09-06 ‧ 由 A L 分享
DAY 4

【day4】(Javascript) 提升Hoisting

什麼是Hoisting? Hoisting 稱作「提升」,會將變數宣告、函式宣告提升到它們所在作用域的頂部,但要注意賦值不會被提升。 先來看一段程式碼進入狀況...

2023-09-07 ‧ 由 A L 分享
DAY 5

【day5】(JavaScript) 閉包 Closure

在JavaScript中,閉包(Closure)與作用域鏈(Scope Chain)的關係非常重要,在往下看之前建議可以先複習一下「【day3】(JavaSc...

2023-09-08 ‧ 由 A L 分享
DAY 6

【day6】function declaration 、 function expression 差別

function declaration(函式宣告)和 function expression(函式表達式)兩種都屬於JavaScript定義函式的一種方式。...

2023-09-09 ‧ 由 A L 分享
DAY 7

【day7】Array陣列的遍歷方法(map, filter, every, some)

array.map 對陣列中的每個元素進行操作並返回一個新的陣列。新的陣列是由對原始陣列中的每個元素調用一個函式所得到的結果組成的。 const array1...

2023-09-10 ‧ 由 A L 分享
DAY 8

【day8】Array陣列的遍歷方法(for...loop, for...of, for...in, forEach)

前一篇文章介紹了JavaScript遍歷陣列的四種方法,今天輪到 for loop 系列 ʕง•ᴥ•ʔง for loop 這是最基本的迴圈,通常會是用來遍...

2023-09-11 ‧ 由 A L 分享
DAY 9

【day9】(CSS) 元件垂直置中的方法

在某一場面試的考試中有一題考題是列舉出至少3種垂直置中的方式因此我也認為是時候可以將這個知識點記錄下來了( ¯•ω•¯ ) 第一種 父層使用 displa...

2023-09-12 ‧ 由 A L 分享
DAY 10

【day10】事件機制 (捕獲Event Capturing、冒泡Event Bubbling)

JavaScript在瀏覽器中雖然會被馬上讀取,但是事件必須要等到事件被觸發,才會被執行。例如手機跳通知,我們才會去點開通知。手機跳通知(事件觸發)、拿手機點...

2023-09-13 ‧ 由 A L 分享