Frontend Weekly Digest (11 - 17 Mar 2019)

Minggu ini kami mengeluarkan banyak sekali pilihan berita penting yang mungkin Anda lewatkan pada pengembangan Front-end. Pastikan untuk memeriksa pembaruan terkini tentang CSS, HTML, dan JavaScript.

Pengembangan web

• Frontend Bebas-JavaScript
• Merencanakan Gambar yang Responsif
• 30 tahun yang lalu dunia berubah selamanya
• Penyimpanan KV: Modul Built-in Pertama Web
• Wawasan aksesibilitas adalah alat pengujian # a11y baru yang memberi Anda informasi yang cepat dan dapat ditindaklanjuti tentang masalah aksesibilitas di produk Anda
• Tambahkan dukungan kelas satu untuk memuat skrip diferensial

• Kinerja:
  • Mengumumkan Halaman Lite untuk Chrome: pengalaman pemuatan yang lebih cepat untuk pengguna di * sangat * jaringan lambat. Ikut serta melalui Penghemat Data untuk pre-rendering server yang lebih cerdas & prioritas sub-sumber daya halaman. Bekerja pada HTTPS.
  • Memahami Halaman Chrome Lite
  

• Alat:
  • Sublime Text 3.2 Is Out! Git Terintegrasi dan Masih Tercepat
  • Cara Menggunakan Chrome sebagai IDE
  

CSS

• WebP dalam CSS - Plugin PostCSS dan skrip JS kecil (128 byte) untuk menggunakan WebP di latar belakang CSS
• Bagaimana Anda Bisa Memulai dengan CSS Grid
• Merancang Unit Rasio Aspek Untuk CSS
• debugging CSS sulit
• jika pernyataan dan untuk loop dalam CSS
• Cara memanipulasi warna CSS dengan JavaScript
• Mendesain Ulang Dokumen Kami - Bagian 4 - Membangun Arsitektur CSS yang Dapat diskalakan
• Mengapa saya tidak bisa mengatur ukuran font dari tautan yang dikunjungi?
• Standar Web Bertemu User-Land: Menggunakan CSS-in-JS untuk Style Custom Elements
• Memulai PostCSS pada 2019
• Memindahkan Underline Nav Menu

Javascript

• Node.js Foundation dan JS Foundation Merge untuk membentuk OpenJS Foundation
• Pembaruan pada Fitur Eksperimental di Node.js
• GraphQL dalam Kedalaman: Apa, Mengapa, dan Bagaimana
• Bagaimana saya merusak kode JavaScript saya dan masih memenangkan Coding Challenge
• JavaScript dalam 14 menit

• Teori:
  • Mengubah Panggilan Balik ke Janji
  • Ketika "Zoë"! == "Zoë". Atau mengapa Anda perlu menormalkan string Unicode
  • 7 Trik dengan Istirahat dan Sebarkan Objek JavaScript
  

• VueJS:
  • Cara Mengganti jQuery dengan Vue
  • Cara mengatur pencarian UI responsif di Vue.js
  • Vue a11y - proyek komunitas Vue.js untuk meningkatkan aksesibilitas web.
  

• Bereaksi:
  • React Hooks: Cara Memulai & Membangun Sendiri
  • Tambahkan Animasi untuk Bereaksi Aplikasi dengan React-Lottie
  • Struktur file optimal untuk Bereaksi aplikasi
  • Anda tidak perlu kerangka kerja mewah untuk menggunakan GraphQL dengan Bereaksi
  

• Sudut:
  • Tingkatkan modul malas-sarat secara otomatis untuk Ivy!
  • Menerapkan Upload File Menggunakan Node dan Angular
  • Membangun Aplikasi Sudut dan Bereaksi Bersama Dengan Nx
  

• Libs & Plugins:
  • Mengapa Anda tidak harus menggunakan Moment.js ...
  • Utilitas janji: Utilitas mirip Lodash, bebas ketergantungan untuk janji ES6 asli
  • async parallel / serial foreach dalam JavaScript
  • lax.js - Plugin vanilla javascript simpel & ringan (2kb diperkecil & zip) untuk membuat animasi halus & indah saat Anda menggulir
  

Terima kasih sudah membaca! Jangan ragu untuk mengirimi kami artikel Anda atau konten baru yang bermanfaat yang ingin Anda lihat di intisari berikutnya.