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
CSS3 filter code to achieve gray or black mode on web pages
front end css3,filter can not only achieve the gr...
More Ways to Use Angle Brackets in Bash
Preface In this article, we will continue to expl...
HTML web page creation tutorial Use iframe tags carefully
Using iframes can easily call pages from other we...
Detailed explanation of where Docker saves log files
Table of contents Where are the logs stored? View...
Detailed explanation of the difference between url ending with / and without / in nginx proxy_pass configuration
When nginx configures proxy_pass, the difference ...
Thinking about grid design of web pages
<br />Original address: http://andymao.com/a...
Tutorial on installing rabbitmq using yum on centos8
Enter the /etc/yum.repos.d/ folder Create rabbitm...
Docker deploys net5 program to achieve cross-platform functions
Deployment environment: docker container, liunx s...
Detailed steps to install Anaconda on Linux (Ubuntu 18.04)
Anaconda is the most popular python data science ...
Detailed explanation of pure SQL statement method based on JPQL
JPQL stands for Java Persistence Query Language. ...
A "classic" pitfall of MySQL UPDATE statement
Table of contents 1. Problematic SQL statements S...
Detailed explanation of HTML basics (Part 1)
1. Understand the WEB Web pages are mainly compos...
How to build php-nginx-alpine image from scratch in Docker
Although I have run some projects in Docker envir...
An article teaches you to write clean JavaScript code
Table of contents 1. Variables Use meaningful nam...
MySQL5.6.31 winx64.zip installation and configuration tutorial
#1. Download # #2. Unzip to local and modify nece...