Inhaltsverzeichnis
ecmascript 6 Generator
Beacon api
Webanimationskontrolle
Windows 7 Immersive Modus
Andere Updates
Heim Web-Frontend js-Tutorial Was ist neu in Chrome 39

Was ist neu in Chrome 39

Feb 20, 2025 am 11:16 AM

What's New in Chrome 39

Obwohl der Chrombrowser seit sechs Jahren in seiner Gründung ist, tritt er schnell in die Versionsnummern ein. Chrome 39 ist jetzt verfügbar und Sie haben es möglicherweise installiert. Diese Veröffentlichung enthält einige schöne neue Funktionen… und ein oder zwei verdächtige Ergänzungen.

ecmascript 6 Generator

Der Generator

ist eine spezielle Funktion, die mit function* deklariert wird, um einen Iterator zu erstellen. Ein Iterator ist ein Objekt mit einer next() -Methode, die aufgerufen wird, um einen Wert zurückzugeben. Die Generatorfunktion verwendet die yield Anweisung, um den nächsten Wert in der Sequenz anzugeben.

Arunoda Susiripala liefert ein grundlegendes Beispiel für JavaScript -Generator- und Rückrufprävention:

function* HelloGen() {
    yield 100;
    yield 400;
}

var gen = HelloGen();

console.log(gen.next()); // {value: 100, done: false}
console.log(gen.next()); // {value: 400, done: false}
console.log(gen.next()); // {value: undefined, done: true}
Nach dem Login kopieren
Nach dem Login kopieren

Chrome, Opera und Firefox 31 unterstützen ECMAScript 6 Generatoren.

Beacon api

Mit der neuen Beacon -API können Sie Daten an den Server senden, ohne auf eine Antwort zu warten. Die Anfragen werden in der Warteschlange gestellt und der Browser sendet diese Anfragen so schnell wie möglich. Es ist jedoch wichtig, dass die Deinstallation der aktuellen Seite oder das Laden der nächsten Seite nicht verzögert wird.

navigator.sendBeacon() erhält eine URL und Daten (wahrscheinlich eine Zeichenfolge oder einen FormularData -Wert). Normalerweise kann es verwendet werden, um Statistiken zu überweisen, zum Beispiel:

navigator.sendBeacon('/log', 'page-unloaded');
Nach dem Login kopieren

Wenn der Browser eine Beacon -Anforderung erfolgreich aufstellt, gibt die Methode true zurück. Ich bin mir nicht sicher, was getan werden kann, wenn false zurückgegeben wird, aber Beacon gilt nicht für grundlegende Funktionen oder Messaging.

Chrome, Opera und Firefox 31 unterstützen die Beacon -API.

Webanimationskontrolle

Webanimationen sind in Chrome 36 verfügbar. Das Konzept ist, einfache CSS3-ähnliche Keyframes und Animationsdeklarationen aus JavaScript zuzulassen, wie z. B.:

var myanimation = myelement.animate([
    { color: "#f00" },
    { left: "20em" },
    { transform: "rotate(180deg)" }
], {
    duration: 1000,
    iterations: 1,
    delay: 0
});
Nach dem Login kopieren

