【學習筆記】 表單 | React

此篇文章為看過 Scrimba 線上課程 (The Frontend Developer Career Path) 之教學影片後的筆記整理,內容與例子大多出自該教學影片。


Controlled Component

React 創建表單的方式有兩種:Controlled Component 以及 Uncontrolled Component。前者的表單的資料是被 React component 所處理;後者表單的資料則由 DOM 本身處理。多數情況下建議使用 controlled component.

Read more

【實作記錄】Pacman Game | Vanilla JS

Live Demo
Github
CodePen

Pacman Game

簡介

這是一款使用 JavaScript 製作的小精靈遊戲。玩家將所有點點吃完便會獲勝、被精靈吃掉遊戲便結束。點點分數為 1 分、大點點 (power pallet) 為 10 分、吃掉害怕狀態的精靈增加 100 分。其中也添加了音效,默認為關閉,可點擊右上的 “volume icon” 打開。

Read more

【實作記錄】Snake Game | Vaniila JS

Live Demo
Github
CodePen

Snake Game Demo

簡介

這是一款復古風的貪吃蛇遊戲。點擊開始 ᐅ ,蛇便會開始往前移動,通過鍵盤上下左右鍵操控蛇的方向。蛇往前的邏輯是碰到果實,碰到的格子會移除、蛇的最後會增加一格。果實和障礙物則隨機產生。在碰到障礙物、墻壁以及自己的身體時,遊戲便會結束,同時顯示蛇身長度以及分數。點擊 restart 可以重啟遊戲。

Read more