iT邦幫忙

鐵人檔案

第 12 屆 iT 邦幫忙鐵人賽
回列表
自我挑戰組

JavaScript基礎30天 系列

利用30天來紀錄JavaScript的基礎觀念
包括
1. 變數
2. 函式
3. 陣列 與 物件
4. 運算子 if switch
5. 迴圈
6. DOM
7. event(事件)
8. localStorage 瀏覽器資料儲存
9. 瀏覽器功能探索 (BOM)
10. AJAX
11. JavaScript ES6入門(let const)
12. JavaScript ES6 字串篇
13 利用上述 做一個 TodoList


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

事件基礎介紹 DAY11

今天我們要來介紹 event(事件) 那為什麼我們需要事件呢??? 原因很簡單 舉一個簡單例子 我們在網頁往下滑的時候 有可能觸發動畫 這就是一個事件 那事件有...

2020-09-26 ‧ 由 皮傑先生 分享
DAY 12

事件基礎介紹(2) DAY12

在介紹監聽(addEventListener)的時候 我們並沒有介紹第3個參數它的用途與涵義 所以今天一開始我們要來介紹 Event Bubbling、Even...

2020-09-27 ‧ 由 皮傑先生 分享
DAY 13

事件基礎介紹(3) DAY13

今天要來介紹事件的最後一部分了 首先要來介紹 離開焦點時進行事件觸發 (blur) CodePen : https://codepen.io/wemyferb...

2020-09-28 ‧ 由 皮傑先生 分享
DAY 14

localStorage 基礎介紹 DAY14

今天在我們介紹 localStorage 之前 必須先了解 它是什麼東西?? 簡單來說 它就是 瀏覽器的資料庫 舉一個例子 當我們再逛線上書店時 書店官網有可能...

2020-09-29 ‧ 由 皮傑先生 分享
DAY 15

BOM 基礎介紹 DAY15

今天要來介紹 BOM 啦!! 當然 我們必須先了解它是什麼東西 BOM (Browser Object Model) 瀏覽器提供的物件 讓你可以透過 JavaS...

2020-09-30 ‧ 由 皮傑先生 分享
DAY 16

AJAX 基礎介紹(1) DAY16

我們會將 AJAX 分為3個部分來說明 首先 我們必須了解什麼是 AJAX ?? 它解決了什麼問題?? AJAX (Asynchronous JavaScri...

2020-10-01 ‧ 由 皮傑先生 分享
DAY 17

AJAX 基礎介紹 (2) DAY17

今天我們要來介紹 CORS 什麼是 Cross-Origin Resource Sharing (CORS)?? 簡單來說 CORS 就是 是否可以跨網域撈取資...

2020-10-02 ‧ 由 皮傑先生 分享
DAY 18

AJAX 基礎介紹(3) DAY18

前一篇還記得 我們的格式,是利用傳統表單的格式嗎?? 也就是 xhr.setRequestHeader('Content-type','application/...

2020-10-03 ‧ 由 皮傑先生 分享
DAY 19

JS ES6 基礎介紹 DAY19

今天要來介紹 JS ES6 的 let 與 const 由於我們再撰寫程式碼的時候 要避免汙染全域變數 這裡先舉一個例子 CodePen 若在console裡面...

2020-10-04 ‧ 由 皮傑先生 分享
DAY 20

JS ES6 Template literals 基礎介紹 DAY20

今天我們要來介紹的是 JS ES6 字串的寫法 在前面我們有提到組字串的方式(innerHTML) 我們先來複習一下 CodePen: https://cod...

2020-10-05 ‧ 由 皮傑先生 分享