鐵人檔案
之前一直想嘗試看看 JavaScript30，但在開始前就踏入 React 的世界。
這次決定藉由鐵人賽來用 React 玩 JavaScript30，雖然不知道用框架實作是否很多餘，不過就當作是給自己這 30 天的挑戰，也是個將過程分享出來的機會，就請多多指教惹！
Day11 要做的是客製化的影片播放器 資料設定 const VIDEO_URL = "https://github.com/wesbos/Jav...
Day12 是要來做偵測鍵盤輸入的彩蛋遊戲 資料 const SECRET_CODE: string = "wesbos"; cons...
Day13 要做的是類似視差滾動的圖片效果 資料 const images = [ { src: "https://unsplash.it/400...
Day14 要來學習怎麼複製資料 Q1 基本型別是 call by value ，所以不會更改到原始資料 let age = 100;...
Day15 要撰寫的是待辦清單，並把資料存進瀏覽器的 LocalStorage 資料 const [todos, setTodos] = useState&...
Day16 要來玩的是讓文字產生背景的陰影，並會隨著滑鼠的移動更改方向 資料 const [offset, setOffset] = useState<...
Day17 要做的是幫列表排序，但要忽略開頭的定冠詞 資料 const bands: string[] = [ "The Plot in You&...
Day18 主要是要練習用 Array 的 reduce 方法來做加總的計算 資料 const videosData = [ { id: 1, title:...
Day19 是要操作照相機來拍照，甚至可以加上濾鏡 資料 const videoRef = useRef<HTMLVideoElement>(n...
Day20 要來控制麥克風 資料設定 const SpeechRecognition = (window as any).SpeechRecognition...
