Tudou.com フロントエンドの概要

Tudou.com フロントエンドの概要

1. 分業とプロセス<br />Tudou.comでは、プロジェクト開発が中核であり、誰でもプロジェクトをリードし、プロジェクトマネージャーとして機能することができます。
典型的な Tudou プロジェクトでは、正式な開発フェーズに入ると、通常、1 人のデザイナー、1 ~ 2 人のフロントエンド エンジニア、1 ~ 数人のバックエンド エンジニア、および 1 ~ 2 人のシステム運用および保守管理者が参加者になります。
このうち、最初の 3 つの作業は並行して実行でき、最終的な統合は通常、フロントエンド エンジニアによって行われます。複雑度の低いページ処理の場合は、一般的なエンジニアが直接参加することもできます。
デザイナー、フロントエンドエンジニア、バックエンドエンジニアのいずれであっても、分離について十分な理解を持つことは非常に重要であり、理解のレベルが異なる人々は協力において異なる協力効果をもたらします。
その中でも、デザイナーとフロントエンドエンジニアの連携は間違いなく最も重要です。デザイナーのスタイルは、フロントエンドページ構造の単純さや複雑さ、プログラムロジックの単純さや複雑さに直接つながります。
デザインが得意で、かつ W3C の Web 標準を理解しているデザイナーは稀で貴重です。
2. 基本アーキテクチャ
アーキテクチャの目標: スケーラビリティ、保守性、再利用性
1. 情報/コンテンツ
Tudou.com のコンテンツ構造は、モジュールの観点から見ると、中央のオレンジ色の円で示されるように、9 つの主要なブロックに分かれています。

機能的には、次の 3 つのレベルに分けられます。

これらの機能は、その後のすべてのフロントエンド アーキテクチャの基調を設定します。
前のページ1 2 3 4 5 次のページ 続きを読む

<<:  Docker ベースの ELK ログ システムを構築する方法

>>:  ソフトウェア 404 と 404 エラーとは何か、またそれらの違いは何ですか

推薦する

opensslを使用して無料の証明書を生成する方法

1: openssl とは何ですか? その機能は何ですか?適用シナリオは何ですか? Baidu 百科...

MySQLクエリツリー構造方式

目次MySQL クエリツリー構造1. ツリー構造について2. MySQLでカスタム関数を定義する方法...

mysqlのkey_lenの計算方法についての簡単な説明

MySQL の explain コマンドは SQL のパフォーマンスを分析できます。その 1 つが ...

Docker MySQLコンテナデータベースへの変更が有効にならない問題を解決する

公式の MySQL イメージを使用するには、構成ファイル、DB データ ファイル ディレクトリなどの...

複数の Docker コンテナが同じポート番号を持たない場合の解決策

背景Dockerでは、同じイメージを使用して4つのコンテナを作成します。ネットワークはブリッジモード...

Element-ui NavMenuサブメニューを使用して再帰的に生成する場合のエラーの詳細な説明

ナビゲーションバーのサブメニューを再帰的に生成すると、メニューは正常に生成できるが、マウスをホバーす...

Linuxで中断されたシステムを呼び出す方法

序文低速システム コールとは、決して戻らない可能性があり、プロセスを永久にブロックするシステム コー...

MySQL の 2 種類の一時テーブルの使用方法の詳細な説明

外部一時テーブルCREATE TEMPORARY TABLE によって作成された一時テーブルは、外部...

インタラクションデザインと心理学の驚くべきつながり18選

デザイナーは心理学を理解する必要があるデザイナーが知るべき心理学という本は非常に興味深いです。まず、...

MySQL の count 関数の正しい使い方の詳細な説明

1. 説明MySQLでは、テーブル内の行の総数を取得する必要がある場合、通常は次の文を使用します。 ...

MySQL 8.0.17 インストール グラフィック チュートリアル

この記事では、参考までにMySQL 8.0.17のインストールグラフィックチュートリアルを紹介します...

興味深いカウントダウン効果を実現するjs

js興味深いカウントダウンケース、参考までに、具体的な内容は次のとおりですコード: <!DO...

Linux ソースコードの解析 epoll

目次1. はじめに2. シンプルなepollの例2.1、epoll_create 2.2、構造体イベ...

CentOS 7.6 仮想ネットワーク カードのバッチ追加、変更、削除操作の紹介

1 カーネルにtunモジュールがあるかどうかを確認する modinfo tun modprobe t...

AES_ENCRYPT() と AES_DECRYPT() を使用して MySQL を暗号化および復号化する正しい方法の例

序文最近、仕事でAES_ENCRYPT()関数を使用してプレーンテキストを暗号化し、MySQL に保...