Frontend Weekly Digest #309 (1–7 tháng 5 năm 2023)

Phát triển web
• Bản cập nhật mùa xuân năm 2023 cho Thành phần web
• Từng bước: nhúng tệp PDF vào trang HTML
• Tôi muốn nói về WebGPU
• Sử dụng tiện ích Các chỉ số quan trọng về trang web để gỡ lỗi các vấn đề về Các chỉ số quan trọng về trang web
- Hiệu suất
• Tối ưu hóa hiệu suất web bằng các kỹ thuật nâng cao
• CDN: Tăng tốc hiệu suất bằng cách giảm độ trễ - Hoạt ảnh
• Tạo hoạt ảnh cho các phần tử khi cuộn với hoạt ảnh theo hướng Cuộn
• Tạo hoạt ảnh có thể chờ đợi không đồng bộ với Shifty
• Ý tưởng cho Chuyển lưới sang trình chiếu Chuyển đổi hoạt ảnh
• Tạo bộ lọc cho trang web của bạn
• Sử dụng các thuộc tính dữ liệu thay vì các lớp CSS
• :root không phải là toàn cầu Vậy nếu :root không phải là toàn cầu, thì đó là gì?
• Không sử dụng thanh cuộn CSS tùy chỉnh
• Triển khai CSS cho các trình duyệt cũ hơn
• Hỗ trợ tính năng thử nghiệm cho CSS hiện đại
• Hướng dẫn ẩn các phần tử trong CSS
• Kích thước phông chữ động chỉ sử dụng CSS3
JavaScript
• Nx 16 là đây!
• Làm chủ TypeScript: 20 phương pháp hay nhất để cải thiện chất lượng mã
• Học JavaScript bằng trí tưởng tượng
• Phát hiện xem một sự kiện được kích hoạt bởi người dùng hay bởi JavaScript
• Hướng dẫn thực hành để không chặn vòng lặp sự kiện
- React
• Vite đã biến đổi quy trình phát triển React của chúng tôi như thế nào — một nghiên cứu điển hình
• Các phương pháp hay nhất về mẫu tổng hợp React cho các thành phần phân cấp
• Cải thiện khả năng quản lý trạng thái trong React với mẫu thiết kế Mediator
• Giới thiệu về cổng React
• Các kỹ thuật React cần thiết để phát triển hàng đầu vào năm 2023
• Các thư viện thành phần lập lịch React tốt nhất
• Cách xây dựng thành phần lưới dạng cây trong React
• useEffect — The Hook React Never Should Have Rendered - Vue
• Cách xây dựng thành phần phương thức có thể tái sử dụng trong VueJS
• Thư viện biểu tượng tốt nhất cho Vue.js - Góc
• Góc v16 đã có mặt!
• Angular 16 mới sẽ phát triển mạnh mẽ vào năm 2023: Mọi thứ bạn cần biết
• Hộp thoại HTML góc cạnh và thuần túy