Was ist der Unterschied zwischen Web-Frontend und Frontend?

Front-End ist ein allgemeiner Begriff mit einem breiteren Anwendungsbereich. Es handelt sich um einen klaren Bereich und die Richtung ist klarer Die Web-Front-End-Entwicklung umfasst die PC-seitige Entwicklung und die mobile Entwicklung im Terminalbereich, während sich die Web-Front-End-Entwicklung hauptsächlich auf die traditionelle PC-seitige Web-Entwicklung bezieht.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, Dell G3-Computer.

Front-End ist ein allgemeiner Begriff mit einem breiteren Anwendungsbereich. Er gehört zum Front-End der Webentwicklung und hat einen klaren Umfang und eine klarere Richtung. Die Front-End-Arbeit zur Implementierung benutzerseitiger Anwendungscodierung basierend auf Produktdesign/UI gehört zur Kategorie der Front-End-Entwicklung (einschließlich verschiedener Anwendungsformen wie Web, App, kleines Programm, Desktop usw.); Benutzeroberfläche, im Allgemeinen umfasst das Front-End das Web-Front-End.

Einfach ausgedrückt umfasst die Front-End-Entwicklung die mobile Front-End-Entwicklung und die Web-Front-End-Entwicklung, einschließlich der PC-seitigen Entwicklung und der mobilen Web-Front-End-Entwicklung, die sich hauptsächlich auf das traditionelle PC-seitige Web bezieht Seitenentwicklung, was den größten Unterschied darstellt.

Mobile Front-End-Entwicklung und Web-Front-End-Entwicklung gehören beide zur Front-End-Entwicklung, mit den folgenden Unterschieden.

1. Geschäftsanwendungsszenarien

Web-Front-End-Entwicklung bezieht sich hauptsächlich auf die herkömmliche PC-seitige Webseitenentwicklung. Die Seiten werden hauptsächlich in PC-seitigen Browsern ausgeführt, und die vom mobilen Front-End entwickelten Seiten werden hauptsächlich auf Mobilgeräten ausgeführt Telefone.

Intuitiv werden Sie das Gefühl haben, dass die PC-Seite größer und die mobile Seite kleiner ist. Laut Entwicklungserfahrung bedeutet eine große Seite jedoch nicht, dass der geschriebene Code kompliziert ist, und eine kleine Seite bedeutet nicht, dass die Entwicklung komplizierter ist ist einfach. Der Schwierigkeitsgrad und die Leichtigkeit hängen hauptsächlich von den spezifischen Geschäftsanforderungen ab.

2. Nutzung neuer Technologien

Da das mobile Endgerät hauptsächlich auf dem Webkit-Kernel basiert, bietet es eine bessere Unterstützung für neue Technologien wie HTML5, sodass es neue Technologien in größerem Umfang nutzen kann, während die PC-Entwicklung viele Szenarien erfordert . Kompatibel mit älteren Browserversionen wie dem IE. Aus Gründen der Browserkompatibilität ist die Verwendung neuer Technologien in einigen Fällen eingeschränkt.

3. Seitenanpassungsfähigkeit

Bei der herkömmlichen PC-seitigen Seitenentwicklung wird normalerweise eine feste Breite für die Seite festgelegt, mit Leerraum auf beiden Seiten. Allerdings haben mobile Seiten im Allgemeinen kleinere Bildschirme als PCs Die Entscheidung, so viele Inhalte wie möglich auf dem Mobiltelefonbildschirm anzuzeigen, erfordert, dass sich die mobile Seite vollständig an Mobiltelefone mit unterschiedlichen Bildschirmgrößen anpassen und diese optimal nutzen kann.

Aus dieser Sicht ist die Anpassung mobiler Seiten schwieriger.

4. Seitenleistung

Die Netzwerksituation auf der PC-Seite ist im Allgemeinen relativ stabil und die Netzwerkverbindung erfolgt über Netzwerkkabel oder WLAN, aber auf der mobilen Seite ist es komplizierter auch 2G, 3G, 4G und sogar Der Wechsel zwischen mehreren verschiedenen Netzwerkverbindungen kommt häufig vor.