Der Vorteil besteht darin, dass Sie die Wiedergabe basierend auf Benutzereingaben oder anderen Bedingungen steuern und synchronisieren können. Chrome 39 fügt Wiedergabethoden wie play(), pause(), reverse(), finish() (die Animation in ihren endgültigen Zustand ein. cancel()

Ein Kompromiss zwischen dem Denken der Webanimation als einfache CSS3-Animation und komplexen JavaScript-Steuerelemente mit

und Ihren eigenen Timing-Funktionen. Für den durchschnittlichen Webeffekt ist es vielleicht ein bisschen zu viel, aber es ist nicht leistungsfähig genug für das Spiel. Apps und Präsentationen könnten gute Anwendungsfälle sein? requestAnimationFrame

Derzeit unterstützen nur Chrome und Opera -Browser Webanimationen. Unterstützung ist in Firefox -Nightly -Versionen erhältlich und Polyfill ist verfügbar, aber die Technologie wird für eine Weile nicht stabil sein.

Webanwendungsliste

Seien Sie nicht mit dem Anwendungs ​​-Cache -Manifest verwechselt. Ein Webanwendungsmanifest ist eine JSON -Datei, in der Sie Metadaten wie Name, Startadresse, Symbol, Anzeigemodus, Orientierung usw. platzieren können.

Sie müssen einen Link zum HTML -Header hinzufügen:

<link rel="manifest" href="manifest.json">
Nach dem Login kopieren
und die Manifestdatei selbst, zum Beispiel:

function* HelloGen() {
    yield 100;
    yield 400;
}

var gen = HelloGen();

console.log(gen.next()); // {value: 100, done: false}
console.log(gen.next()); // {value: 400, done: false}
console.log(gen.next()); // {value: undefined, done: true}
Nach dem Login kopieren
Nach dem Login kopieren

Dies bedeutet letztendlich, dass wir 57 Alternativen zu iOS -Symbolgrößen von oben auf jeder Seite entfernen können ... Angenommen, Apple beschließt, diese Technologie in Safari zu implementieren!

Cross-Browser-Unterstützung ist ungleichmäßig. Firefox verwendet die Liste für ihren Markt, aber es scheint einige Unterschiede im Eigenschaftsnamen zu geben.

Windows 7 Immersive Modus

Umschaltung in den Immersive Modus unter Windows 7 lässt Chrome ein wenig wie eine Windows 8-Vollbild-Metro-App verhalten. Seltsamerweise platziert es eine durchscheinende Taskleiste ähnlich wie Chrome OS über der Windows -Taskleiste - mit seiner eigenen Start -Taste und Uhr.

Warum? Wenn Windows 7 -Benutzer ein Windows 8 -Erlebnis wünschen, können sie aktualisieren. Es gibt jedoch einen Grund, warum viele Benutzer von Windows 7 sich dafür entscheiden, sich beim Betriebssystem festzuhalten: Sie möchten kein Windows 8!

Ich bin auch durch Googles Beharren darauf, sich auf Chrome OS -Widgets an andere Betriebssysteme zu schleichen. Die Chrome -App -Symbole hier und es gibt OK - aber das Kopieren nativer Funktionen macht keinen Sinn. Vielleicht wollen sie Menschen anziehen, um Chrome OS zu verwenden, aber sie hilft ihnen nicht.

Andere Updates

Es gibt auch einige kleinere Funktionen ...

  • Sie können jetzt die kostenlose Chrome -App im Play Store installieren, ohne sich anzumelden.
  • auf dem Bildschirm mit hohem DPI/Retina, scrollTop und scrollLeft geben Sie nun die Punktzahl des Pixels zurück. Wenn Sie der Meinung sind, dass Pixel Perfection schlecht ist, warten Sie darauf, dass der Kunde nach Subpixel -Perfektion fragt!
  • Sie können jetzt das gespeicherte Passwort bearbeiten.
  • Jetzt sind nur 64-Bit-Versionen von Chrome unter Mac OS verfügbar.
  • SHA-1-Verschlüsselung wird ausgeschaltet, ersetzt durch SHA-2.
  • Versuchsunterstützung für das Symbol zur Erweiterungstaste im Menü wurde hinzugefügt (Setzen Sie Umweiterungs -Symbolleiste -Neugestaltung in etwa: Flags).
Während einige der zusätzlichen Probleme und Firefox einige Funktionen eingeholt haben, ist die 39 -Version immer noch ein großartiges Update. Chrome ist immer noch schnell und stabil und der bevorzugte Browser für fast die Hälfte der Webbenutzer. Empfohlene Verwendung.

Das obige ist der detaillierte Inhalt vonWas ist neu in Chrome 39. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Was soll ich tun, wenn ich auf den Codendruck auf Kleidungsstücke für Front-End-Thermalpapier-Quittungen stoße? Was soll ich tun, wenn ich auf den Codendruck auf Kleidungsstücke für Front-End-Thermalpapier-Quittungen stoße? Apr 04, 2025 pm 02:42 PM

Häufig gestellte Fragen und Lösungen für das Ticket-Ticket-Ticket-Ticket in Front-End im Front-End-Entwicklungsdruck ist der Ticketdruck eine häufige Voraussetzung. Viele Entwickler implementieren jedoch ...

Entmystifizieren JavaScript: Was es tut und warum es wichtig ist Entmystifizieren JavaScript: Was es tut und warum es wichtig ist Apr 09, 2025 am 12:07 AM

JavaScript ist der Eckpfeiler der modernen Webentwicklung. Zu den Hauptfunktionen gehören eine ereignisorientierte Programmierung, die Erzeugung der dynamischen Inhalte und die asynchrone Programmierung. 1) Ereignisgesteuerte Programmierung ermöglicht es Webseiten, sich dynamisch entsprechend den Benutzeroperationen zu ändern. 2) Die dynamische Inhaltsgenerierung ermöglicht die Anpassung der Seiteninhalte gemäß den Bedingungen. 3) Asynchrone Programmierung stellt sicher, dass die Benutzeroberfläche nicht blockiert ist. JavaScript wird häufig in der Webinteraktion, der einseitigen Anwendung und der serverseitigen Entwicklung verwendet, wodurch die Flexibilität der Benutzererfahrung und die plattformübergreifende Entwicklung erheblich verbessert wird.

