Der Inhalt der Web-Frontend-Entwicklung umfasst hauptsächlich die Struktur, das Verhalten und die Leistung im W3C-Standard. Welche Kernkompetenzen müssen wir also in diesen drei Punkten beherrschen? 1. Entwicklungssprache HTML hat eine mehr als 20-jährige Entwicklungsgeschichte und wurde zahlreichen Versionsaktualisierungen unterzogen. Die Einführung von HTML5 und CSS3 ist eine weitere Neuerung. Manche Leute denken, dass die für die Front-End-Entwicklung erforderlichen Fähigkeiten einfach sind. Geht es nicht nur darum, Webseiten zu erstellen? Tatsächlich ist es das nicht. Die Kernsprachen, die im Web-Front-End beherrscht werden müssen, sind xHTML + CSS + JavaScript. JavaScript ist eine der schwierigsten Sprachen, und viele Programmierexperten trauen sich nicht, sich kleinzumachen und zu behaupten, sie zu beherrschen. Aufgrund der Unterschiede zwischen JavaScript und HTML sowie einiger Vorteile der getrennten Verarbeitung von statisch und dynamisch. In großen Unternehmen wird das Schreiben statischer und dynamischer Effekte häufig getrennt von verschiedenen Personen durchgeführt. Da kleine Unternehmen Kosten senken müssen, müssen alle so viel wie möglich wissen. Wenn Sie sich zum Projektmanager entwickeln möchten, ist die Kenntnis einer oder zweier Backend-Sprachen definitiv das Tüpfelchen auf dem i! 2. Browserkompatibilität Die derzeit gängigen Browser im Internet sind IE6\7\8\9, Firefox, Chrome, Opera, Safari, Maxthon, einschließlich der inländischen Mainstream-Browser Sogou, Tencent TT, 360, World usw.; in Bezug auf den Kernel gibt es hauptsächlich IE, die Maxthon-Version von IE, Safari, Firefox und Opera, die alle weit verbreitet sind. Wenn Sie einen alten Internetsüchtigen in Ihrer Nähe haben, der gerne Browser sammelt, können Sie seine Festplatte durchsuchen und ich glaube, er muss Dutzende davon haben (oder sehen Sie sich die Browserliste in der Front-End-Community http://www.w3cfuns.com an). Jeder Kernel analysiert den Code anders. Sogar innerhalb desselben Kernels können große Unterschiede bestehen, wie z. B. zwischen IE und der Maxthon-Version von IE. Ganz zu schweigen von nicht-Mainstream-Browsern. Selbst die vollständige Kompatibilität mit Mainstream-Browsern ist keine leichte Aufgabe. Sie erfordert eine lange Ansammlungs- und Testphase sowie die Liebe und Leidenschaft von Front-End-Entwicklungsingenieuren. Der aktuelle Entwicklungstrend des mobilen Internets ist nicht zu unterschätzen und wird nach und nach den Hauptanteil des Internets einnehmen. Der größte Vorteil des mobilen Internets ist seine Bequemlichkeit und Aktualität. Stellen Sie sich vor, Sie gehen irgendwo spazieren und sehen eine schöne Landschaft. Sie können ein Foto machen und es automatisch mit Ihren Freunden teilen. Daher ist die Browserkompatibilität auf Mobiltelefonen dringend erforderlich. Heutzutage sind die Browser auf Mobiltelefonen kompliziert, darunter das Mainstream-UCWEB, Safari, IE, 3G-Portal und die „unvollständigen Kinder“ von Symbian-Low-End-Telefonen, darunter einige Browser auf beliebten ausländischen Telefonen, die wir nicht kennen. Schlimmer noch ist, dass diese Browser aufgrund der unterschiedlichen Hardware der Mobiltelefone von Browser zu Browser völlig unterschiedliche Ergebnisse analysieren. 3. Hack-Technologie Da verschiedene Browser die CSS-Analyse unterschiedlich verstehen, sind die generierten Seiteneffekte unterschiedlich. Zu diesem Zeitpunkt müssen Sie für verschiedene Browser unterschiedliche CSS schreiben. Dieser Vorgang wird als CSS-Hack bezeichnet. Obwohl von uns verlangt wird, Code gemäß den Standards zu schreiben und keinen Hackcode zu schreiben, ist Hackcode in der tatsächlichen Arbeit unvermeidlich, um mit den gängigen Browsern kompatibel zu sein. Daher sollte dies auch eine notwendige Fähigkeit für jeden Front-End-Entwickler sein. 4. Industriestandards Der derzeit am häufigsten genannte Standard in der Web-Frontend-Entwicklung ist der W3C-Standard. Dabei handelt es sich um eine Sammlung von Standards, die die Richtung der Internetentwicklung darstellen und auch einen Glauben an die Frontend-Entwicklung repräsentieren. Alle von uns geschriebenen Codes müssen eine 100-prozentige Standardüberprüfung bestehen. Wir sollten stolz darauf sein, die Standardüberprüfung bestanden zu haben, da dies die schnelle Entwicklung des Internets effektiv fördern wird. 5. Entwicklungstools Derzeit ist Dreamweaver beliebter. Es war einst der letzte Schrei und ist noch immer Geschichte. Dies beweist, dass DW immer noch große Vorteile bietet, insbesondere für Anfänger. Seine leistungsstarke Eingabeaufforderungsfunktion kann uns dabei helfen, uns schnell mit dem Layout von Webseiten vertraut zu machen und es zu beherrschen. Allerdings wird mittlerweile rein handgeschriebener Code eher empfohlen, was nicht nur hervorragende Fähigkeiten widerspiegelt, sondern auch effektiv redundanten Code vermeidet, der durch die Verwendung von Tools wie DW generiert wird. Darüber hinaus können Sie mit einigen Photoshop-Kenntnissen auch ohne Künstler einige Bilder problemlos bearbeiten. Zusammenfassend lässt sich sagen, dass Sie, wenn Sie die oben genannten Fähigkeiten beherrschen, ein qualifizierter Front-End-Entwickler sind, der an einem großen Projekt teilnehmen oder selbstständig eine Webseite schreiben kann. Obwohl dies dem Design einer Webseite ähnelt und die Wirkung der Erstellung einer Webseite ähnelt, liegt die Technologie tatsächlich um mehrere Ebenen höher. Das Obige ist der vollständige Inhalt dieses Artikels. Ich hoffe, er wird für jedermanns Studium hilfreich sein. Ich hoffe auch, dass jeder 123WORDPRESS.COM unterstützen wird. |
<<: Beispiel und Update für die Erstellung von HTML5+CSS3-Headern
>>: Soll die Like-Funktion MySQL oder Redis verwenden?
Der Wachstumspfad vom Linux-Neuling zum Linux-Mei...
1. Bearbeiten Sie die PAM-Konfigurationsdatei sud...
Inhaltsverzeichnis 1. Kurze Einführung 2. Screens...
Inhaltsverzeichnis 1. Was ist Curry 2. Verwendung...
Da die Anwendung von CentOS auf der Serverseite i...
Ich habe zwei Jahre lang im Betrieb und in der Wa...
Bei der Optimierung einer Website müssen wir lern...
CSS3 erreicht coole 3D-Rotationsperspektive 3D-An...
Inhaltsverzeichnis Platzhalter-Ersetzung Konsolen...
Inhaltsverzeichnis falten (reduzieren) Verwenden ...
Inhaltsverzeichnis 1. Projektbeschreibung 1.1 Hin...
Dieser Artikel beschreibt anhand eines Beispiels ...
Inhaltsverzeichnis Vorwort 1. Benutzerdefinierter...
Notieren Sie den Fehler, der mich heute den ganze...
Inhaltsverzeichnis Vorwort Was ist SSH? Wofür wir...