Frontend Weekly Digest #309 (1–7 พฤษภาคม 2023)

May 08 2023

การพัฒนาเว็บ • Web Components 2023 Spring Update • ทีละขั้นตอน: การฝัง PDF ในหน้า HTML • ฉันต้องการพูดคุยเกี่ยวกับ WebGPU • การใช้ส่วนขยาย Web Vitals เพื่อแก้ปัญหา Core Web Vitals • การสร้างตัวกรองสำหรับเว็บไซต์ของคุณ • การใช้แอตทริบิวต์ข้อมูลแทน คลาส CSS • :root ไม่ใช่ global ดังนั้น ถ้า :root ไม่ใช่ global แล้วคืออะไร? • อย่าใช้แถบเลื่อน CSS ที่กำหนดเอง • การใช้ CSS สำหรับเบราว์เซอร์รุ่นเก่า • การทดสอบคุณลักษณะที่รองรับ CSS สมัยใหม่ • คำแนะนำในการซ่อนองค์ประกอบใน CSS • ขนาดตัวอักษรแบบไดนามิกโดยใช้ CSS3 JavaScript เท่านั้น • Nx 16 มาแล้ว! • Mastering TypeScript: 20 Best Practices for Improved Code Quality • เรียนรู้ JavaScript ด้วยจินตนาการ • ตรวจหาว่าเหตุการณ์ถูกเรียกโดยผู้ใช้หรือโดย JavaScript • คู่มือปฏิบัติเพื่อไม่บล็อก Event Loop

การพัฒนาเว็บไซต์

• Web Components 2023 Spring Update
• ทีละขั้นตอน: การฝัง PDF ในหน้า HTML
• ฉันต้องการพูดคุยเกี่ยวกับ WebGPU
• การใช้ส่วนขยาย Web Vitals เพื่อแก้ปัญหา Core Web Vitals

ประสิทธิภาพ
• เพิ่มประสิทธิภาพเว็บด้วยเทคนิคขั้นสูง
• CDN: เร่งประสิทธิภาพด้วยการลดเวลาแฝง
ภาพเคลื่อนไหว
• ทำให้องค์ประกอบเคลื่อนไหวในการเลื่อนด้วยภาพเคลื่อนไหวแบบเลื่อน
• สร้างภาพเคลื่อนไหวที่รอแบบ async ด้วย Shifty
• แนวคิดสำหรับกริดเป็นสไลด์โชว์ สลับภาพเคลื่อนไหว

• การสร้างตัวกรองสำหรับเว็บไซต์ของคุณ
• การใช้แอตทริบิวต์ข้อมูลแทนคลาส CSS
• :root ไม่เป็นส่วนกลางดังนั้นหาก :root ไม่เป็นส่วนกลาง หมายความว่าอย่างไร
• อย่าใช้แถบเลื่อน CSS แบบกำหนดเอง
• การใช้ CSS สำหรับเบราว์เซอร์รุ่นเก่า
• การทดสอบคุณลักษณะที่รองรับ CSS สมัยใหม่
• คำแนะนำในการซ่อนองค์ประกอบใน CSS
• ขนาดตัวอักษรแบบไดนามิกโดยใช้ CSS3 เท่านั้น

จาวาสคริปต์

• Nx 16 มาแล้ว!
• Mastering TypeScript: 20 Best Practices for Improved Code Quality
• เรียนรู้ JavaScript ด้วยจินตนาการ
• ตรวจหาว่าเหตุการณ์ถูกเรียกโดยผู้ใช้หรือโดย JavaScript
• คู่มือปฏิบัติเพื่อไม่บล็อก Event Loop