iT邦幫忙

鐵人檔案

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

JavaScript學習日誌 系列

一位網頁視覺設計師準備逼著自己,利用這30天紀錄學習JavaScript的過程。

鐵人鍊成 | 共 30 篇文章 | 11 人訂閱 訂閱系列文 RSS系列文
DAY 11

學習日誌11-JSON

JSON格式 JSON(JavaScript Object Notation,JavaScript物件表示法)是一種輕量級的資料交換語言,該語言以易於讓人閱讀的...

2019-09-26 ‧ 由 古德瑞 分享
DAY 12

學習日誌12-DOM

DOM DOM 全名為 Document Object Model 中文翻譯為 文件物件模型,將HTML內的各個標籤,包括文字、圖片等等都定義成物件,全部元素組...

2019-09-27 ‧ 由 古德瑞 分享
DAY 13

學習日誌13-DOM練習1

DOM操作寫法 Html的id屬性可用來辨別DOM,也可使用class。 #id 整個Html一個id 只能對應唯一一個 DOM .class 整個Htm...

2019-09-28 ‧ 由 古德瑞 分享
DAY 14

學習日誌14-DOM練習2

用JavaScript操控Html的方法 1. innerHTML 方法 : 組完字串後,傳進語法進行渲染。 優點 : 清空在上,效能快。 缺點 : 資安危險...

2019-09-29 ‧ 由 古德瑞 分享
DAY 15

學習日誌15-event(事件)1

什麼是事件 網頁能夠回應訪客所有不同的動作稱為 event(事件),事件能夠辨識網頁載入、滑鼠移動、鍵盤按鍵等動作。事件可偵測用戶做了什麼事情,接收訊息後採取相...

2019-09-30 ‧ 由 古德瑞 分享
DAY 16

學習日誌16-event(事件)2

Event Bubbling與Event Capturing差異 addEventListener事件監聽裡寫法有三個參數,分別是選擇事件、帶入function...

2019-10-01 ‧ 由 古德瑞 分享
DAY 17

學習日誌17-event(事件)3

e.target - 了解目前所在元素位置 使用e.target可以確定知道所選擇的元素是否是自己需要的。 //HTML <body> &l...

2019-10-02 ‧ 由 古德瑞 分享
DAY 18

學習日誌18-event(事件)4

keyCode - 點擊鍵盤事件 使用e.keyCode查詢按下哪個按鈕,再用keydown事件來觸發。ex. 做三個圓球,分別按下按鈕1、2、3觸發往上移動:...

2019-10-03 ‧ 由 古德瑞 分享
DAY 19

學習日誌19-event(事件)5

mouse - 滑鼠滑入指定內容事件觸發 滑鼠移動元素觸發事件練習 建一個方塊 <body> <div class="b...

2019-10-04 ‧ 由 古德瑞 分享
DAY 20

學習日誌20-localstorage(瀏覽器資料儲存)1

什麼是localstorage localstorage可以將資料從頁面中的程式碼儲存到Web瀏覽器的儲存空間中,當作資料庫使用。紀錄的資料會一直存在,除非去清...

2019-10-05 ‧ 由 古德瑞 分享