Intisari bahan-bahan segar dari dunia frontend untuk minggu terakhir # 467 (10-16 Mei 2021)

Kami memberikan perhatian Anda pilihan dengan tautan ke materi baru dari area frontend dan sekitarnya.

Media     |    Pengembangan Web     |    CSS     |    JavaScript     |    Browser

Media

• Podcast "Standar Web" # 281. SpiderMonkey 25 tahun, Safari TP, Bootstrap 5, GitHub, awalan, monorep, dan git Anda sendiri di Yandex

• Podcast Yunost Frontend # 186. Setrika jaring. Tamu tersebut adalah pencipta dan pemimpin redaksi Smashing Magazine Vitaly Fridman.

• Kaset video "Bagian depan. Pertanyaan wawancara "# 2

• Apakah bulan Juni membutuhkan kode yang sempurna: wawancara dengan Vadim Makeev

• Podcast" Bagaimana? " Masalah No. 4: dari seorang filolog Jepang ke frontend freelance

pengembangan web

• Bagian depan yang solid: pemantauan

• Mendaftarkan penangan protokol URL untuk PWA

• Perbedaan antara WebSockets dan Socket.IO

• Pergi ke "Meta GSAP": Menemukan pengguliran tak terbatas yang "sempurna"

• Performa
  
  • Mengoptimalkan Web Vitals Inti: Strategi Dasar
  
  • Cara Mengukur Kecepatan Situs Menggunakan Performance API
  
  • Mengoptimalkan Web Vitals Menggunakan Lighthouse
  
  

• 
  
  • toggle
  
  • ? ? [ ]
  
  •
  
  • 7 Winn-Dixie ADA (2021 .)
  
  • Logical Content Flow — - Logical Content Flow
  
  

CSS

• Mengidentifikasi perangkat layar sentuh CSS murni

• Puncak evolusi CSS-in-JS ada di sini: gaya yang sepenuhnya diketik tanpa runtime dalam ekstrak vanilla

• Perbandingan kinerja CSS dan CSS-in-JS di dunia nyata

• Alat audit CSS

• "Pemilih orang tua": memiliki () - pada kenyataannya!

• Kueri Penampung
  
  • CSS Generasi Berikutnya: @container
  
  • Pengantar Kueri Penampung CSS
  
  • Dekorasi tingkat komponen dengan Kueri Penampung CSS
  
  • Dukungan (Tidak) Tidak Diketahui. Menambahkan Validasi Kueri Penampung ke CSS dengan @support
  
  

• Desain untuk Membaca: Tip untuk Mengoptimalkan Konten untuk Mode Membaca dan Aplikasi Pembaca

• Animasi CSS Tingkat Lanjut Menggunakan Cubic-Bezier ()

• Rasio Aspek dan Kisi

• Fitur Stylesheet Bendera Pembuatan Menggunakan Sass! Default

• Navigasi ScrollSpy ScrollSpy yang Lengket dengan CSS Latar Belakang Tetap

• Melihat CSS Tailwind

JavaScript

• Melacak dan memvisualisasikan posisi ISS menggunakan 30 baris kode JavaScript

• Cheat sheet pada metode JS untuk bekerja dengan DOM

• Pola inisialisasi malas properti objek di JavaScript

• Saya merilis Grafar - pustaka JS untuk visualisasi

• 7 langkah untuk amankan JavaScript pada tahun 2021

• Javascript Modern: Semua yang Anda Lewatkan dalam 10 Tahun Terakhir (ECMAScript 2020)

• Buat Tetris dengan JavaScript Modern

• Typescript
  
  • , 2021 TypeScript, JavaScript
  
  • DRY TypeScript
  
  • TypeScript:
  
  

• React
  
  • React, TypeScript TDD
  
  • React Hooks
  
  • React Virtual DOM
  
  • Debounce Throttle React
  
  • React
  
  • React
  
  • VR React 360
  
  • React- 2021
  
  

• Vue
  
  • Vue.js : -
  
  • Vuex, the Official Vue.js Store
  
  • Vue Router:
  
  

• Angular
  
  • Angular @taiga-ui/cdk: 5
  
  • , Angular 12, Nx 12.3
  
  • RxJS Angular: If/Else
  
  • Angular Forms:
  
  • Angular
  
  

• Ember
  
  • Emberjs 3.2x Storybook.js 2021
  
  • Tailwind css 2.0 + EmberJs 3.2+ 2021
  
  

• Svelte
  
  • Svelte
  
  

• Menggunakan penangan protokol khusus untuk pelacakan lintas-browser di Tor, Safari, Chrome dan Firefox.

• Identifikasi melalui analisis penangan protokol eksternal di Browser



Digest selama seminggu terakhir.

Bahan disiapkan dersmoll dan alekskorovin .