iT邦幫忙

鐵人檔案

2025 iThome 鐵人賽
回列表
Modern Web

30天入門Java Script 系列

Java Script作為網頁程式語言的一部分十分重要,是前端工程師必學的語言。我的參賽內容為30天從0開始學習Java Script到熟悉這個語言,為學習其他JS框架提供入門。

參賽天數 21 天 | 共 21 篇文章 | 0 人訂閱 訂閱系列文 RSS系列文
DAY 11

Day11:作用域與閉包

到目前為止,我們一直在宣告變數、寫函式,但有沒有發現:同樣一個變數名稱,在不同地方可能會「互不影響」?這就是作用域:變數在哪裡可用、存活多久。 1. 什麼是作用...

DAY 12

Day12:函式表達式與箭頭函式

前面我們用function定義函式都是長這樣: function greet(name) { console.log(`Hello, ${name}!`);...

DAY 13

Day13:this與 bind / call / apply

在JavaScript裡,this是很多人剛開始學最困惑的地方,因為它不像其他語言固定指向物件JS的this取決於函式被呼叫的方式,讓我們來看看吧 1.this...

DAY 14

Day14:小練習

今天用前面兩週學到的知識練習做一個的待辦清單這個小專案先不用HTML和CSS,專注在JS陣列、物件與函式操作 目標:1.新增一個待辦事項2.列出所有待辦3.標記...

DAY 15

Day15:DOM是什麼?

昨天我們做了一個純 JS 資料邏輯的待辦清單,但畫面還在 console 裡。今天開始,我們要學會「真的操作網頁畫面」,這就是 DOM 的世界。 1.DOM是什...

DAY 16

Day16:操作元素屬性與內容

1.操作文字內容 操作文字內容有兩個方法1.element.textContent設定純文字內容2.element.innerHTML設定HTML元素 範例:...

DAY 17

Day17:事件監聽

甚麼是事件 網頁互動的核心就是事件,使用者點擊按鈕、移動滑鼠、輸入文字,甚至是頁面載入完成,這些都是事件在JavaScript裡,我們可以用addEventLi...

DAY 18

Day18:表單驗證

表單是網站裡最常見的互動方式之一,登入、註冊、搜尋、留言……這些功能幾乎都要用到表單。今天要學習如何用JavaScript處理表單輸入,以及做一些基本的驗證 1...

DAY 19

Day19:計時器-setTimeout與setInterval

今天我們要看一個非常常見的功能--計時器網頁中經常出現幾秒後才跳出提示框、每隔一段時間更新畫面(例如時鐘、廣告輪播)、倒數計時器或是停止某個持續運作的功能 在J...

DAY 20

Day20:本地儲存

1.甚麼是本地儲存 這個功能可以讓你把資料存在使用者的瀏覽器中,就算重新整理頁面或是關掉再打開,資料都還在使用者登入之後一旦重新整理就要再輸入一次帳號密碼或是網...

因為有拖延症所以叫鴿子的收藏
因為有拖延症所以叫鴿子的追蹤
因為有拖延症所以叫鴿子的Like
因為有拖延症所以叫鴿子的紀錄