iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

入門前端技能之旅 系列

這裡會寫到學習網頁前端的三大元素(HTML、CSS、Javascript),必須知道的網頁知識。

鐵人鍊成 | 共 30 篇文章 | 15 人訂閱 訂閱系列文 RSS系列文 團隊請付費解鎖團隊名稱
DAY 21

Day.21 「物件也有繼承問題?」 —— JavaScript 繼承 與 原型鍊

我們每新增一個函式,瀏覽器都會向函式內新增一個屬性叫 prototype function Person () {}; console.log( Person...

2021-09-30 ‧ 由 Mao 分享
DAY 22

Day.22 「讓我們在更深入函式~」 —— JavaScript call & apply & arguments

之前我們有說過,再調用函式的時候,瀏覽器會傳遞隱藏的參數給我們函式一個是「this」,除了 this 還有另一個參數是「arguments」, 我們都知道全域...

2021-10-01 ‧ 由 Mao 分享
DAY 23

Day.23 「更加認識 DOM,並初次了解事件綁定」 —— JavaScript DOM

我們之前在 HTML 篇章有介紹 DOM,是 Document Object Model 的縮寫!我們主要操作 DOM 來控制網頁內容 Document 代...

2021-10-02 ‧ 由 Mao 分享
DAY 24

Day.24 「你點了按鈕~同時也點了網頁本身!」 —— JavaScript 事件冒泡(Event bubbling)

我們上一個篇章認識了綁定事件,了解到不管是什麼節點,都可以綁定事件 那為什麼 JavaScript 會知道我們觸發事件? 事件觸發流程 當我們點擊網頁中任何一...

2021-10-03 ‧ 由 Mao 分享
DAY 25

Day.25 「從 事件綁定 與 定時器 認識回調函式!」 —— JavaScript 定時器 & Callback

我們前面已經瞭解了事件綁定與事件冒泡了,但是使用 物件元素.綁定事件 有不方便的地方 只能同時為一個元素的一個事件綁定一個響應函式 不能綁定多個,如果綁定...

2021-10-04 ‧ 由 Mao 分享
DAY 26

Day.26 「閉包要謹慎使用!」 —— JavaScript 閉包(Closure)

我們前面已經認識了函式作用域,也瞭解了回調函式,但有時候會產生意想不到的事情,造成內存問題,其中一個是閉包 認識閉包 閉包是如何產生的? 閉包通常出現在巢狀函...

2021-10-05 ‧ 由 Mao 分享
DAY 27

Day.27 「var 成為時代的眼淚!」 —— ES6 區塊作用域 與 提升

之前已經介紹了 var 與函式作用域,今天來更仔細的介紹 ES6 新增的 let 、 const以及與它們相關的區塊作用域 區塊作用域 與函式作用域有點像,一...

2021-10-06 ‧ 由 Mao 分享
DAY 28

Day.28 「Promise 初體驗~」 —— ES6 Promise

我們前面已經學習了回調函式(Callback Function)與構造函式(Constrcutor),而 Promise 是 ES6 新增用來解決非同步回調地...

2021-10-07 ‧ 由 Mao 分享
DAY 29

Day.29 「Class 語法糖~」 —— ES6 Class 構造函式

ES6 新增了更接近傳統語言寫法的 Class 這個概念,基本上可以當作是一個語法糖,絕大部分的功能在 ES5 都可以做到,但 Class 可以讓構造函式的寫...

2021-10-08 ‧ 由 Mao 分享
DAY 30

Day.30 「什麼!? Promise 的語法糖?」 —— ES8 Async & Await

ES8 新增了 async 與 await 兩個語法,這兩個語法也是為了更方便解決非同步的語法,可以說是 Promise then 的語法糖。 async a...

2021-10-09 ‧ 由 Mao 分享