CSS Diner 介紹CSS Diner 是一個輸入選擇器來破關的小遊戲,前一陣子再學習其他技術,一段時間沒使用 css 語法後,就忘記了許多,推薦大家可以來這邊練習。 這邊會記錄我觀念不熟,或是不知道該如何解決關卡! CSS Diner - Where we feast on CSS Selectors! 2021-05-08 Web #HTML&CSS
[JS30] Day3 - CSS Variable 學習到的知識點 querySelector 與純陣列的差異 dataset 的使用方法 document.documentElement 為網頁的根元素 事件監聽 change 與 mousemove CSS 變數,( 宣告:--名稱:值 ) 2021-05-03 JS 30 #Javascript
[JS30] Day2 - JS + CSS Clock 學習到的知識點 透過 CSS 選擇元素 (querySelector) Date 時間物件 取得日期物件的本地時間 (getHours,getSeconds,getMinutes) 透過 JS 控制 CSS (style.transform) JS 計時器 (setInterval,setTimeout,requestAnimationFrame) 2021-05-01 JS 30 #Javascript
[JS30] Day1 - JS Drum Kit 學習到的知識點 事件監聽 (addEventListener(event,function)) 按鍵事件 (keydown,keyup,keypress) 透過 CSS 選擇元素 (querySelector,querySelectorAll) 音效控制(element.play( ),element.currentTime) 2021-04-24 JS 30 #Javascript
keydown, keypress, keyup的差異 鍵盤的操作網頁中鍵盤的操作分為三種,keydown,keypress,keyup。 可以在此網站查詢鍵值。 2021-04-23 frontend #javascript
HTML 5 中的資料屬性(data-* attribute) data-* attribute 這個東西很常出現,但卻常常搞不清楚他到底是什麼? 解釋屬性 2021-04-22 Javascript #Javascript
學習 Fetch API 認識 XHRXMLHttpRequest(XHR)是 Javascript 較古老的 API,取得伺服器資料,卻不需要頁面重整(reload)。 2021-03-23 Javascript #Javascript