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 21

JS 代辦事項 基礎教學(1) DAY21

今天開始大量的實作啦~~~JS 代辦事項 主要會以 JS 的 localStroage 搭配 ES6 來操作若還不熟 localStroage 的朋友們可以往前...

2020-10-06 ‧ 由 皮傑先生 分享
DAY 22

JS 代辦事項 基礎教學(2) DAY22

今天我們要來介紹如何把資料呈現再畫面上啦~~~我們先看看如何撰寫 function updateList(items){ let str = '';...

2020-10-07 ‧ 由 皮傑先生 分享
DAY 23

JS BMI 基礎介紹(1) DAY23

今天要來計算我們的BMI啦~~~首先這裡提供一個沒有RWD的簡易版型若有需求 可直接於CodePen fork下來就好 版型:https://codepen.i...

2020-10-08 ‧ 由 皮傑先生 分享
DAY 24

JS BMI 基礎介紹(2) DAY24

昨天我們資料都處理差不多啦~~附上昨天寫完的 CodePenCodePen: https://codepen.io/wemyferb/pen/VwjwPEd 現...

2020-10-09 ‧ 由 皮傑先生 分享
DAY 25

JS BMI 基礎介紹(3) DAY25

今天我們要來將 BMI 最後兩個功能完成首先我們來看如何刪除單一筆資料 //DOM //單一筆資料 list.addEventListener('click',...

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

JS AJAX基礎實作(1) DAY26

今天要來介紹串接政府資料啦~~首先這裡提供一個版型(有RWD) CodePen: https://codepen.io/wemyferb/pen/eYzYGBb...

2020-10-11 ‧ 由 皮傑先生 分享
DAY 27

JS AJAX基礎實作(2) DAY27

今天要來介紹下拉選單 change 事件 與 呈現畫面那 change 事件當然伊定是綁在選單上啦~~ let selectMenu = document.qu...

2020-10-12 ‧ 由 皮傑先生 分享
DAY 28

JS AJAX基礎實作(3) DAY28

今天要來做gotop按鈕啦我們先來看一下程式碼 function gotoTop() { if (window.scrollY != 0) {...

2020-10-13 ‧ 由 皮傑先生 分享
DAY 29

JS AJAX基礎實作(4) DAY29

昨天我們已經將 gotop按鈕實做出來但有時候我們不想要它一直出現而是使用者滾輪滑到下面它才會顯示出來但要怎麼做呢??那就開始介紹啦~~ window.addE...

2020-10-14 ‧ 由 皮傑先生 分享
DAY 30

總結 DAY30 耶 成功啦~~

第一次參加鐵人賽非常的開心又緊張啊(害怕自己寫錯哈哈)不過總覺得每日發文會上癮雖然可能沒人會看但重點在於 自己 是否有成長只要有 那就值得啦~~~ 雖然30天說...

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