WebAssembly für Anfänger – Teil 1: Eine Einführung in WASM
By
Nitish Singh
Haben Sie jemals darüber nachgedacht, Web-Apps mit nativer Leistung auszuführen? Wenn ja, haben Sie eine spannende Option: das WebAssembly, auch bekannt als WASM.
Die aktuellen Webtechnologien konzentrieren sich auf einen funktionsreichen Ansatz. Nehmen Sie zum Beispiel JavaScript. Mit JavaScript können Sie manipulierenate DOM, zeichne beautiful Grafiken erstellen und sogar ein Spiel auf dem b ausführenrowsähm. Das Ausführen von JavaScript-Code im browsFür die Ausführung leistungsorientierter Aufgaben ist er vergleichsweise langsam.
In diesem Artikel werfen wir einen genaueren Blick auf das WebAssembly. Lass uns anfangen.
Was ist Web?Assembly?
WebAssembly ist eine neue Low-Level-Sprache, die auf modernem Web b läuftrowsers. Es bietet ein kompaktes Binärformat, das nahezu native Leistung bietet.
WebAssemblyDie Designauswahl entspricht der Leistung von Programmiersprachen wie Rust, C++ und C, die eine native Leistung bieten, da sie kommunizieren könnenate direkt zur Hardware.
WebAssembly Konvertiert in C, C++ und Rust geschriebenen Quellcode in eine Low-Level-Sprache und fungiert als effektives Kompilierungsziel für diese Programmiersprachen. Es eröffnet Web-Apps die Möglichkeit, nahezu native Geschwindigkeiten im Web auszuführen.
Um das Gesamtbild zu verstehen, müssen wir mit JavaScript beginnen.
JavaScript ist die Sprache des Webs. Es ist in allen modernen Webanwendungen allgegenwärtig. Jedoch, JavaScript ist langsam, da es dynamisch istally-typisierte Sprache. Zur Laufzeit finden Typprüfungen statt und der Code wird in Maschinencode dynamisch umgewandeltally durch den V8-Interpreter. Erst danach wird der Maschinencode ausgeführt.
Die Einbeziehung von WebAssembly im V8 öffnet die Tür zur Entwicklung und Ausführung leistungsstarker Apps im Web. Es ermöglicht Entwicklern, einen bestimmten Teil ihrer Codebasis in C, C++ oder Rust zu schreiben.
Das bedeutet jedoch nicht, dass Sie Ihren gesamten App-Code im Web schreiben müssenAssembly. Sie müssen lediglich Ihre Web-App schreiben, um Web aufzurufenAssembly APIs und Funktionen über JavaScript. JavaScript-Frameworks kann Web nutzenAssembly um die Leistung der Entwickler zu steigern und gleichzeitig hervorragende Ergebnisse zu bieten.box Funktionalität.
Ein großartiges Beispiel für die Verwendung von WebAssembly läuft mit FFmpeg, einem leistungsstarken Video processWerkzeug, auf abrowsähm. Früher konnte man FFmpeg nicht mit ausführen Anmelden, einer Compiler-Toolchain, zu WebAssembly.
In letzter Zeit ist es jedoch durchaus möglich, FFmpeg in AB auszuführenrowsäh mit der ffmpeg.wasm. Dieses JavaScript/WebAssembly Mit dem Port können Sie Videos direkt in b schneiden, würfeln und verbergenrowsERS.
WebAssembly Eigenschaften
WebAssemblyDie Funktionen sind einfach und unkompliziert. Es ist schnell, tragbar und effizient. Standardmäßig WebAssembly nutzt die zugrunde liegende Hardware, um native Ausführungsgeschwindigkeiten zu bieten. Es ist auch sicher, wenn man bedenkt, dass es in einem läuft sandbox Umgebung, genau wie JavaScript auf ab läuftrowser.
Auch wenn WebAssembly ist ein niedriges Niveau assembly In dieser Sprache bietet es immer noch eine debuggbare Schnittstelle mit einem für Menschen lesbaren Textformat. Wenn Sie also den WASM-Code debuggen möchten, können Sie den Code im öffnen Texteditor und debuggen wie jede andere Programmiersprache.
Zuletzt die browsEr wartet nicht auf das gesamte WebAssembly Code zum Herunterladen, damit die Kompilierung gestartet werden kann. Zum Beispiel der browsEr beginnt mit der Kompilierung des WASM-Codes, sobald er ihn erhält. Also für ein 500-KB-WebAssembly Nutzlast, die browsEr beginnt mit dem Kompilieren ab dem allerersten empfangenen Byte.
Will WebAssembly JavaScript ersetzen?
WebAssembly Werk gut im Web ecosSystem. Wenn Sie sich also für die Verwendung von Web entscheidenAssembly, Sie müssen nichts ersetzen. NetzAssembly arbeitet mit JavaScript, um Ihnen das Schreiben leistungsbasierter Web-Apps zu ermöglichen.
Wenn Sie an Ihrer Web-App arbeiten, können Sie die WASM-Funktion in Ihrem JavaScript-Code aufrufen. Sie möchten nur Web verwendenAssembly für CPU-intensive Aufgaben in einem realen Szenario.
Darüber hinaus WebAssembly nicht zugreifen oder manipulierenate Document Object Model (DOM)-Objekte. Und deshalb benötigen Sie immer noch JavaScript, um Web-Apps zu entwickeln.
WebAssembly Einschränkungen
WebAssembly ist mit einigen Einschränkungen verbunden. Zu diesen Einschränkungen gehören die folgenden:
- WASM kann keine UI- oder Front-End-Manipulation durchführen, da es nicht mit DOM interagieren kann. Um dies zu umgehen, müssen Sie JavaScript verwenden.
- WASM bietet kein Speicherverwaltungstool. Dies bedeutet, dass es keinen Garbage Collector bereitstellt.
- WebAssembly Es gibt einige Sicherheitsbedenken, insbesondereally für Web browsers. Derzeit gibt es keine Tools zur Validierungate der WASM-Code. Also, wenn jemand einfügt Schadcode, es gibt keine Möglichkeit, es zu überprüfen.
- Obwohl WASM ein für Menschen lesbares Textformat für Programmierer bietet, kann es dennoch schwierig zu analysieren und zu debuggen sein.
WASM-Roadmap und Community-Support
WebAssembly ist neu und still growing. Vier große browsAnbieter, darunter Edge, Chrome, Firefox und WebKit, unterstützen es derzeit. Wenn Sie also für das Web erstellen, ist dies immer noch nicht der Fall "noch" eine ideale Wahl, da nicht alle browsBenutzer unterstützen WASM.
WASM folgt Webstandards. Das W3C-WebAssembly Arbeitsgruppe und Gemeinschaftsgruppe arbeiten mit Major BrowsEr-Anbieter, um WASM mehr Mainstream zu machen.
Um mehr zu erfahren, schauen Sie sich ihre an Roadmap
Zusammenfassung
WebAssembly gibt Entwicklern das notwendige Werkzeug zum Erstellenate leistungsstarke Web-Apps. Es bietet eine spezielle Codeausführung für eine schnellere Ausgabe. Allerdings steckt es noch in den Kinderschuhen. WASM braucht noch Zeit, um gemeinschaftsweite Unterstützung zu erhalten. Derzeit nur vier Hauptfächer browsERS WASM unterstützen.
Als nächstes können Sie sich ansehen Web Assembly Teil 2: Ziele, Schlüsselkonzepte und Anwendungsfälle.
