1. Warum muss ich in letzter Zeit so viele Nuxt-Artikel ausgeben?
Da es im Gegensatz zu Vue und React nicht viele Lösungen im Zusammenhang mit der Nuxt-Community-Ökologie gibt, gibt es mehrere Lösungen für ein Problem. Im Gegenteil, Nuxt findet nur sehr wenige, und selbst einige ungewöhnliche Probleme können keine Lösung finden, sodass ich nur viel Zeit damit verbringen kann, sie zu erforschen und zu lösen.
Nach meiner harten Arbeit in den letzten zwei Monaten kann man sagen, dass ich mit nuxt durchstarte. Aber wenn ich an die Nuxt-Community denke, denke ich, dass es für mich notwendig ist, einige Beiträge zur Nuxt-Community zu leisten. Ich hoffe nicht nur, den Freunden zu helfen, die gerade erst mit Nuxt anfangen, sondern mache mir vielleicht auch Notizen für mich selbst Irgendwann werde ich es wieder brauchen. Wenn Sie Nuxt zum Entwickeln einer Website verwenden, müssen Sie nicht bei Null anfangen und können die Wissenspunkte schnell direkt aus den Notizen überprüfen, um die Entwicklungseffizienz zu verbessern.
Tatsächlich empfehle ich, dass dieser kleine Partner hoffentlich in einen Artikel schreiben und ihn teilen kann, wenn Sie bei der Entwicklung von Nuxt auf einen sehr schwierigen Fehler stoßen, ihn aber lösen und die Nuxt-Community diesbezüglich einfach keine Lösung hat . . Nur wenn jeder von uns seine eigenen neuen Lösungen teilt, wird die Community langsam gedeihen, was für Sie und mich bei der Entwicklung ein sehr freundliches Phänomen ist.
2. Warum entscheiden Sie sich bei der Auswahl der Technologie für nuxt und nicht für andere?
Vor einiger Zeit musste die offizielle Website des Unternehmens umgestaltet werden, und der Inhalt der Website musste auch SEO unterstützen. Soweit ich weiß, umfasst die Unterstützung für SEO natives HTML+jQuery und serverseitiges SSR-Rendering. Ich habe immer gehört, dass das Front-End über SSR-Technologie verfügt. Nach Überprüfung handelt es sich um das auf Vue basierende Framework der oberen Ebene, das Nuxt entwickelt hat. Angesichts der Marktnachfrage, der Aussichten und des mir bekannten Technologie-Stacks von Vue habe ich mich entschieden entschieden nuxt. Auf diese Weise ist die Entwicklungseffizienz viel schneller, sodass ich während der Entwicklung Nuxt gelernt habe und nach zwei Monaten im Grunde genommen mit Nuxt angefangen habe.
Von der Website-Erstellung, dem On-Demand-Import der UI-Komponentenbibliothek, der Axios-Kapselung und der Art und Weise, wie der Proxy domänenübergreifend löst, der einheitlichen Verwaltung aller Schnittstellen, der Übergabe von Parametern zwischen Komponenten und dem, worauf beim Rendern des ersten Bildschirms von asyncData geachtet werden sollte. Kapselung öffentlicher Komponenten. Nachdem die oben genannten Arbeiten abgeschlossen sind, beginnt die Leistungsoptimierung:
1. Codeebene
Die Verwendung von v-if verhindert Seitenabstürze, verwendet Promise.all zum gleichzeitigen Aufrufen der Schnittstelle und importiert Komponentenbibliotheken (ElementUI) und Toolbibliotheken (Lodash-Drosselung) bei Bedarf usw.
2. Paketkomprimierung
Das Gesamtprojekt wird mit Webpack, dem ersten Bildschirm-Rendering und CDN gepackt und komprimiert, und der Server Nginx ist für die GZIP-Komprimierung optimiert.
3. SEO-Optimierung
Was sind all die dynamischen und statischen SEO-Tags, Bild-Tags plus Alt und Titel, Sitemap, Auflösung von CNAME-Domänennamen, Verwendung der H5-Semantik zur Optimierung von Seiten-Tags usw.
3. Warum müssen Sie so viele Projekte aufbauen und optimieren, weil Sie satt sind?
Antwort: Nein, denn eine ausgezeichnete SEO-unterstützende Website kann sich diesen nicht entziehen, und gleichzeitig gibt es noch mehr Optimierungen als diese, die kontinuierlich erforscht und dem Projekt hinzugefügt werden müssen, was ein unverzichtbarer und wichtiger Teil eines Projekts ist ausgezeichnete Website. Ich werde einige der oben genannten Technologien aussortieren und sie irgendwann einzeln veröffentlichen. Ich werde vorerst zu Ende gehen und sie später erneut veröffentlichen.