Wissen Sie, wie der Entwicklungstrend des großen Frontends im Jahr 2021 aussehen wird (ausführliche Erklärung)?

Die rasante Entwicklung der Front-End-Entwicklung bringt Entwicklern jedes Jahr neue Schlüsselwörter mit sich. Was werden die Schlüsselwörter für die Frontend-Entwicklung im Jahr 2021 sein? In welche Richtung wird die Entwicklung gehen? Bezogen auf die Entwicklung des großen Frontends im Jahr 2019 überrascht es nicht, dass sich das Frontend weiterhin auf mehrere Aspekte wie kleine Programme, Super-APPs, Cross-End-Entwicklung, Frontend-Engineering und die Anwendung neuer Technologien konzentrieren wird ( Sie können sich auf die Tiefe der großen Front-End-Technologietrends im Jahr 2019 (Interpretation) beziehen.

Miniprogramm

Miniprogrammentwicklung, dieses Jahr ist immer noch ein Jahr der schnellen Entwicklung von Miniprogrammen. Alle großen Mainstream-Apps haben Miniprogrammfunktionen und verschiedene Fronten eingeführt -Ende Das Team verfügt außerdem über ein spezielles Miniprogramm-Entwicklungsteam, um sich an schnellere Miniprogramm-Entwicklungsanforderungen anzupassen. Gleichzeitig wurden viele Schlüsselfunktionen in Apps durch Miniprogramme ersetzt. Einige Apps sind sogar zu nativen Miniprogramm-Shells geworden, und die oberen Schichten sollten alle Miniprogramme sein.

Vor dem Aufkommen der WeChat-Miniprogramme redeten alle über Hybird und ReactNative, aber am Ende war es nur ein Karneval auf technischer Ebene, und es gab nie irgendwelche geschäftlichen Attribute. Das Aufkommen von Miniprogrammen zeigt der Branche nicht nur, dass Webview auf aktuellen Geräten nicht so schlecht ist, sondern zeigt der Branche auch, wie man fähigen Händlern ermöglichen kann, private Domain-Operationen auf Super-APPs durchzuführen.

Andererseits kann Super APP aus technischer Sicht unter den strengen Einschränkungen des DSL der oberen Schicht Webstandards definieren, die seinen eigenen Anforderungen entsprechen, die Mängel der aktuellen Webstandards ausgleichen, und schließlich mit dem Client zusammenarbeiten und Offline, Vorladen und Anpassen von Webview kombinieren, können verschiedene coole technische Modelle ähnlich wie NSR erstellen, die es dem Web ermöglichen, am Ende die Native-Version-Erfahrung zu geringen Kosten zu erreichen, ohne ein wenig umständlich zu sein wie Weex außerhalb Ende.

Aufgrund der Notwendigkeit, sich auf Super-APPs (WeChat, Alipay, Baidu, Meituan, Toutiao usw.) zu verlassen, und aufgrund von Unterschieden in den spezifischen Plänen der einzelnen Plattformen sind die aktuellen Implementierungspläne für Mini Programme sind auch unterschiedlich. Manchmal müssen mehrere Codesätze entwickelt werden.

Cross-End-Entwicklung

Cross-End-Entwicklung, der RN-Status ist sehr ausgereift, oder es gibt keine großen Entwicklungsperspektiven, da er immer noch in Version 0.61 steckt , es scheint, dass Version 1.0 noch in weiter Ferne liegt. Daher sind in diesem Jahr viele Teams auf Flutter umgestiegen, insbesondere die Veröffentlichung von Flutter für das Web, die die Hoffnung neu entfacht und das Web-Frontend eifrig zum Ausprobieren gemacht hat.

Gleichzeitig hat Apple auch ein neues UI-System veröffentlicht – SwiftUI. Gleichzeitig ist SwiftUI für Web in der Open-Source-Community bereits weit zurück.

Cross-End-Entwicklung, Flutter wird sich weiterhin rasant weiterentwickeln, und es wird auch mehr Entwickler für JS und SwiftUI für Web und Android geben, auf die es sich zu freuen lohnt Lösung für Cross-End-Plan.

Front-End-Engineering

Im Front-End-Engineering besteht die wichtigste Grundqualität für Entwickler darin, die Effizienz durch Tools zu verbessern. Front-End-Entwickler werden dies auch weiterhin tun Dies iterieren und optimieren.

Früher haben wir über Yoman und eine Reihe von Konstruktionstools wie CLI gesprochen, aber nachdem das Team gewachsen war, hatten wir immer das Gefühl, dass etwas fehlte. Andererseits haben Java-Studenten noch nie von Spring Boot-Konfigurationsingenieuren gehört.

In diesem Jahr erstellen viele Teams komplette Front-End-DevOps-Prozesstools, und diese Teams haben auch begonnen, zusammenzuarbeiten und zu erstellen, sei es Web- oder kleine Programme, von neuen Projekten, Entwicklung, gemeinsamem Debuggen (tiao) , Bereitstellung, Test, Veröffentlichung, Betrieb und Wartung bis hin zur Überwachung von Statistiken: Es gibt umfassende Tools zur Sicherstellung und Verbesserung der Effizienz. In Zukunft werden Front-End-Projekte immer standardisierter.

Mit Blick auf die Entwicklung des Front-Ends im Jahr 2020 wird das Front-End-Engineering-System definitiv geschlossener sein. Es ist nicht mehr so ​​einfach wie ein Gerüst, sondern wird mit IDE kombiniert Erschließen Sie Geschäftsattribute, von der Projektinitialisierung über das Schreiben von Code bis hin zu CI, Graustufen und der Freigabe eines vollständig geschlossenen Kreislaufs.

Serverless

Die Beliebtheit von Serverless lässt sich fast auf das Frontend zurückführen. Da Serverless Node.js perfekt unterstützen kann, hilft Serverless Front-End-Entwicklern bei der Lösung vieler Probleme bei der Verwendung von Node.js.

Die meisten aktuellen Front-End-Ingenieure haben einen professionellen Hintergrund, obwohl sie nicht mit echten Studenten der serverseitigen Entwicklung vergleichbar sind, können sie auch viel Geschäftslogik auf der serverseitigen Ebene schreiben. Derzeit bauen viele Unternehmen BFF-Schichten auf, um diesen Anforderungen gerecht zu werden, können die Hürden bei Betrieb, Wartung und Maschinenzuweisung jedoch immer noch nicht beseitigen.

Mit der schrittweisen Implementierung von Serverless wird der Code auf der BFF-Ebene komplexe Probleme wie Betrieb und Wartung, Maschinenzuweisung usw. beseitigen. Gleichzeitig besteht eine hohe Wahrscheinlichkeit, dass Front-End Die Schüler werden diesen Teil des Codes schreiben, und die Schüler auf der Serverseite werden sich auf die Ausführung des Middle-End-Systems konzentrieren. Aus betriebswirtschaftlicher Sicht werden auch die Trial-and-Error-Kosten des Unternehmens deutlich reduziert.

Da Node.js zu einer wesentlichen Fähigkeit für Front-End-Entwickler wird, wird die anhaltende Beliebtheit von Cloud Computing Serverless in greifbare Nähe rücken. Wenn immer mehr Entwickler von den Vorteilen der Forschung und Entwicklung profitieren, wird Serverless das Front-End-F&E-Modell definitiv verändern.

Gleichzeitig werden Studenten, die Serverless verwenden, definitiv TS verwenden. Das bedeutet auch, dass Sie möglicherweise wirklich draußen sind, wenn Sie im Jahr 2020 kein TS schreiben.

WebAssembly

WebAssembly ist ein neues Bytecode-Format und alle gängigen Browser unterstützen derzeit WebAssembly. Im Gegensatz zu JS, das eine Interpretation und Ausführung erfordert, ist der WebAssembly-Bytecode dem zugrunde liegenden Maschinencode sehr ähnlich und kann schnell geladen und ausgeführt werden. Daher ist die Leistung im Vergleich zur JS-Interpretation und -Ausführung erheblich verbessert.

Mit anderen Worten, WebAssembly ist keine Programmiersprache, sondern ein Bytecode-Standard. Es erfordert eine höhere Programmiersprache, um den Bytecode zu kompilieren und ihn zur Ausführung in die virtuelle WebAssembly-Maschine einzufügen tun Es dient dazu, eine virtuelle Maschine gemäß der WebAssembly-Spezifikation zu implementieren.

Mit WebAssembly kann jede Sprache im Browser ausgeführt werden. Von Coffee über TypeScript bis Babel müssen diese alle in js übersetzt werden, bevor sie ausgeführt werden können, während WebAssembly eine VM in den Browser einbettet und diese direkt ausführt, ohne dass eine Übersetzung erforderlich ist, sodass die Ausführungseffizienz natürlich viel höher ist.

AutoCAD-Software ist beispielsweise eine automatische computergestützte Designsoftware von American Autodesk Co., Ltd. (Autodesk), die für zweidimensionale Zeichnungen und grundlegende dreidimensionale Designs verwendet werden kann. Wenn Sie es verwenden, müssen Sie nicht über Programmierkenntnisse verfügen, um automatisch zeichnen zu können. Daher wird es weltweit in vielen Bereichen wie dem Bauwesen, der Dekoration, dem industriellen Zeichnen, dem technischen Zeichnen, der Elektronikindustrie und der Bekleidungsverarbeitung eingesetzt.

AutoCAD ist eine Software, die mit einer großen Menge C++-Code geschrieben wurde und viele technologische Veränderungen erfahren hat, vom Desktop über Mobilgeräte bis hin zum Web. Zuvor gab es bei InfoQ einen Vortrag mit dem Titel „AutoCAD & WebAssembly: Moving a 30 Year Code Base to the Web“, in dem WebAssembly verwendet wurde, um viele alte C++-Codes im Web laufen zu lassen und die Ausführungseffizienz sicherzustellen.

WebAssemblys Kern-JavaScript-Engine V8 enthält jetzt Liftoff, einen neuen WebAssembly-Baseline-Compiler. Der einfache und schnelle Codegenerator von Liftoff beschleunigt den Start von WebAssembly-Anwendungen erheblich. Im Jahr 2019 begannen viele Unternehmen, Arbeitskräfte in das Erlernen und Umwandeln von WebAssembly zu investieren. Ich glaube, dass WebAssembly im Jahr 2020 eine explosive Phase erleben wird.

5G

Ein unvermeidliches Thema im Jahr 2019 ist 5G. Erstens hat die erhebliche Erhöhung der 5G-Bandbreite zu einer weiteren Steigerung der Komplexität des traditionellen Webs geführt, ebenso wie der Wechsel von der Ära der Klartext-Hyperlinks von WAP zur Ära der 4G-Vollbildvideos während der Umstellung von 2G auf 4G. 5G wird eine große Veränderung sein, aber sie wird sicherlich nicht über Nacht geschehen. Denn auch die entsprechenden unterstützenden Einrichtungen müssen sukzessive verbessert werden, etwa die Hardwareleistung und die Browser-Verarbeitungsgeschwindigkeit.

Serverseitiges Rendering (SSR) ist definitiv eine Abkürzung. Es ist leicht im Front-End und stark im Backend. 5G ist eine Brücke . Es erfordert Aufmerksamkeit und Optimierung der Rendering-Leistung. WebAssembly könnte sich im Rahmen dieser Gelegenheit schnell entwickeln, da es mehrere Hintergrundsprachen nahtlos verbinden kann und die Optimierung des Hintergrund-Renderings auch Änderungen in den Front-End-F&E-Modellen und der technischen Architektur mit sich bringen wird.

Zweitens wird das Internet of Everything durch 5G vielfältige Anwendungsszenarien mit sich bringen, die sich von Smartphones und gewöhnlichen PCs unterscheiden, wie VR, tragbare Geräte, Download-Systeme, intelligente Projektion, intelligente Interaktion usw. Sie werden bringen das Web in verschiedene vertikale Felder, was auch bedeutet, dass im Frontend mehr Freiraum entsteht. Ich glaube, dass mit der groß angelegten Kommerzialisierung von 5G eine Reihe neuer Internetgiganten entstehen werden.

Vielen Dank an alle fürs Lesen, ich hoffe, Sie werden viel davon profitieren

Dieser Artikel ist reproduziert von: https://xiangzhihong.blog.csdn.net/article/details/103233487

Weitere Informationen zum Thema Weitere Informationen finden Sie auf der PHP-Chinese-Website! !

Das obige ist der detaillierte Inhalt vonWissen Sie, wie der Entwicklungstrend des großen Frontends im Jahr 2021 aussehen wird (ausführliche Erklärung)?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!