Frontend Weekly Digest (27. Mai - 2. Juni 2019)

Diese Woche veröffentlichen wir eine wirklich große Auswahl aller wichtigen Neuigkeiten, die Sie bei der Front-End-Entwicklung möglicherweise verpasst haben. Stellen Sie sicher, dass Sie die neuesten Updates für CSS, HTML und JavaScript überprüfen.

Webentwicklung

• Der W3C vs. WAS Krieg ist endlich vorbei
• Mobile-First-Indizierung standardmäßig für neue Domains
• Erste Schritte mit GraphQL: Es ist ziemlich einfach!
• Wie wichtig sind wir?
• Ersetzen von JavaScript: Wie eBay eine Web-App 50x schneller machte, indem es die Programmiersprache wechselte

• Leistung:
  • Ankündigung der Größenänderung von Cloudflare-Bildern: Vereinfachung der optimalen Bildübertragung
  • Lighthouse-Plugin, das die Feldleistung der Seite für echte Chrome-Nutzer in den letzten 30 Tagen anzeigt.
  • Ihr erstes Leistungsbudget mit Lighthouse
  • Hosten Sie Ihre statischen Assets selbst
  

• Zugänglichkeit:
  • Der Unterschied zwischen Tastatur- und Bildschirmlesernavigation
  • Zugänglichkeitswerkzeuge für Farbkontraste
  • Beheben Sie 85% Ihrer Probleme mit der Barrierefreiheit im Internet in 5 einfachen Schritten
  • Tabindex: Es lohnt sich selten, positiv zu sein
  

CSS

• Utility-First-CSS: Lächerlich schnelle Front-End-Entwicklung für fast jedes Design
• Verwenden der Grid Shepherd-Technik zum Bestellen von Daten mit CSS
• Grundlegendes zu CSS-Variablen
• Benutzerdefinierter mehrzeiliger Text mit abgerundeten Kappen
• xstyled - Eine neue Art, Komponenten zu formatieren
• Warum wir benutzerdefinierte CSS-Eigenschaften SASS-Variablen vorziehen
• Die CSS-Hintergrundbildeigenschaft als Anti-Pattern
• Verwenden der Grid Shepherd-Technik zum Bestellen von Daten mit CSS

Javascript

• Ankündigung von TypeScript 3.5
• Warum ich 2019 immer noch jQuery verwende
• Der schnellste Weg, um das DOM zu rendern

• Theorie:
  • 5 Möglichkeiten, einen Wert in JavaScript in einen String zu konvertieren
  • Funktionales JavaScript: Fünf Möglichkeiten zur Berechnung eines Durchschnitts mit Array-Reduzierung
  • Implementieren privater Variablen in JavaScript
  

• Reaktion:
  • Reagieren Sie auf 16 + Three.js Integrationstipps (2019)
  • Tippreaktion (1) - Grundlegend
  • Zoomstufe - Ein umfassendes browserübergreifendes Paket, mit dem Sie die Zoomstufe von Seiten und Elementen bestimmen können
  • Rückgabe von null von setState in React 16
  

• Winkel:
  • Version 8 von Angular - Kleinere Bundles, CLI-APIs und Ausrichtung auf das Ökosystem
  • Angular & RxJS: Erkennen von Speicherlecks
  • Überprüfen Sie die CDK-Portale von Angular
  • •
  

• Ember.js:
  • Ember 3.10 freigegeben
  • Glutdaten: Frustration drehen