front_end-demos
โปรแกรมการฝึกอบรมส่วนหน้าใช้เพื่อบันทึกการสาธิตที่สะสมโดยงานส่วนตัวและการศึกษา
| ชื่อ | รหัสต้นฉบับ |
|---|
| KOA+MySQL ใช้เว็บไซต์ส่งจดหมายที่กำหนดเวลา | |
| โครงการ Vue-Todo-Demo | รหัส |
| โครงการ React-Todo-Demo | รหัส |
| ลากและวางกล่องเพื่ออัปโหลดไฟล์ | รหัส |
| ผ้าใบใช้บอร์ดรูปภาพ | รหัส |
| ผ้าใบวาดแผนภูมิวงกลม | รหัส |
| Vue National Day Show-Off Plan H5 Plan Activity (Terminal Mobile) | รหัส |
| การสอนฮีโร่เชิงมุม | รหัส |
| ทดสอบรูปแบบเสียงต่างๆ | |
| แท็กเสียง HTML5 | รหัส |
| แท็กวิดีโอ HTML5 | รหัส |
| โครงสร้างข้อมูล-JS การดำเนินการต้นไม้ไบนารี | รหัส |
| แนวคิดการแก้ปัญหา LeetCode | รหัส |
| โหนดใช้ protobuf | รหัส |
| Vue ใช้ protobuf | รหัส |
| px2rem | รหัส |
โครงการส่วนหน้าเหมาะสมสำหรับผู้เริ่มต้นในการฝึกซ้อมคืออะไร? - ฉันเขียนมันทีละขั้นตอนใส่ซอร์สโค้ดบน GitHub ขอบคุณผู้เขียนโครงการดั้งเดิม การเรียนรู้ JavaScript พื้นเมืองโดย Ferris
บทเรียนที่ 1
- 1. แอตทริบิวต์การควบคุม DIV
- 2. การเปลี่ยนผิวหนังเว็บ
- 3. ฟังก์ชั่นรับพารามิเตอร์และปรากฏขึ้น
- 4. ใช้ลูปเพื่อเปลี่ยนสาม divs เป็นสีแดง
- 5. ย้ายเมาส์เข้า/ออกเพื่อเปลี่ยนสไตล์
- 6. จำกล่องพรอมต์รหัสผ่าน
บทที่ 2
- 1. วิธีการป้อนข้อมูล Baidu
- 2. คลิกที่ div เพื่อแสดง innerhtml
- 3. ค้นหาผลรวมของตัวเลขทั้งหมดในอาร์เรย์
- 4. เอฟเฟกต์เลเยอร์ป๊อปอัพ
- 5. ผ่านพารามิเตอร์ฟังก์ชันและเปลี่ยนค่าของแอตทริบิวต์ DIV ใด ๆ
- 6. รายการรูปภาพ: ย้ายเข้า/ออกเพื่อเปลี่ยนความโปร่งใสของรูปภาพ
- 7. แท็บง่าย
- 8. ปฏิทิน JS ง่ายๆ
- 9. ปุ่มเดี่ยวเพื่อแสดง/ซ่อนเพลย์ลิสต์เพื่อลดขนาดและขยาย
- 10. เอฟเฟกต์กล่องพรอมต์
- 11. เลื่อนเมาส์ไปและปรับเปลี่ยนเส้นทางภาพ
- 12. ช่องทำเครื่องหมาย (ช่องทำเครื่องหมาย) เลือกทั้งหมด/ไม่เลือกทั้งหมด/return เพื่อเลือก
บทที่ 3
- 1. ใช้ typeof เพื่อดูประเภทข้อมูล
- 2. ใช้ parseint เพื่อแยกวิเคราะห์หมายเลขและผลรวม
- 3. ปุ่มสะสมเพิ่ม 1 ด้วยตัวเอง
- 4. ป้อนสองตัวเลขเพื่อเปรียบเทียบขนาด
- 5. หลังจากโหลดหน้าแล้วเพิ่ม 1 ด้วยตัวเอง
- 6. ตรวจสอบว่าตัวเลขเป็นตัวเลขสองหลัก
- 7. เครื่องคำนวณเว็บ
- 8. เว็บนาฬิกาง่ายๆ
- 9. นับถอยหลัง (100 วินาที)
บทที่ 4
- 1. แอปพลิเคชัน Settimeout
- 2. เล่นเอฟเฟกต์สไลด์โดยอัตโนมัติ
- 3. เปลี่ยนทิศทางโดยอัตโนมัติและสไลด์เอฟเฟกต์
- 4. แอปพลิเคชันหนึ่งเพื่อค้นหาพารามิเตอร์ฟังก์ชันทั้งหมด
- 5. ฟังก์ชั่นฟังก์ชัน CSS ตั้งค่า/อ่านคุณสมบัติของวัตถุ
- 6. กล่องอินพุตปัจจุบันถูกเน้น