Tudou.com Frontend-Übersicht

Tudou.com Frontend-Übersicht

1. Arbeitsteilung und Prozess <br />Bei Tudou.com steht die Projektentwicklung im Mittelpunkt und jeder kann ein Projekt leiten und als Projektmanager fungieren.
Zu den Teilnehmern eines typischen Tudou-Projekts gehören zu Beginn der formellen Entwicklungsphase normalerweise: 1 Designer, 1–2 Front-End-Ingenieure, 1 bis mehrere Back-End-Ingenieure und 1–2 Administratoren für Systembetrieb und -wartung.
Unter ihnen kann die Arbeit der ersten drei parallel ausgeführt werden, und die endgültige Integration wird normalerweise von Front-End-Ingenieuren durchgeführt. Bei der Seitenverarbeitung mit geringerer Komplexität können auch allgemeine Ingenieure direkt teilnehmen.
Unabhängig davon, ob es sich um Designer, Front-End- oder Back-End-Ingenieure handelt, ist es sehr wichtig, ein gutes Verständnis für die Trennung zu haben. Menschen mit unterschiedlichen Verständnisebenen haben bei der Zusammenarbeit unterschiedliche Auswirkungen.
Unter ihnen ist die Zusammenarbeit zwischen Designern und Front-End-Ingenieuren zweifellos die wichtigste. Der Stil des Designers führt direkt zur Einfachheit oder Komplexität der Front-End-Seitenstruktur und zur Einfachheit oder Komplexität der Programmlogik.
Ein Designer, der sowohl gut im Design ist als auch die W3C-Webstandards versteht, ist selten und wertvoll.
2. Grundlegende Architektur
Architekturziele: Skalierbarkeit, Wartbarkeit und Wiederverwendbarkeit
1. Informationen/Inhalte
Die Inhaltsstruktur von Tudou.com ist aus Modulsicht in neun Hauptblöcke unterteilt, wie der orangefarbene Kreis in der Mitte zeigt:

Funktional lässt es sich in drei Ebenen unterteilen:

Diese Funktionen geben den Ton für alle nachfolgenden Front-End-Architekturen an.
Vorherige Seite 1 2 3 4 5 Nächste Seite Mehr lesen

<<:  So erstellen Sie ein ELK-Protokollsystem basierend auf Docker

>>:  Detaillierte Beschreibung des Anwendungsszenarios für Javascript-Closure

Artikel empfehlen

4 Möglichkeiten zum Ändern des MySQL-Root-Passworts (Zusammenfassung)

Methode 1: Verwenden Sie den Befehl SET PASSWORD ...

Sechs mit CSS3 implementierte Randübergangseffekte

Sechs EffekteImplementierungscode html <h1>...

el-table in vue realisiert automatischen Deckeneffekt (unterstützt feste)

Inhaltsverzeichnis Vorwort Umsetzungsideen Wirkun...

Reines CSS3 zum Erstellen eines Beispielcodes für Seitenwechseleffekte

Das, was ich vorher geschrieben habe, ist zu komp...

Wie man mit React elegant CSS schreibt

Inhaltsverzeichnis 1. Inline-Stile 2. Importmetho...

JQuery implementiert das Ausblenden und Anzeigen von Animationseffekten

In diesem Artikel wird der spezifische Code von J...

Schritt-für-Schritt-Anleitung zum Erstellen einer Kalenderkomponente mit React

Inhaltsverzeichnis Betriebswirtschaftlicher Hinte...

Was ist Webdesign

<br />Originalartikel: http://www.alistapart...