Was ist der Unterschied zwischen Web-Frontend und mobilem Frontend?

Unterschiede: 1. Web-Front-End-Entwicklung bezieht sich hauptsächlich auf die herkömmliche PC-seitige Webseitenentwicklung. Seiten, die hauptsächlich in PC-seitigen Browsern ausgeführt werden, werden hauptsächlich auf Mobiltelefonen ausgeführt. 2. Das mobile Endgerät basiert hauptsächlich auf dem Webkit-Kernel und bietet eine bessere Unterstützung für neue Technologien wie HTML5, während das Web-Frontend in vielen Szenarien Kompatibilität mit älteren Versionen von Browsern wie IE erfordert, was in einigen Fällen die Verwendung einschränkt neuer Technologien. 3. Im Hinblick auf die Seitenanpassungsfähigkeit ist die Anpassung mobiler Seiten schwieriger. 4. In Bezug auf die Seitenleistung ist die Leistung der Webseite stabiler als die der mobilen Seite.

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

Entsprechend dem aktuellen allgemeinen Trend des Front-Ends entwickelt sich die Front-End-Entwicklung zunehmend in Richtung eines großen Front-Ends, und auch der Inhalt ist allumfassend. Lassen Sie uns über den Unterschied zwischen Web-Frontend und mobilem Frontend sprechen.

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 ausgeführt auf Mobiltelefonen.

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. Einsatz neuer Technologien

Da das mobile Endgerät hauptsächlich auf dem Webkit-Kernel basiert, verfügt es über eine bessere Unterstützung für neue Technologien wie HTML5, sodass neue Technologien in einem größeren Bereich eingesetzt werden können, während dies bei der PC-Entwicklung der Fall ist Viele Szenarien Die folgenden Anforderungen sind mit älteren Versionen von Browsern wie dem IE kompatibel. Aus Gründen der Browserkompatibilität ist die Verwendung neuer Technologien in einigen Fällen eingeschränkt.

3. Seitenanpassungsfähigkeit

Bei der traditionellen PC-Seitenentwicklung wird normalerweise eine feste Breite für die Seite festgelegt, mit Leerraum auf beiden Seiten. Die mobile Seite hat jedoch einen viel kleineren Bildschirm als der PC Im Allgemeinen entscheiden sich Menschen dafür, so viele Inhalte wie möglich auf dem Mobiltelefonbildschirm anzuzeigen. Dies setzt voraus, 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 die mobile Seite ist zusätzlich zu WLAN komplizierter. Es gibt auch 2G, 3G, 4G und sogar 2G. Es ist auch üblich, zwischen mehreren verschiedenen Netzwerkverbindungen zu wechseln.

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. Framework-Auswahl

Aufgrund der Instabilität des Mobilfunknetzes berücksichtigen wir bei der Auswahl mobiler Seiten-Frameworks im Allgemeinen nur kleine und schöne Frameworks, z. B. hat zepto.js nur 9,6 K. kann die Anforderungen allgemeiner Unternehmen erfüllen. Wenn Sie eine komplexere Einzelseitenanwendung erstellen möchten, können Sie ein Framework wie vue.js wählen, das leistungsstark ist, aber nach der Komprimierung nur mehr als 20 KB groß ist.

Die Auswahl auf der Website ist relativ groß, und je nach Projektanforderungen 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 Mitte.

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

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