Frontend Weekly Digest (4. - 10. Februar 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 | CSS | Javascript | Browser

---

Webentwicklung

• Wo lernst du 2019 HTML & CSS?
• PWAs unter iOS 12.2 Beta: die guten, die schlechten und die "noch nicht sicher, ob gut"

• Leistung:
  • Rendern im Web
  • GTMetrix - Verwendung von GTMetrix zur Analyse und Steigerung der Website-Geschwindigkeit
  • Wie wirkt sich die Ladezeit der Seite auf den Umsatz Ihrer Website aus?
  • Schnelleres Erstellen von Google-Schriftarten
  

• Zugänglichkeit:
  • Bitte hören Sie auf, unzugängliche Formulare zu erstellen (und wie Sie diese beheben können).
  • Das abbr-Element erneut aufrufen
  • ️Links, die nirgendwo hingehen, sollten Schaltflächen sein
  • • Evangelina Ferreira - Das "C" ist für die Zugänglichkeit
  

• Werkzeuge:
  • Neue Funktionen in Webpack 5
  • git-history: Durchsuchen Sie schnell den Verlauf einer GitHub-Datei
  

• Animationen:
  • Textverzerrungseffekte mit Blotter.js
  • Zusammenfassung der inspirierenden Websites Nr. 1
  • Animieren Sie einen Textklecks mit SVG und Textausschnitt
  

CSS

• Eine Anleitung zur CSS-Unterstützung in Browsern
• Verwenden der Funktion "Wenig bekanntes CSS-Element" () zum Erstellen eines Minimap-Navigators
• Reine CSS-Beschriftung, eine schlechte und unterhaltsame Idee
• Wie Sie mit reinem CSS ein schlagendes Herz für Ihren Valentinstag schaffen
• Der einzige Grund, warum Ihr CSS fehlschlägt

Javascript

• Neue JavaScript-Funktionen, die das Schreiben von Regex ändern
• Wie man 5 gängige JavaScript-Interview-Herausforderungen bewältigt
• Reagieren vs. Vue (Exact Todo App) am Beispiel
• 7 JavaScript-Vorlagen-Engines mit Codebeispielen
• Erste Gedanken zu Deno, der JavaScript / TypeScript-Laufzeit
• Verschleiertes Javascript, Betrugs-E-Mails und American Express

• Übung:
  • Genaue Schätzung der Lesezeit für mittlere Artikel in JavaScript
  • So erkennen Sie eine Folge von Tastenanschlägen in JavaScript
  • Animieren Sie Ihre Ziffern wie Robinhood
  

• Theorie:
  • Benötigen wir noch JavaScript-Frameworks?
  • Ausbeute! Ausbeute! Funktionsweise von Generatoren in JavaScript.
  • JavaScript-Assistent: Was ist mit 'this' los?
  

• VueJS:
  • Vue 2.6 veröffentlicht
  • Was Haken für Vue bedeuten
  • Produktivität in Vue - Teil 2
  • Vuethereum: Die Vue-Bibliothek Ethereum verdient
  • Ein kleiner Hintergrund zu JavaScript-Modulen
  • Vue.js App-Leistungsoptimierung: Teil 2 - Lazy Loading-Routen und Anti-Pattern-Paket für Anbieterpakete.
  

• Reaktion:
  • Reagieren Sie auf Version 16.8: Der mit den Haken . Mit React 16.8 sind React Hooks in einer stabilen Version verfügbar!
  • Laden von Daten in React with Redux-Thunk, Redux-Saga, Suspense und Hooks
  • Erste Schritte mit React Hooks: Kontrollierte Formulare
  • Erstellen eines Online-Einzelhandels-Dashboards in React
  • Reagieren Sie als UI-Laufzeit
  • Globale Statusverwaltung ohne Reaktion in React
  

• Winkel:
  • Ein Plan für Version 8.0 und Ivy
  • Das Bedürfnis nach Geschwindigkeit: Lazy Load nicht routbare Module in Angular
  • Entfesseln Sie die Kraft von Formularen mit Angulars reaktiven Formularen
  • Implementieren der Lokalisierung in Angular mithilfe von i18n-Tools
  

• Libs & Plugins:
  • MiniSearch - Winzige, aber leistungsstarke Volltextsuchmaschine für Browser und Knoten
  • uppy ist ein eleganter, modularer JavaScript-Datei-Uploader, der sich nahtlos in jede Anwendung integrieren lässt.
  • timetable-fns: Nützliche Dienstprogramme für Datum und Uhrzeit zum Arbeiten mit Stundenplänen
  • x-Tabellenkalkulation: Eine webbasierte JavaScript-Tabelle
  

Browser

• Firefox 66 blockiert die automatische Wiedergabe von hörbarem Video und Audio
• Opera Browser VPN für Android
• Der Google Chrome-Dunkelmodus unter Windows 10 und MacOS berücksichtigt die systemweite Einstellung mit der neuesten kanarischen Version
• Microsoft-Sicherheitschef: IE ist kein Browser. Verwenden Sie ihn daher nicht mehr als Standard
• [Aktualisiert] Google testet einen "Nie-Langsam-Modus" für Chrome