iT邦幫忙

鐵人檔案

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

JavaScript 是什麼?可以吃嗎? 系列

JavaScript,當我們在網頁上看到動畫效果、互動功能或即時更新,背後的神秘力量往往是這個程式語言在運作。而這次的自我挑戰,我們將深入探索JavaScript的魔法,從它的起源、它如何運作,到它在現代科技中的無所不在。

話說回來,JavaScript能吃嗎?當然不是真的可以吃,但它確實是現代網頁開發的"美味"要素之一。它如同料理中的香料,能為網頁帶來生動與活潑,讓使用者的瀏覽經驗更上一層樓。透過這次的挑戰,期待自己不只理解JavaScript的基本知識,更能體會到其在網頁開發中的不可或缺之處。

參賽天數 19 天 | 共 20 篇文章 | 5 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day1 - 前言

我對於能再次參加鐵人賽的個人挑戰組感到非常高興。上一次,我差一點就完成了30天的挑戰,深感遺憾 ~ 但今年,我相信一定能順利完成整個30天的賽程。 轉職到新領域...

2023-09-01 ‧ 由 Eric 分享
DAY 2

事件迴圈(Event Loop)- 上集

嗨大家好,我是Eric,今天我想跟大家聊聊在學習 JavaScript 前必須要了解一個水很深的原理,就是 "Event Loop"(事件迴...

2023-09-02 ‧ 由 Eric 分享
DAY 3

事件迴圈(Event Loop)- 下集

嗨大家好,我是Eric,在上集中,我們講了瀏覽器有多個進程和線程,以及渲染主線程(Main Thread in Renderer Process)有多麼的忙碌。...

2023-09-03 ‧ 由 Eric 分享
DAY 4

Day4 - 瀏覽器渲染原理解析

嗨大家好,我是Eric。在之前的「事件迴圈」文章中,我多次提到了一個至關重要的概念,那就是「渲染線程」。這個線程在前端開發中扮演著關鍵角色,特別是在實現與使用者...

2023-09-04 ‧ 由 Eric 分享
DAY 5

Day5 - 函數應用- 併發任務

嗨大家好,我是Eric,假設當我們有大量異步函數(api請求)要同時執行,我們不可能一次請求(網站可能會崩潰XD),所以我們可以限制一次請求的數量(比如10個)...

2023-09-05 ‧ 由 Eric 分享
DAY 6

Day6 - 進度監聽器 XHR

嗨大家好,我是Eric。當談到API請求,我們通常會使用fetch、axios等現代的方法,但有一個我們可能忽略的功能,是由傳統的XHR(XMLHttpRequ...

2023-09-06 ‧ 由 Eric 分享
DAY 7

Day7 - 物件陣列去重

嗨大家好,我是Eric ~ 在前端開發中,我們經常會遇到需要去重(去除重複元素)的場景,特別是當我們處理復雜的數據結構,例如物件陣列時。接下來就來分享如何使用...

2023-09-07 ‧ 由 Eric 分享
DAY 8

Day8 - 移動端頁面寬高自適應

嗨大家好,我是Eric!今天我們要來聊聊CSS中的Viewport,這是一個經常在製作自適應網頁時會遇到的概念。許多人喜歡使用100vh和100vw來設置元素的...

2023-09-08 ‧ 由 Eric 分享
DAY 9

Day9 - 陣列分組

嗨大家好,我是Eric ~ 在程式開發過程中,陣列分組是一個常見但容易被忽視的需求,不論是依照單一屬性,還是更複雜的條件進行分組,一個具有靈活性和可用性的分組函...

2023-09-09 ‧ 由 Eric 分享
DAY 10

Day10 - ES6 Set 實作聯集、交集和差集

嗨大家好,我是Eric ~今天我們來談談一個非常實用的主題:如何用 JavaScript 實作集合的基本操作。集合是數學中的一個基本概念,也在程式設計中扮演著重...

2023-09-10 ‧ 由 Eric 分享