Intisari bahan-bahan segar dari dunia front-end untuk minggu terakhir No. 379 (2 - 8 September 2019)

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

Media | Pengembangan Web | CSS | Javascript | Peramban | Berita

---

Media

• CSSSR Podcast: Berita 512 - Chrome 77, Django 3.0, Lebih Banyak tentang Tindakan Github, CSS Grid Gantt dan Presentasi Apple
• Podcast "Frontend Youth (18+)": # 106 Senior tahu harga govnokode
• Frontend Weekend podcast # 97 : Vsevolod Rodionov tentang cara membangun karier pengembangan alih-alih karier seorang pelaut
• Podcast "Devshahta / Night Front End" # 94 : Pavel Malyshev membela dan mempromosikan Svelte

Pengembangan web

• Accordion, faq, spoiler, dan widget drop-down lainnya
• Jenis baru penanda mikro untuk cuplikan interaktif lanjutan
• Arsitektur Frontend: Lingkaran Tengah
• Apple baru saja meluncurkan komponen web pada produksi, dan Anda mungkin melewatkannya

• Alat-alatnya
  • Tema khusus di Chrome DevTools
  • Apa yang Baru di DevTools (Chrome 78)
  • TypeScript Debugging di Firefox DevTools
  • Webpack Boilerplate - Webpack 4 boilerplate minimum dengan Sass, ESLint, Hot Module Replacement dan pengembangan / optimalisasi produksi
  • 5 Tips untuk Firefox DevTools - Inspektur Penyimpanan
  • Chrome 77 - Apa yang Baru di DevTools
  • "Alat Globalisasi - Keadaan Web." Video baru di saluran pengembang google dengan Andrei Sitnik sebagai tamu
  

• Ketersediaan
  • Komponen inklusif: sakelar tema
  • Jadi Anda dituntut karena tidak tersedianya
  

• Performa
  • Fitur Google PageSpeed: peningkatan peringkat situs dan peringkat pencarian
  • Daftar Periksa Audit Kinerja Web
  • Performa Web: Meminimalkan DOM Reflow / Layout Thrashing
  • Mengapa saya melakukan preload font, bahkan jika tidak perlu
  

• Efek
  • Cara mengubah warna gambar produk secara dinamis menggunakan CSS Blend Mode dan SVG
  • Configurator untuk membuat efek distorsi khusus pada WebGL
  • Pemilihan kreatif Inspirational Websites Roundup # 8
  • Cara membuat Webcam Audio Visualizer menggunakan Three.js
  

CSS

• Semua yang Perlu Anda Ketahui Tentang CSS Margin
• Alat untuk membandingkan kerangka kerja CSS
• Pangkas dan kehilangan data visual dalam CSS
• Memahami Kekhususan CSS
• Menggunakan PostCSS untuk Mengotomatiskan Alur Kerja Anda
• Berbagai metode untuk memperluas persegi panjang sambil mempertahankan batas-jari-jari
• Retas CSS favorit saya
• Variabel CSS untuk IE11: Real Polyfill untuk Properti Kustom di IE11
• Apa yang dilakukan pengembang CSS dan mengapa mereka dibutuhkan?

Javascript

• Animasi tautan di bilah peramban menggunakan JavaScript dan emoji
• 5 Perintah Pengembang TypeScript
• Cara mengoptimalkan aplikasi JavaScript Anda dengan layanan pekerja
• Haruskah situs bekerja tanpa JavaScript?
• Obfuscator JavaScript Buatan Rumah Sederhana
• Bagaimana JavaScript Bekerja

• Teori
  • Penggunaan DOM secara profesional
  • Bagaimana cara memotong garis dalam JavaScript (ES2019)
  • Cara mempercepat pernyataan spread dalam JavaScript
  • Asynchronous JavaScript: Pengantar Janji-janji JavaScript
  • 8 Kebiasaan untuk Dihindari Saat Berkembang dalam Javascript
  • JavaScript Iterators dan Generator: Asynchronous Iterators
  

• Bereaksi
  • 14 Tips untuk Menulis Kode Reaksi Bersih: Bagian 1 , Bagian 2
  • Pengujian Berbasis Model dalam Bereaksi dengan State Automata
  • Mengapa React melakukan ini?
  • Dokumentasi dan pratinjau komponen ReactJS dengan JSDoc
  • Menambahkan bilah kemajuan dan pemberitahuan ke aplikasi Bereaksi Anda
  • Bermigrasi dari JavaScript ke TypeScript di proyek Bereaksi nyata
  • Bereaksi Microfrontends dan Monorepos: kombinasi sempurna
  • Semua laporan dengan React Rally 2019
  

• Vue
  • Mengirimkan data ke Vue.js - bagaimana cara kerjanya?
  • Kait di Vue.js versi 3.0
  • Komponen fungsional Vue.js: apa, mengapa dan kapan?
  • Pengalaman menggunakan Vue.js di "Edil": cara menggunakan dan mengapa tidak memilih Bereaksi
  • Cara bekerja dengan DOM di Vue
  • Pemuatan Malas komponen Vue dan prefetching individu
  • Marker SVG dinamis untuk Google Maps di Vue.js
  • Cara menggunakan variabel lingkungan di Vue.js
  • Cara menggunakan Google Maps dalam aplikasi di Vue.js
  • Vue PWA: Contoh Aplikasi Web Progresif dengan Nuxt
  

• Sudut
  • Panduan Pemula GraphQL dengan Angular dan Apollo
  • Tip Injeksi Ketergantungan Sudut
  • Cara menggunakan pembangun formulir di Angular 8 untuk memvalidasi formulir reaktif
  • Berbagi komponen dengan Angular dan Bit
  

• Ember
  • Konkurensi Ember
  • Commit Porto '19: Kemakmuran melalui Siklus Periklanan: A History of Ember.js (Ricardo Mendes)
  

• Libs & plugins
  • Kisah tentang bagaimana perpustakaan JavaScript populer mulai menampilkan iklan di terminal
  • hashids.js - Pustaka JS kecil untuk menghasilkan pengidentifikasi seperti YouTube dari angka.
  • O-GL - Kerangka Kerja WebGL Minimalis
  • ruangwaktu: utilitas untuk bekerja dengan zona waktu
  • Buat avatar langsung (seperti Animoji) menggunakan face-api.js
  

Browser

• Firefox 69 rilis
• Pembaruan Firefox akan mengurangi konsumsi daya perangkat macOS hingga tiga kali lipat
• Mozilla memastikan bahwa pembaruan ke WebExtensions API tidak akan merusak pemblokir di Firefox
• Mozilla mulai memblokir cookie untuk melacak aktivitas pengguna di Firefox
• Peramban Yandex Baru dirilis: musik, notifikasi, pencarian halaman
• Kampanye iklan menawarkan alternatif cookie di tengah larangan Mozilla pada pelacakan pengguna

Menghibur

• Deepfake: bagaimana jaringan saraf melucuti selebriti dan membuat kita gila - dan betapa berbahayanya itu
• Faktor peringkat Google 2019 - sebuah studi oleh Rand Fishkin
• Jenis pembelajaran mesin
• Singkatnya tentang font. Bagian satu
• Google telah membuka kode perpustakaan untuk pemrosesan data rahasia
• Apple mengkritik laporan kerentanan iPhone Google dan menuduh perusahaan tersebut menciptakan ilusi ancaman massal
• Mengapa tidak menulis komentar dalam kode?
A.

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 .