iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Modern Web

前端藏寶圖 系列

每日勤懇挖寶的過程紀錄,預計走訪的礦區如下:
*JavaScript基礎區
*DOM/BOM 瀏覽器區
*網路世界區
*非同步區

鐵人鍊成 | 共 30 篇文章 | 11 人訂閱 訂閱系列文 RSS系列文 團隊好想工作室V5.0
DAY 11

修改 DOM 元素樣式

在網頁的互動效果中,常常是當使用者符合了某個條件時,畫面上的元素產生令人驚喜的變化,這些變化可簡單可複雜,小至只有顏色的改變,大至元素形狀或位置的改變,目前學習...

2021-09-26 ‧ 由 Chiahsuan 分享
DAY 12

老大哥在看著你 - 事件與事件監聽

在JS的世界裡到處是物件,在瀏覽器的世界裡到處是事件。 事件驅動 根據JavaScript大全,客戶端JavaScript程式是使用非同步的事件驅動程式設計模型...

2021-09-27 ‧ 由 Chiahsuan 分享
DAY 13

事件迴力鏢 - 捕獲與冒泡

傳遞機制聽起來非常沒有畫面感,於是擅自替傳遞機制取了綽號叫迴力鏢,如同迴力鏢有去程,回程以及獵捕到獵物的瞬間。事件傳遞機制也分成類似的三個階段: captu...

2021-09-28 ‧ 由 Chiahsuan 分享
DAY 14

初探 超文本傳輸協定 HTTP

圖片來源:MDN HTTP是網路世界資訊交換的基礎,這項發明一開始是為了提供發布和接收HTML頁面的方法,請求的資源會用URL來表示。 在網路的世界裡擁有資源的...

2021-09-29 ‧ 由 Chiahsuan 分享
DAY 15

網頁儲存區 - localStorage & sessionStorage

網頁可以儲存使用者偏好,可以在關掉網頁後重新訪問時紀錄使用者上次瀏覽的狀態,能做到這些神奇的事是因為瀏覽器中有一個不為人知(可能只有我不知道)的儲存區域(Web...

2021-09-30 ‧ 由 Chiahsuan 分享
DAY 16

同步與非同步

剛開始學習JavaScript的時候,很單純的認為所有程式碼是逐行執行的,就像看書不都是ㄧ行一行閱讀嗎?直到踩到callback function 的地雷才意識...

2021-10-01 ‧ 由 Chiahsuan 分享
DAY 17

Promise

前言 不知道大家學習英語的時候有沒有過明明語法規則都記清楚了,卻還是不清楚實際如何運用的經驗,或是只能死記文法書上的句子,遇到變化的情形就不知所措(怎麼好像是要...

2021-10-02 ‧ 由 Chiahsuan 分享
DAY 18

Promise 方法

今天繼續認識四種 Promise 可以使用的方法,基礎的用法可以先參考昨天的文章 Promise.all() Promise.allSettled()...

2021-10-03 ‧ 由 Chiahsuan 分享
DAY 19

初探 AJAX 與 Fetch API

前言 根據維基百科,20世紀的90年代,伺服器處理每一個瀏覽器請求都要重新載入頁面,換句話說,每當網頁上有任何元素更動的時候,頁面都會消失,直到瀏覽器回應後,再...

2021-10-04 ‧ 由 Chiahsuan 分享
DAY 20

async/await 連體嬰

前言 非同步概念的最後一小塊拼圖,要來學習怎麼使用 async/awaitasync/await 是 ECMAScript 2017 引入的語法糖,對於遇到非同...

2021-10-05 ‧ 由 Chiahsuan 分享