鐵人檔案
利用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
變數常見的資料型別 1.數值(number) 2.字串(String) 必須用 單引號 或 雙引號 3.布林(Boolean) 但如何撰寫這些變數呢??...
function介紹 什麼是function?? 為什麼我們一定需要function呢?? 這裡我們舉一個例子 當我們每次要計算 蛋糕與可樂數量的總價錢時 便...
為什麼我們需要陣列呢?? 想必你一定很疑惑 那麼接下來請繼續往下看囉!! 我們舉一個簡單的例子 陣列寫法 我們可以用一個 中括號 來呈現 1. 那假如要讀...
比較運算子 究竟什麼是比較運算子?? 有那些比較運算子呢?? 這裡我們先介紹兩種比較運算子 (== 與 !=) 我們舉一個簡單的例子 會發現 myAge與Ja...
今天我們要來介紹 if 與 switch啦 真開心 首先 我們看一個簡單的範例 if(條件) //若括號裡的條件(判斷式)成立 則會執行大括號裡面的程式 也就...
今天我們來到了迴圈章節 這裡我們會拆成2部分 分別為 迴圈基礎介紹 與 JSON格式介紹並利用迴圈抓取資料 那我們就開始啦~~~ 了解迴圈之前我們必須了解 為什...
今天要來介紹 什麼是JSON 我們先看看MDN的介紹!! 再來看看 政府opendata所提供的JSON 參考來源 : https://cloud.cult...
今天要來介紹 DOM究竟是什麼?? 與如何操作DOM 讓我們先看看MDN對DOM的介紹 簡單來說 DOM 是一個將 HTML文件以樹狀的結構來呈現的模型 而組...
今天要來介紹DOM的各種寫法 我們先複習一下昨天介紹的getElementById CodePen: https://codepen.io/wemyferb/...
今天我們要來介紹 使用JavaScript來操控HTML的方法(2種) innerHTML 方法: 組完字串後，傳進語法進行渲染 優點: 效能快 缺點: 有資...
