Frontend Weekly Digest #309 (1–7 Mei 2023)

May 08 2023
Pengembangan web • Pembaruan Musim Semi 2023 Komponen Web • Langkah demi langkah: menyematkan PDF di halaman HTML • Saya ingin berbicara tentang WebGPU • Menggunakan ekstensi Web Vitals untuk men-debug masalah Core Web Vitals • Membuat filter untuk situs Anda • Menggunakan atribut data, bukan Kelas CSS • :root bukan globalJadi jika :root bukan global, lalu apa? • Jangan gunakan scrollbar CSS khusus • Menerapkan CSS untuk Peramban Lama • Menguji Dukungan Fitur untuk CSS Modern • Panduan untuk menyembunyikan elemen dalam CSS • Ukuran font dinamis hanya menggunakan CSS3 JavaScript • Nx 16 ada di Sini! • Menguasai TypeScript: 20 Praktik Terbaik untuk Meningkatkan Kualitas Kode • Mempelajari JavaScript Dengan Imajinasi • Mendeteksi jika suatu peristiwa dipicu oleh pengguna atau oleh JavaScript • Panduan Praktis Untuk Tidak Memblokir Loop Peristiwa.

Pengembangan web

Pembaruan Musim Semi Komponen Web 2023
• Langkah demi langkah: menyematkan PDF di halaman HTML
• Saya ingin berbicara tentang WebGPU
• Menggunakan ekstensi Web Vitals untuk men-debug masalah Core Web Vitals

  • Performa
    • Mengoptimalkan Performa Web dengan Teknik Lanjutan
    • CDN: Mempercepat Performa dengan Mengurangi Latensi
  • Animasi
    • Menganimasikan elemen pada gulir dengan animasi yang digerakkan Gulir
    • Membuat animasi async-tunggu-tunggu dengan Shifty
    • Gagasan untuk Kisi ke Rangkai Slide Beralih Animasi

Membuat filter untuk situs web Anda
Menggunakan atribut data alih-alih kelas CSS
• :root bukan globalJadi, jika :root bukan global, lalu apa?
• Jangan gunakan scrollbar CSS kustom
• Menerapkan CSS untuk Browser Lama
• Menguji Dukungan Fitur untuk CSS Modern
• Panduan untuk menyembunyikan elemen dalam CSS
Ukuran font dinamis hanya menggunakan CSS3

JavaScript

• Nx 16 di Sini!
• Menguasai TypeScript: 20 Praktik Terbaik untuk Meningkatkan Kualitas Kode
• Mempelajari JavaScript Dengan Imajinasi
• Mendeteksi jika suatu peristiwa dipicu oleh pengguna atau oleh JavaScript
• Panduan Praktis Agar Tidak Memblokir Loop Peristiwa

  • React
    • Bagaimana Vite Mengubah Proses Pengembangan React Kami — sebuah studi kasus
    • Praktik Terbaik Pola Komposit React untuk Komponen Hierarkis
    • Meningkatkan Manajemen Status dalam React Dengan Pola Desain Mediator
    • Pengantar Portal React
    • Teknik React Penting untuk Pengembangan Top di 2023
    • Pustaka komponen penjadwal React terbaik
    • Cara membangun komponen grid pohon di React
    • useEffect — Hook React Seharusnya Tidak Pernah Dirender
  • Vue
    • Cara membuat komponen modal yang dapat digunakan kembali di VueJS
    • Pustaka ikon terbaik untuk Vue.js
  • Sudut
    • Sudut v16 ada di sini!
    • Angular 16 Baru Menjadi Besar di 2023: Semua yang Perlu Anda Ketahui
    • Dialog HTML murni dan bersudut