Intisari bahan-bahan segar dari dunia front-end untuk minggu terakhir No. 398 (13-19 Januari 2020)

Kami memberi Anda pilihan dengan tautan ke materi baru dari area depan dan di sekitarnya.

Pengembangan Web | CSS | Javascript | Browser

Pengembangan web

• 32 tips untuk pengembang web yang ingin tumbuh di atas dirinya pada tahun 2020
• Font Pengembang Dirilis JetBrains Mono
• Format tata letak mikro Google baru untuk 2019
• Menavigasi web dengan gamepad
• Mengatasi masalah dengan elemen Bagian
• Artikel abadi untuk pengembang web

• Alat-alatnya
  • Pelajari Pengujian End-to-End dengan Dalang
  • Tiny helpers - Kumpulan alat online gratis untuk pengembang web
  • Menguji situs Anda untuk regresi visual dengan BackstopJS
  • Biarkan alat membuat pilihan
  

• Performa
  • Empat cara non-standar untuk mempercepat pemuatan halaman situs
  • Metrik kinerja "Terbaik"? Mulailah dengan enam ini
  • Mengoptimalkan gambar Anda belum meningkatkan waktu unduhan Anda? Itu sebabnya
  • Kinerja Web: 11 Tip Penting Untuk Mempercepat Situs Anda
  

• Ketersediaan
  • Ketersediaan Versi Digital BBC 2019
  • Kepatuhan Aksesibilitas Web dan hukum UE
  

• Efek
  • Teknik Tata Letak 3D Lipat untuk Elemen HTML
  • Cara melakukan animasi di web menggunakan greensock
  

CSS

• Jadi kapan masih bisa digunakan! Penting?
• Efek klik gaya desain bahan dengan acara pointer dan Properti Kustom CSS
• Apakah layak menginangi Google Font di rumah?
• Desain opsi penataan untuk komponen web
• CSS4 ada di sini!
• Cara menggunakan pemilih pseudo-class: root di CSS
• Menambahkan Pemisah ke Layout CSS-in-JS

Javascript

• JavaScript dan HTML vanilla. Tidak ada kerangka kerja. Tidak ada perpustakaan. Tidak masalah
• Tentang 30x Peningkatan Konkurensi di Node.js
• Bundling dan Kinerja JavaScript: Praktik Terbaik

• Teori
  • Kesalahan umum saat bekerja dengan janji dalam JavaScript yang harus diketahui semua orang (terjemahan)
  • Kode Bersih untuk TypeScript - Bagian 1
  • 15 metode JavaScript untuk bekerja dengan array yang perlu Anda ketahui pada tahun 2020
  • 9 cara untuk bekerja dengan objek dalam JavaScript pada tahun 2020
  • Poin penting saat bekerja dengan array dan objek sebagai bagian dari berinteraksi dengan REST API
  • Chaining Opsional, Penggabungan Null dan bagaimana mereka akan mengubah cara penulisan kode
  

• Bereaksi
  • Frontend Odnoklassniki baru: meluncurkan React in Java. Bagian I
  • Fitur Baru Bereaksi App 3,3
  • Pengantar API Konteks Bereaksi
  • Bereaksi-pegas visualizer
  • Bereaksi dengan TypeScript: Praktik Terbaik
  • Judul halaman yang tersedia dalam satu halaman Bereaksi aplikasi
  • Rilis Next.js 9.2
  • 10 Praktik dalam VSCode untuk Mempercepat Pengembangan Bereaksi
  • Bereaksi tutorial ref: useRef dan createRef
  • Cara membuat React VR apps
  • 10 cara untuk mengoptimalkan kinerja aplikasi Bereaksi Anda
  

• Vue
  • Menggunakan tailwindcss dengan Vue.js
  • Vue + Apollo: Abstraksi Leaky
  • Membuat komponen rekursif di Vue.js
  • Kit Pengembangan Komponen Vue v0.4.0
  • 12 Vue.js Praktik Terbaik untuk Pengembang Profesional
  • Cara menambahkan Input LengkapiOtomatis ke aplikasi Vue.js Anda
  

• Sudut
  • 6 Cara untuk Berhenti Berlangganan dari Observables di Angular
  • Angular: cara mendukung IE11
  • Sudut pada tahun 2020 dan seterusnya
  • Kami menulis strategi kami untuk pengguliran virtual dari Angular CDK
  

• Langsing
  • Bagaimana Anda bisa belajar menggunakan Svelte untuk proyek JS Anda berikutnya
  • Yang perlu Anda ketahui untuk mulai menulis Komponen File Tunggal Langsing
  

Browser

• Di tengah restrukturisasi, 70 karyawan diberhentikan dari Mozilla
• Google bermaksud untuk berhenti mendukung cookie pihak ketiga di Chrome hingga 2022
• Cara memasang ekstensi untuk Google Chrome di Microsoft Edge yang baru
• Chrome, setelah Safari dan Firefox, juga akan mulai memblokir cookie pihak ketiga, tetapi tidak segera
• Microsoft akan mendukung Edge untuk Windows 7 selama setidaknya 18 bulan
• Pengembang Chromium telah mengusulkan untuk menyatukan dan kedaluwarsa tajuk Agen-Pengguna
• Chrome berencana untuk menonaktifkan cookie pihak ketiga di situs selama dua tahun
• Tingkatkan ke Microsoft Edge baru
• Seperti yang kami lakukan gambar-dalam-gambar di Firefox Desktop untuk kontrol lebih besar atas video

Kami mohon maaf atas kesalahan ketik atau tautan yang rusak / terduplikasi. Jika Anda melihat ada masalah - silakan tulis dalam email pribadi, kami mencoba untuk memperbaikinya dengan cepat.

Intisari minggu lalu .
Bahan disiapkan oleh dersmoll dan alekskorovin .