iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
自我挑戰組

Be friend with JavaScript 系列

今年 3 月開始接觸程式語言,開始學習框架後深深體會打好基礎的重要!
想藉由這次鐵人賽重新複習 JavaScript ,這一系列為上完線上課程後整理的筆記,如有錯誤歡迎指正,我會非常感謝你 ><

鐵人鍊成 | 共 39 篇文章 | 12 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day 1 - JavaScript 的變數與基本資料型態

廢話不多說~直接進入正題變數(Variable) 變數就像一個箱子,拿來裝資料,且所有變數都只能出現一次,不可取一樣名字,也不可重複宣告。在程式語言中的 = ,...

2021-09-02 ‧ 由 Wen Ning 分享
DAY 2

Day 2 - Operators

在 JavaScript 裡 Operator(運算子)有很多種,這邊來介紹幾個常用的運算子,包括算術運算子、指派運算子、比較運算子、邏輯運算子...等,還有...

2021-09-03 ‧ 由 Wen Ning 分享
DAY 3

Day 3 - 條件式

條件式就是小學常寫的造樣造句:如果...就(否則)...的概念。這邊會介紹幾種常用的條件式語句 if、三元運算子和 switch。 If statement...

2021-09-04 ‧ 由 Wen Ning 分享
DAY 4

Day 4 - Array

當需要把資料放在一起時,就會需要 Array (陣列)。 小提醒:陣列不是原始資料型別之一。 當有很多資料的時候,我們不太可能一一命名變數並給它值,例如:...

2021-09-05 ‧ 由 Wen Ning 分享
DAY 5

Day 5 - Object & Function

函式(Function) function 是物件的一種,查看 function 的資料型態時結果會顯示 object。定義一個函式包含三個部份,依次為: 函...

2021-09-06 ‧ 由 Wen Ning 分享
DAY 6

Day 6 - Loop

迴圈提供一個快速又簡潔的方法來重複地做某件事,有了迴圈,在取得資料時就方便許多。 for loop 當知道迴圈要執行幾次時使用for 迴圈可以用來執行一段程式碼...

2021-09-07 ‧ 由 Wen Ning 分享
DAY 7

Day 7 - DOM - Window Object

之前介紹的只是 JavaScript 的基本語法,今天要來介紹 DOM(Document Object Model),它可以操作所有的 HTML tag,讓網頁...

2021-09-08 ‧ 由 Wen Ning 分享
DAY 8

Day 8 - DOM - Element Object

Element Object 所有的 HTML Elements 都繼承了 Element Object 的 properties 和 methods,且有些...

2021-09-09 ‧ 由 Wen Ning 分享
DAY 9

Day 9 - Event

Event 表示在 DOM 物件上所發生的事件,例如 click 點擊滑鼠 dblclick 滑鼠連點兩下 keydown 按下鍵盤時 load 網頁或圖片完...

2021-09-10 ‧ 由 Wen Ning 分享
DAY 10

Day 10 - Web Storage API

LocalStorage 用來儲存網頁裡要用來呈現在畫面上的數據資訊 可存取時間:刷新或重開頁面時都不會消失,除非被手動清除,否則會永遠保存可存取大小:5MB...

2021-09-11 ‧ 由 Wen Ning 分享