iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
自我挑戰組

菜鳥前端修練之旅 系列

學習過程中常常會看到許多似懂非懂的概念及知識點,這些東西往往都是稍微看過一下,大概有個印象而已,實際被問到或是要實作時都做不太出來。

為了加強自己的印象、搞懂這些觀念,所以報名了這次的 iThome 鐵人賽。

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

Day 01 | 前言

開賽啦!「菜鳥前端修練之旅」的系列廢文終於在今天開始了,第一篇廢文來講講為什麼想要參賽、還有之後的主題內容吧! 為什麼想參賽? 學習過程中常常會看到許多似懂非...

2022-09-16 ‧ 由 佐料 分享
DAY 2

Day 02 | File & Blob & baes 64

處理檔案時常會看到標題上的三種檔案類型,這篇來瞭解下這三者。 Blob Blob (Binary Large Object),是一種二進位檔案的資料,音檔、圖...

2022-09-17 ‧ 由 佐料 分享
DAY 3

Day 03 | CDN

CDN 一詞的全名是 Content Delivery Network,中文為「內容傳遞網路」,透過分散式節點,讓使用者能夠存取較近的節點,進而增加網站讀取速...

2022-09-18 ‧ 由 佐料 分享
DAY 4

Day 04 | Promise

promise 是 ES6 新增的語法,主要用來處理非同步行為,promise 也可以直接用中文理解:這個承諾可以被兌現或是拒絕,也就對應到了 resolve...

2022-09-19 ‧ 由 佐料 分享
DAY 5

Day 05 | 同源政策(Same Origin Policy)

前端在串接 API 時很常會看到同源政策和 CORS 兩個詞,這篇來複習一下這兩個究竟是何物。 同源政策是什麼? 同源政策的全名為 Same Origin P...

2022-09-20 ‧ 由 佐料 分享
DAY 6

Day 06 | 加強 SCSS

雖然一直以來都有在用 SCSS,但都只用到簡單的 mixin 或是變數,其他的 map、function 之類的都完全沒在使用,直到最近才開始接觸它們,這篇就...

2022-09-21 ‧ 由 佐料 分享
DAY 7

Day 07 | 事件冒泡與捕獲

JS 中的事件冒泡 & 捕獲是前端必須要了解的重要原理,不然會發生 怎麼點了一個元素其他事件跟著一起噴出來 的奇怪問題。 事件機制 以下面的 HTML...

2022-09-22 ‧ 由 佐料 分享
DAY 8

Day 08 | 傳值與傳址

JavaScript 中,值的傳遞行為分成兩種:「傳值與傳址」,決定這兩種傳遞方式的就是「型別」。 基本型別用傳值、物件型別用傳址。 傳值 | Pass...

2022-09-23 ‧ 由 佐料 分享
DAY 9

Day 09 | Cookie、LocalStorage 與 SessionStorage

這篇來學習將資料存在前端(瀏覽器)的幾個方法,以及標題中三者的差異。 Cookie Cookie 是瀏覽器存資料的地方,也是一個小型的文字檔,大小限制在 4K...

2022-09-24 ‧ 由 佐料 分享
DAY 10

Day 10 | Truthy & Falsy

這篇了解一下,標題中的 truthy & falsy 。 Falsy MDN 上,對於 Falsy 的解釋為: A falsy (sometimes...

2022-09-25 ‧ 由 佐料 分享