iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
自我挑戰組

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 篇文章 | 10 人訂閱 訂閱系列文 RSS系列文
DAY 11

事件基礎介紹 DAY11

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

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

事件基礎介紹(2) DAY12

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

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

事件基礎介紹(3) DAY13

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

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

localStorage 基礎介紹 DAY14

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

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

BOM 基礎介紹 DAY15

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

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

AJAX 基礎介紹(1) DAY16

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

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/x-w...

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

JS ES6 基礎介紹 DAY19

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

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

JS ES6 Template literals 基礎介紹 DAY20

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

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