Wer bekommt mehr Python oder JavaScript bezahlt? Wer bekommt mehr Python oder JavaScript bezahlt? Apr 04, 2025 am 12:09 AM

Es gibt kein absolutes Gehalt für Python- und JavaScript -Entwickler, je nach Fähigkeiten und Branchenbedürfnissen. 1. Python kann mehr in Datenwissenschaft und maschinellem Lernen bezahlt werden. 2. JavaScript hat eine große Nachfrage in der Entwicklung von Front-End- und Full-Stack-Entwicklung, und sein Gehalt ist auch beträchtlich. 3. Einflussfaktoren umfassen Erfahrung, geografische Standort, Unternehmensgröße und spezifische Fähigkeiten.

Wie kann man Parallax -Scrolling- und Element -Animationseffekte wie die offizielle Website von Shiseido erzielen?
oder:
Wie können wir den Animationseffekt erzielen, der von der Seite mit der Seite mit der offiziellen Website von Shiseido begleitet wird? Wie kann man Parallax -Scrolling- und Element -Animationseffekte wie die offizielle Website von Shiseido erzielen? oder: Wie können wir den Animationseffekt erzielen, der von der Seite mit der Seite mit der offiziellen Website von Shiseido begleitet wird? Apr 04, 2025 pm 05:36 PM

Diskussion über die Realisierung von Parallaxe -Scrolling- und Elementanimationseffekten in diesem Artikel wird untersuchen, wie die offizielle Website der Shiseeido -Website (https://www.shiseeido.co.jp/sb/wonderland/) ähnlich ist ...

Ist JavaScript schwer zu lernen? Ist JavaScript schwer zu lernen? Apr 03, 2025 am 12:20 AM

JavaScript zu lernen ist nicht schwierig, aber es ist schwierig. 1) Verstehen Sie grundlegende Konzepte wie Variablen, Datentypen, Funktionen usw. 2) Beherrschen Sie die asynchrone Programmierung und implementieren Sie sie durch Ereignisschleifen. 3) Verwenden Sie DOM -Operationen und versprechen Sie, asynchrone Anfragen zu bearbeiten. 4) Vermeiden Sie häufige Fehler und verwenden Sie Debugging -Techniken. 5) Die Leistung optimieren und Best Practices befolgen.

Die Entwicklung von JavaScript: Aktuelle Trends und Zukunftsaussichten Die Entwicklung von JavaScript: Aktuelle Trends und Zukunftsaussichten Apr 10, 2025 am 09:33 AM

Zu den neuesten Trends im JavaScript gehören der Aufstieg von Typenkripten, die Popularität moderner Frameworks und Bibliotheken und die Anwendung der WebAssembly. Zukunftsaussichten umfassen leistungsfähigere Typsysteme, die Entwicklung des serverseitigen JavaScript, die Erweiterung der künstlichen Intelligenz und des maschinellen Lernens sowie das Potenzial von IoT und Edge Computing.

Wie fusioniere ich Arrayelemente mit derselben ID mit JavaScript in ein Objekt? Wie fusioniere ich Arrayelemente mit derselben ID mit JavaScript in ein Objekt? Apr 04, 2025 pm 05:09 PM

Wie fusioniere ich Array -Elemente mit derselben ID in ein Objekt in JavaScript? Bei der Verarbeitung von Daten begegnen wir häufig die Notwendigkeit, dieselbe ID zu haben ...

So implementieren Sie die Funktion des Ziell- und Drop-Einstellungsfunktion, ähnlich wie bei VSCODE in der Front-End-Entwicklung? So implementieren Sie die Funktion des Ziell- und Drop-Einstellungsfunktion, ähnlich wie bei VSCODE in der Front-End-Entwicklung? Apr 04, 2025 pm 02:06 PM

Erforschen Sie die Implementierung der Funktion des Bedien- und Drop-Einstellungsfunktion der Panel ähnlich wie VSCODE im Front-End. In der Front-End-Entwicklung wird VSCODE ähnlich wie VSCODE implementiert ...

See all articles