Tudou.com front-end overview
|
1. Division of labor and process <br />At Tudou.com, project development is the core and anyone can lead a project and serve as a project manager. In a typical Tudou project, when entering the formal development phase, the participants usually include: 1 designer, 1-2 front-end engineers, 1 to several back-end engineers, and 1-2 system operation and maintenance administrators. Among them, the work of the first three can be done concurrently, and the final integration is usually done by front-end engineers. For page processing with lower complexity, general engineers can also participate directly. Whether it is designers, front-end or back-end engineers, it is very important to have a good understanding of separation, and people with different levels of understanding will have different cooperation effects in cooperation. Among them, the cooperation between designers and front-end engineers is undoubtedly the most important. The designer's style directly leads to the simplicity or complexity of the front-end page structure and the simplicity or complexity of the program logic. A designer who is both good at design and understands W3C web standards is rare and precious. 2. Basic Architecture Architectural goals: scalability, maintainability, and reusability 1. Infomation/Content Tudou.com's content structure, from a module perspective, is divided into nine major blocks, as shown by the orange circle in the center:  In terms of its function, it can be divided into three levels:  These features set the tone for all subsequent front-end architectures. Previous Page 1 2 3 4 5 Next Page Read More |
<<: How to build an ELK log system based on Docker
>>: Javascript closure usage scenario principle detailed
Recommend
Detailed explanation of nmcli usage in CentOS8
Common nmcli commands based on RHEL8/CentOS8 # Vi...
Detailed tutorial on installing Anaconda3 on Ubuntu 18.04
Anaconda refers to an open source Python distribu...
Detailed explanation of the perfect solution to the VMware black screen problem after MacOS catalina upgrade
Perfect solution to VMware black screen after Mac...
Detailed usage of Vue more filter widget
This article example shares the implementation me...
How to use CSS3 to implement a queue animation similar to online live broadcast
A friend in the group asked a question before, th...
Differences between MySQL MyISAM and InnoDB
the difference: 1. InnoDB supports transactions, ...
Vue implements book management case
This article example shares the specific code of ...
Deeply understand the current status of HTML5 development in mobile development
"We're writing our next set of mobile pr...
Example code for implementing the "plus sign" effect with CSS
To achieve the plus sign effect shown below: To a...
JQuery implements hiding and displaying animation effects
This article shares the specific code of JQuery t...
Detailed explanation of Vue project packaging
Table of contents 1. Related configuration Case 1...
HTTP return code list (Chinese and English explanation)
http return code list (below is an overview) for ...
View the frequently used SQL statements in MySQL (detailed explanation)
#mysql -uroot -p Enter password mysql> show fu...
mySql SQL query operation on statistical quantity
I won't say much nonsense, let's just loo...
How to convert Chinese into UTF-8 in HTML
In HTML, the Chinese phrase “學好好學” can be express...