Die Herausforderung, die instabile Netzwerkverbindungen für die Seitenleistung mit sich bringen, besteht darin, dass die Seitenressourcen auf der mobilen Seite nicht zu groß sein dürfen. Andernfalls ist die Seite unter schlechten Netzwerkbedingungen nicht zugänglich, was die Benutzererfahrung erheblich beeinträchtigt.

5. Frame-Auswahl

Aufgrund der Instabilität des Mobilfunknetzes berücksichtigen wir bei der Auswahl mobiler Seiten-Frameworks im Allgemeinen nur kleine und schöne Frameworks. Beispielsweise kann ein Framework wie zepto.js nur 9,6 KB erfüllen Wenn Sie eine komplexere Einzelseitenanwendung erstellen möchten, können Sie ein Framework wie vue.js wählen, das leistungsstark ist, dessen komprimierte Größe jedoch nur mehr als 20 KB beträgt.

Die Auswahl auf der Website ist relativ groß, und je nach Projektbedarf können auch einige schwerere Frameworks in Betracht gezogen werden. Beispielsweise ist das alte, aber riesige ext.js immer noch in den Backend-Management-Systemprojekten einiger Unternehmen aktiv seine vielen UI-Komponenten in der Mitte.

Erweiterte Informationen

Für die Web-Frontend-Entwicklung erforderliche Technologien:

1. Sie beherrschen die Frontend-Entwicklungstechnologie (HTML5, JS, JSON, XHTML, CSS3) und verstehen die relevanten Standards der einzelnen Technologien.

2. Beherrschen Sie die asynchrone Ajax-Programmierung und können Sie leistungsstarke, wiederverwendbare Front-End-Komponenten schreiben.

3. Verfügen Sie über ein tiefes Verständnis von Programmierideen und Front-End-Frameworks wie OO, MVC, MVVM usw. und beherrschen Sie ein Front-End-Framework (gängige Front-End-Frameworks Vuejs, AngularJS, React, Bootstrap, QUICK UI, mobile Endgeräte umfassen: Frozen UI, weUI, SUI, MUI, AUI) verstehen seine Prinzipien (es gibt viele Frameworks, wählen Sie zwei oder drei Mainstream-Frameworks, beherrschen Sie diese und verfügen Sie über ein tiefes Verständnis).

4. Gut in der Web-Performance-Optimierung, Zugänglichkeit, gute Erfahrung in SEO usw.; verstehen Sie das Konzept der Trennung von Präsentationsschicht und Datenschicht und Web-Semantik (dies sind auch sehr nützliche Bonuspunkte bei der Jobsuche).

5. Verstehen Sie den Front-End-Sicherheitsmechanismus und machen Sie sich mit dem HTTP-Protokoll und den Browser-Caching-Strategien vertraut.

6. Seien Sie mit der Quellcode-Implementierung gängiger JS-Entwicklungsframeworks vertraut (z. B. Prototyp, jQuery, Mootools, Ext, Dojo, Underscore, YUI, Kissy) und beherrschen Sie mindestens eines (natürlich nicht) Wenn Sie sich nicht für einige Frameworks entscheiden, die nur wenige Leute verwenden, müssen Sie verstehen, dass große Projekte von Teams durchgeführt werden und Sie es nicht selbst tun können.

7. Sie verfügen über gute Erfahrung im Schreiben von Code und Designdokumenten und beherrschen die Verwendung von Git und anderen Tools zur Versionskontrolle.

8. Sie haben ein klares Verständnis für häufig auftretende Browser-Kompatibilitätsprobleme und verfügen über zuverlässige Lösungen wie IE6/7/8/9, Firefox, Safari und Chrome.

9. Haben Sie eine hohe Ästhetik (das ist sehr wichtig. Wenn Sie mehr Vorlagen und High-End-Projekte sehen, können Sie die große Lücke spüren).

(Lernvideo-Sharing:Erste Schritte mit dem Web-Frontend)

Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen Web-Frontend und Frontend?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!