Frontend Weekly Digest (29. April - 5. Mai 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

• Erstellen von Webkomponenten für verschiedene Kontexte
• Ein praktischer Leitfaden für SVG- und Designtools
• Die Milliarden Möglichkeiten, eine SVG anzuzeigen
• Die einfachsten Möglichkeiten zum Umgang mit HTML-Includes
• So richten Sie die Gesichtsüberprüfung auf einfache Weise mit HTML5 + JavaScript ein
• Eine Verschwörung, um IE6 zu töten

• Leistung:
  • AMP in WordPress, der WordPress-Methode
  • AMP-News-Zusammenfassung: AMP as a Service, signierte Börsen, Bento, CSS-Tree-Shaking
  • Verbesserung der Webleistung von Drittanbietern bei The Telegraph
  

• Werkzeuge:
  • packtracker.io - Analysieren Sie Ihr Webpack-Bundle bei jedem Commit
  • So richten Sie den Debugger für die Chrome-Erweiterung in Visual Studio Code ein
  

CSS

• Eingraben in die Anzeigeeigenschaft: Box-Generierung
• Bei einem erneuten Besuch wird die Medienabfrage mit reduzierter Bewegung bevorzugt
• Oh, die vielen Möglichkeiten, dreieckige Brotkrumenbänder herzustellen!
• Implementieren eines Modells: CSS-Layout Schritt für Schritt
• Erstellen abgerundeter Dreiecke in CSS mit Clip-Pfad
• Erstellen Sie mit CSS Grid ein responsives Rasterlayout ohne Medienabfragen
• Kombinieren von CSS Grid mit Bootstrap Grid

Javascript

• Neuerscheinungen : Babylon.js 4.0 , Electron 5.0.0 und jQuery 3.4.1 mit Auslösen von Fokusereignissen im IE und Suchen von Stammelementen in iOS 10
• Die vielen Möglichkeiten, Daten in Diagramme zu integrieren
• Erstellen Sie das neue facebook.com mit React, GraphQL und Relay
• Die Einführung des JavaScript-Entwicklers in Crypto
• Optimieren der Leistung von JavaScript-Anwendungen mit Web Workern

• NodeJS:
  • Node.js v12 - Neue Funktionen, die Sie nicht verpassen sollten
  • Einfache automatische npm-Veröffentlichung
  • dotenv: Lädt Umgebungsvariablen aus .env für NodeJS-Projekte
  • 4 Lösungen zum gleichzeitigen Ausführen mehrerer Node.js- oder NPM-Befehle
  

• Theorie:
  • Eine Einführung in die asynchrone Ausführung von JavaScript
  • Grundlegendes zu JavaScript Async und Warten mit Beispielen
  • Eine Einführung in Javascript für erfahrene Programmierer, die eine starke Dosis an Grundlagen benötigen könnten
  • Javascript Array.push ist 945x schneller als Array.concat
  

• VueJS:
  • Verschieben von jQuery nach Vue
  • Testen Sie Ihre Vue-App mit Jest und Travis CI
  • Benutzerdefinierte Erstellungsmodi mit Vue CLI 3
  • Apollo-Statusverwaltung in der Vue-Anwendung
  • Mixins in Vue JS verstehen
  • Behandlung von Fehlern in Vue.js.
  • Verstehen Sie die Implementierung der Vue-Reaktivität Schritt für Schritt
  

• Reaktion:
  • Reagieren: JSX & Rendering
  • So identifizieren und beheben Sie verschwendete Renderings in React
  • 5 Dinge, die Sie über React DevTools nicht wussten
  • create-react-app v3, Was ist neu?
  • Skelett-Ladeseiten mit Reagieren
  

• Winkel:
  • Stirbt Angular aufgrund von React?
  • Grundlegendes zu Winkelmodulen
  • Winkel: Wiederkehrende Probleme, mit denen ich als Front-End-Berater konfrontiert bin
  • Was ist Angular Console und warum sollten Sie sich darum kümmern?
  • Testen und Fälschen von Winkelabhängigkeiten
  

• Libs & Plugins:
  • shimport: Verwenden Sie JavaScript-Module in allen Browsern, einschließlich dynamischer Importe
  • jquery-csv: Ein jQuery CSV-Parser-Plugin
  • Aria-Progress-Range-Slider: Voll zugängliche, leichte Progress Bar / Range Slider-Komponente
  

Danke fürs Lesen! Sie können uns gerne Ihre Artikel oder frischen nützlichen Inhalte senden, die Sie in der nächsten Übersicht sehen möchten.