iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
Modern Web

Web互動式網頁 系列

這是一篇有關Web互動式網頁的新手入門指南以及我在Web互動式網頁的學習心得。

鐵人鍊成 | 共 30 篇文章 | 3 人訂閱 訂閱系列文 RSS系列文 團隊NUTC_IMAC_EFL
DAY 21

DAY21 JavaScript數組(Array)與物件(Object)

JS中數組(Array)與物件(Object)是用於存儲和操作數據。來探討數組和物件的基本概念和操作方法吧! JS數組(Array) 一種有序的數據集合,每個數...

2023-10-02 ‧ 由 louxin17 分享
DAY 22

DAY22 JavaScript事件處理

當我們在網頁上進行互動時,我們可以透過JS來捕捉和處理各種用戶操作,例如滑鼠點擊、按鍵按下、表單提交等等。 什麼是事件? 事件是網頁上發生的各種動作,例如用戶的...

2023-10-03 ‧ 由 louxin17 分享
DAY 23

DAY23 JavaScript & DOM操作

DOM是什麼? 用於表示和操作HTML和XML文檔的程式接口。簡單來說就是將網頁文檔視為樹狀結構的方法,其中每個元素都是樹的節點通過JS來訪問和修改。 目的是允...

2023-10-04 ‧ 由 louxin17 分享
DAY 24

DAY24 JavaScript異步編程

允許處理非同步的操作,像是網絡請求、事件處理和計時器,建立更加響應性和效能的網頁應用程序並提高用戶體驗。來介紹異步編程的基本概念、回調函數和Promise吧!...

2023-10-05 ‧ 由 louxin17 分享
DAY 25

DAY25 JavaScript錯誤處理

當使用JS來開發網頁時,不可避免的會有錯誤和異常情況發生。來介紹一下如何處理JS中的錯誤和異常情況確保程式碼能夠掌握在自己手中! 什麼是JavaScript錯誤...

2023-10-06 ‧ 由 louxin17 分享
DAY 26

DAY26 JavaScript 事件委託(Event Delegation)

當網頁上有多個元素需要添加事件監聽器(Event Listeners)常會遇到一個問題: Q: 要為每個元素都添加一個事件監聽器嗎?A: 可能會導致程式碼變得...

2023-10-07 ‧ 由 louxin17 分享
DAY 27

DAY27 JavaScript 本地存儲(LocalStorage & SessionStorage)

JS有兩個方法可以在瀏覽器中保存用戶的數據,以便在不同頁面之間或甚至在瀏覽器會話之間保持數據的一致性。分別是LocalStorage 與 SessionStor...

2023-10-08 ‧ 由 louxin17 分享
DAY 28

DAY28 JavaScript網絡請求(Ajax)

什麼是Ajax? Ajax是一種技術,允許JS在不刷新整個頁面的情況下向伺服器發送和接收數據。全名是"Asynchronous JavaScript...

2023-10-09 ‧ 由 louxin17 分享
DAY 29

DAY29 JavaScript網絡請求(Fetch API)

在Web開發中與伺服器進行數據交換是不可或缺的一部分。Fetch API就是專門用於簡化和改進網絡請求方面的強大工具,來看看吧! 什麼是Fetch API? F...

2023-10-10 ‧ 由 louxin17 分享
DAY 30

DAY30(31?) 鐵人完賽!!! (但哪裡怪怪的??)

還沒發DAY30就鐵人練成了呢!(好耶) 言歸正傳,這次也是順利完賽了,從這三十天學到了許多前端技術,對於學後端的我而言是新的知識地帶,也是對前端技術感興趣而訂...

2023-10-11 ‧ 由 louxin17 分享