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 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...

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

JS BMI 基礎介紹(2) DAY24

昨天我們資料都處理差不多啦~~ 附上昨天寫完的 CodePen CodePen: 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/eYzYGB...

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

JS AJAX基礎實作(2) DAY27

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

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...

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

總結 DAY30 耶 成功啦~~

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

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