In dieser Woche werfen wir einen Blick auf die Neuigkeiten aus der Welt der Web-Plattform: Die Google Search Console erleichtert die Anzeige von gecrawltem Markup, wir erfahren, dass benutzerdefinierte Eigenschaften keine Rechenressourcen beanspruchen, dass in JavaScript auf Top-Level definierte Variablen global für andere Seiten-Skripte sind, und dass Babel env jetzt die defaults Query unterstützt – plus alle Neuigkeiten des letzten Monats, für Sie in einem Paket zusammengefasst.
Einfachere HTML-Inspektion in der Google Search Console
Das URL-Inspektionstool in der Google Search Console enthält jetzt nützliche Steuerelemente zum Durchsuchen und Kopieren des HTML-Codes der gecrawlteten Seite.
Hinweis: Das URL-Inspektionstool liefert Informationen über die von Google indizierte Version einer bestimmten Seite. Sie können auf die Google Search Console unter https://search.google.com/search-console zugreifen.
(via Barry Schwartz)
CSS-Eigenschaften werden einmal pro Element berechnet
Der Wert einer CSS-benutzerdefinierten Eigenschaft wird einmal pro Element berechnet. Wenn Sie eine benutzerdefinierte Eigenschaft --func auf dem <html>-Element definieren, die den Wert einer anderen benutzerdefinierten Eigenschaft --val verwendet, dann hat eine Neudefinition des Wertes von --val auf einem verschachtelten DOM-Element, das --func verwendet, keine Auswirkung, da der geerbte Wert von --func bereits berechnet wurde.
html {
--angle: 90deg;
--gradient: linear-gradient(var(--angle), blue, red);
}
header {
--angle: 270deg; /* ignored */
background-image: var(--gradient); /* inherited value */
}(via Miriam Suzanne)
Der globale Geltungsbereich von Skripten
JavaScript-Variablen, die über let, const oder class Deklarationen auf der obersten Ebene eines Skripts (<script>-Element) erstellt werden, bleiben in nachfolgenden Skripten, die in die Seite eingebunden sind, definiert.
Hinweis: Axel Rauschmayer nennt dies den globalen Geltungsbereich von Skripten.”)
(via Surma)
Babel env unterstützt jetzt die defaults query
Das env Preset von Babel (@babel/preset-env) erlaubt Ihnen jetzt, die Standardbrowser von Browserslist anzuzielen (die auf browsersl.ist aufgeführt sind). Beachten Sie, dass, wenn Sie Ihre Zielbrowser nicht angeben, Babel env *jede* Syntaxtransformation auf Ihrem Code ausführt.
{
"presets": [
[
"@babel/preset-env",
{
"targets": { "browsers": "defaults" }
}
]
]
}(via Nicolò Ribaudo)
Alle Nachrichten vom Juni 2019, die es wert sind, gedruckt zu werden
Zu Ihrer Bequemlichkeit habe ich alle 59 Nachrichtenartikel, die ich im Juni veröffentlicht habe, in einem 10-seitigen PDF-Dokument zusammengefasst.
Schöner Artikel. Bitte posten Sie weiterhin solche Inhalte.