Wordle ในภาษาสเปน
Wordle ไม่ จำกัด แต่เป็นภาษาสเปน! สร้างตั้งแต่ต้นด้วย React และ API พจนานุกรมภาษาสเปน นี่เป็นวิธีที่ยอดเยี่ยมในการเรียนรู้คำศัพท์ใหม่!
สารบัญ
- คุณสมบัติ
- สิ่งที่ฉันได้เรียนรู้
- เทคโนโลยี
- ขอขอบคุณเป็นพิเศษ
คุณสมบัติ
- คำศัพท์ใหม่ทุกรีเฟรช!
- รูปลักษณ์และสีสันของ Wordle แบบคลาสสิก
- แป้นพิมพ์แบบเต็มพร้อมตัวอักษรเน้นเสียง
- ข้อความแจ้งเตือนที่กำหนดเอง
- ภาพเคลื่อนไหวแบบไดนามิกสำหรับการเดาที่ไม่ถูกต้องและถูกต้อง
คุณสมบัติในอนาคต
- ปรับปรุงความเข้ากันได้บนมือถือ
- จัดเก็บข้อมูลผู้เล่นไว้ในที่จัดเก็บในตัวเครื่อง
สิ่งที่ฉันได้เรียนรู้
-
focus() , ref={} และ onKeyDown={} สามารถใช้เพื่อรับอินพุตคีย์บอร์ดจากผู้เล่น -
e.key ตรงไปตรงมามากกว่ารหัสอักขระ -
async และ await สามารถใช้เพื่อรอ Promises ของข้อมูล API เพื่อแก้ไข - คลาสอ้างอิงและ
querySelectorAll() สามารถใช้เพื่อเพิ่มคลาสแอนิเมชั่น CSS -
tabIndex={0} สามารถใช้เพื่ออนุญาตให้องค์ประกอบที่ไม่ใช่อินพุตถูกโฟกัสโดยแป้นพิมพ์ -
map() สามารถใช้สองครั้งสำหรับอาร์เรย์ที่ซ้อนกัน - เปอร์เซ็นต์เฉพาะสามารถใช้ภายใน
@keyframes เพื่อสร้างภาพเคลื่อนไหวที่รีเซ็ตได้
เทคโนโลยี
โครงการถูกสร้างขึ้นด้วย:
- ตอบสนอง
- จาวาสคริปต์ (ES6)
- HTML5
- ซีเอสเอส 3
ขอขอบคุณเป็นพิเศษ
- ขอขอบคุณ Datamuse ที่นำเสนอ API คำภาษาสเปนที่ฟรีและยืดหยุ่น
- ลิงก์ไปยังเอกสารประกอบ API
