iT邦幫忙

鐵人檔案

2025 iThome 鐵人賽
回列表
Modern Web

30天一起搞懂Web觀念 系列

這三十天我將從大家熟知的HTML、CCS、JS開始談起,再深入HTTP、資安、優化等,主要是想要藉此補齊我對Web的知識,讓之後面試也可以比較順利!

參賽天數 29 天 | 共 29 篇文章 | 6 人訂閱 訂閱系列文 RSS系列文
DAY 1

[DAY1] HTML 是什麼?為什麼是這樣設計?

前言 哈囉~我是Joanne,目前是大四,也是我第一次參加鐵人競賽。我學網頁一段時間了,雖然沒有很厲害,但也開發過大大小小的網頁專案(前端的比較多),知道什麼時...

2025-08-04 ‧ 由 joanne0119 分享
DAY 2

[DAY2] CSS 是什麼?盒模型、選擇器是什麼?

CSS是什麼 CSS(Cascading Style Sheets 階層式樣式表)用來為HTML或XML添加樣式。CSS 不能單獨運作,它必須配合 HTML 或...

2025-08-05 ‧ 由 joanne0119 分享
DAY 3

[DAY3] JavaScript是什麼?JS 引擎又是什麼?

JavaScript是什麼? JavaScript(簡稱 JS)是一種高階、直譯式、動態型別、基於原型的語言 我們一一來拆解這些名詞: 高階語言(High-...

2025-08-06 ‧ 由 joanne0119 分享
DAY 4

[DAY4] JavaScript原型導向是什麼?

上回我們提到JavaScript的特性,所以就也整理了一篇原型導向 原型導向是什麼? 簡單來說就是沒有class,但仍然有物件導向的特性 (ES6 的 clas...

2025-08-07 ‧ 由 joanne0119 分享
DAY 5

[DAY5] DOM 是什麼?

DOM是什麼? DOM(Document Object Model), 是一種將 HTML / XML 裡面有很多的標籤和內容,把他轉換成一個樹狀的資料結構 大...

2025-08-08 ‧ 由 joanne0119 分享
DAY 6

[DAY6] addEventListener 事件捕獲與冒泡是什麼?

addEventListener 的事件捕獲與冒泡是什麼? 在寫網頁的時候,我們常常會需要監聽使用者的操作來觸發一些行為,而使用者的某個操作(如點擊按鈕、按下鍵...

2025-08-09 ‧ 由 joanne0119 分享
DAY 7

[DAY7] JS 的同步與非同步是什麼?(1)

JS的特點之一,就是他是單執行緒語言,也就是它一次只做一件事 不像多執行緒的 python 那為什麼它還可以同時處理很多事情(像是點擊、API 請求、setTi...

2025-08-10 ‧ 由 joanne0119 分享
DAY 8

[DAY8] JS 的同步與非同步是什麼?(2)

昨天我們提了JS在非同步的執行流程,學了Call Stack、Callback Queue、Event Loop在執行時扮演的角色 接下來我們要更聚焦在這些非同...

2025-08-11 ‧ 由 joanne0119 分享
DAY 9

[DAY9] 網頁是怎麼儲存資料的?(1)

在用一些網站的時候,是不是常有這種經驗: 你辛辛苦苦選好了一堆內容,結果不小心點了返回上一頁,或不小心直接關掉了網頁,當你以為煩躁又要重選的時候,但你重新打開該...

2025-08-12 ‧ 由 joanne0119 分享
DAY 10

[DAY10] 網頁是怎麼儲存資料的?(2)

昨天談完Cookie 🍪 ,今天我們把剩下的儲存機制說完(LocalStorage、SessionStorage、IndexedDB) LocalStorage...

2025-08-13 ‧ 由 joanne0119 分享