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

May 08 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 Web Vitals để gỡ lỗi các vấn đề Core Web Vitals • Tạo bộ lọc cho trang web của bạn • Sử dụng 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 thành phần trong CSS • Kích thước phông chữ động chỉ sử dụng CSS3 JavaScript • Nx 16 đã có mặt! • Nắm vững 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.

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