Intisari bahan-bahan segar dari dunia front-end untuk minggu terakhir No. 383 (1 - 6 Oktober 2019)

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

Media | Pengembangan Web | CSS | Javascript | Peramban | Menghibur |

Media

• CSSSR Podcast: Berita 512 - Hacktoberfets, Petunjuk Vue, TypeScript 3.7 Beta, dan PostgreSQL 12
• Devshahta Podcast # 96: Tujuan, Bidang Pribadi, dan Node.js Baru
• Devshahty Podcast # 97: LongestJS, Panel TC39, bengkel HolyJS, dan bengkel ringan
• Frontend Youth (18+) # 110: Menyusun Shavarma
• Repozitorro # 29 - Kesalahan yang sering dilakukan oleh pemula

Pengembangan web

• "Alice, ayo pergi ke frontend!"
• Render teks membenci Anda
• Evolusi Manajemen Konten Web

• Alat-alatnya
  • Cara membuka paket npm dengan penyebaran normal, CI, dan demo (tanpa kehilangan kesenangan dalam hidup)
  • Hal yang Mungkin Tidak Anda Ketahui Tentang Chrome DevTools
  • WebHint di Firefox DevTools: Peningkatan Kompatibilitas, Aksesibilitas, dan Lainnya
  

• Performa
  • Akselerasi instagram.com. Bagian 2
  • Optimalisasi Gambar untuk Web - Panduan Lengkap
  

• Ketersediaan
  • Font yang bagus
  • Komponen inklusif: antarmuka tab
  • Pengguliran dan Peran Tak Berujung = Masalah Aksesibilitas
  • Sara Suidan tentang Aksesibilitas yang Diterapkan: Kiat Praktis untuk Membangun Antarmuka yang Lebih Dapat Diakses (SmashingConf Feiburg 2019)
  

CSS

• Jangan Menyulitkan Scalable CSS
• Reset CSS modern
• Merasa Sassy Lagi. Posting blog Cloudfour tentang bagaimana mereka berpikir untuk kembali ke Sass setelah 4 tahun menggunakan PostCSS
• Buat Layout Scrapbook Menggunakan CSS Grid
• Rancang template editor menggunakan CSS Grid dan Named Columns
• Buat tayangan slide dengan Memotong Gulir CSS
• Mengapa CSS sangat aneh?
• Banyak cara untuk menautkan bentuk dan gambar dengan HTML dan CSS
• Layout yang menarik dengan CSS Grid
• Mencoba mengetahui dukungan CSS di Gmail (mulai 2019)

Javascript

• Buat PWA Menggunakan Vanilla JavaScript
• Jangan gunakan variabel JavaScript tanpa memahami zona mati sementara
• RE: Nyeri dan Air Mata di Svelte 3
• Eksekusi kode JavaScript melalui impor ()

• Rilis
  • TensorFlow 2.0 dirilis dengan API yang dirancang ulang dan peningkatan kinerja
  • TensorFlow 2.0 sekarang tersedia!
  • Preact X - versi baru dari preact dengan Virtuous DOM dan Fragments of Suspense
  • Rilis nuxt v2.10.0
  • Pengumuman TypeScript 3.7 Beta
  • Diperbarui! Node.js 8 tidak didukung sejak 2020
  

• Teori
  • Catatan kosong pada JavaScript dan TypeScript
  • Dua kasus penggunaan luar biasa untuk operator spread yang mungkin tidak Anda sadari
  • Fungsi tingkat tinggi dan penggunaannya dalam javascript
  • Detail tentang metode filter () dalam JavaScript
  • Mengapa saya lebih suka objek daripada pernyataan beralih
  • Peta JavaScript, Perkecil, dan Saring - penjelasan dengan contoh
  • Cara memeriksa nomor dalam JavaScript
  

• Bereaksi
  • Panduan Reaksi Framer
  • Manajemen negara minimalis (Bereaksi)
  • Animasi Menggunakan React Hooks dan GreenSock
  • Boost React + Redux Kinerja Aplikasi dengan Pustaka Pilih Ulang
  • Fitur baru di Bereaksi 16.9.0
  • Mendemonstrasikan Komponen Bereaksi yang Dapat Digunakan Kembali dalam Bentuk
  • Bereaksi VS Vue: apa yang harus dipilih untuk tahun 2020?
  • Saya membuat aplikasi yang persis sama pada React dan Vue. Inilah perbedaannya. [Versi 2019]
  • Rilis buat-reaksi-aplikasi v3.2.0
  

• Vue
  • 15 arahan Vue yang diperlukan yang secara signifikan akan meningkatkan produktivitas Anda
  • vue-next (Vue 3 Pre-Alpha): pengembang telah mencapai sebagian besar tujuan arsitektur dan fitur baru yang direncanakan untuk v3
  • Vue 3 - tinjauan informasi yang tersedia tentang versi baru Vue.js
  • Cara meningkatkan kinerja toko vuex
  • Membangun Aplikasi Web Vue Berbasis Kelas dengan Otentikasi Firebase
  • Unit testing di Vue: apa yang akan diuji?
  • Cara membuat aplikasi kalender menggunakan Vue
  • 10x lebih cepat Nuxt dibangun di Netlify
  

• Sudut
  • Tahun saya refactoring proyek berskala besar di AngularJS ...
  • Animasi Elemen UI di Angular # 1 , # 2
  • Angular - Semua laporan sejak AngularConnect 2019
  

• Ember
  • Ketergantungan sistem injeksi di Ember.js
  • Potongan catur animasi dengan bara-animasi
  • "Evolusi Ember.js di Interkom", - Gavin Joyce di JSDayIE 2019
  • EmberCamp Chicago 2019
  

• Libs & plugins
  • Sebuah Cerita Tentang Memecahkan Masalah Kinerja Moment.js
  • timequeue.js - Antrian dengan konkurensi khusus dan batas waktu.
  • Moveable adalah Draggable, Resizable, Scalable, Rotatable, Warpable, Pinchable, Groupable, Snappable
  

Browser

• Google Chrome akan memblokir semua konten campuran
• Dalam versi Firefox yang dibuat setiap malam, diusulkan desain modern dari address bar
• Total boikot HTTP. Google Chrome akan segera memblokir semua konten campuran secara default

Menghibur

• Google: Peta situs HTML tidak diperlukan dalam hal SEO
• Google: Judul H1 berguna tetapi tidak kritis
• Mozilla memenangkan gugatan Netralitas Net
• Satya Nadella: Windows tidak lagi menjadi area penting bagi kami
• Mengapa Windows tidak lagi menjadi prioritas Microsoft. Analisis Ambang
• WSJ: Visa, Mastercard dan perusahaan lain berpikir untuk berhenti dari proyek cryptocurrency Libra dari Facebook

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 .