標籤：JavaScript 30 天

2019

01.29

這次要來做的點擊圖片後動畫展開的效果了解 flex 裡的空間分配了解 js 的 toggle 與 includes 事件 flex-grow 剩餘空間分配比例 flex-shirk 壓縮比例 flex-basis 預約剩餘空間三個值的縮寫為若是 f

01.18

延續 04Array Cardio Day 的後續，繼續悉其他操作陣列的方法這次作者提供了 people 與 comments 兩組資料做練習練習的題目依序是 people 是否有人滿 19 歲 (some) people 是否全部人滿 19 歲 (eve

01.16

此次主要是練習陣列的一些用法分別有八個例子作者一開始在 html 上提供了三組資料給大家練習 inventors是一組是發明家的列表裡面包含姓、名、出生年份、死亡年份練習的題目依序是篩選出 1500年 1600前出生的人 (filter) 將inv

12.03

這次認識到 input 裡更多的 type 屬性 range 、 color 因為平常不太會用到所以特別去查了一下原來是 html5 裡新增的屬性可參照 HTML5 input type 屬性了解 css 變數利用 js 綁定監聽 input 變動的

12.02

認識 css transform與 transition 調整時鐘指針使用new Date()來讀取當前的時間認識setInterval()計時 transform css 變形 transform-oragin 設定變形軸心 transform:rota

12.01

了解鍵盤監聽事件 keyCode(鍵盤數字代碼) 鍵盤與聲音對應畫面顯示所按到的鍵 (更改樣式) 此次排版主要是以 flex 為主 FLEX 速查小抄 key code 速查 cosnt 是 es6 裡新增的變數宣告可參照 MDN-const es6 語法

11.26

先規劃地鼠出現時間 ( 亂數時間出現 ) 設定地鼠出現位置將出現時間跟地鼠出現位置整合點按鈕控制遊戲開始打地鼠計分!! 上述算法的產生可參考 [[筆記][JavaScript]用 Math.random()取得亂數的技巧](https://ithelp.

分類