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 エラーとは何か、またそれらの違いは何ですか

推薦する

CSS は Alibaba ベクター ライブラリを使用して、対応する位置に見栄えの良いアイコン効果をすばやく追加します (サンプル コード)

Alibaba ベクターアイコンライブラリにアクセスAlibaba ベクターアイコンライブラリ好き...

CSS を使用して複数の方法で下揃えを実装するサンプル コード

会社のビジネス要件により、次の図の赤い領域の効果を達成する必要があります。 効果の説明: 1. 赤い...

MySQL データベースの集計クエリと結合クエリ操作

目次1. クエリ結果を挿入する2. 集計クエリ2.1 はじめに2.2 集計関数2.3 group b...

CSS の優先順位に関する詳細な紹介

CSS の優先順位について話す前に、CSS とは何か、CSS が何に使用されるのかを理解する必要があ...

シンプルなドラッグ効果を実現するJavaScript

この記事では、ドラッグ効果を実現するためのJavaScriptの具体的なコードを参考までに紹介します...

mysql 8.0.12 winx64 のダウンロードとインストールのチュートリアル

MySQL 8.0.12のダウンロードとインストールのチュートリアルは参考までに、具体的な内容は次の...

Reactの基本のまとめ

目次序文始めるReactライフサイクルリアクトファイバーリアクトセットステートReactイベントメカ...

純粋な CSS3 で実装された三目並べゲーム

操作効果: html <div class="三目並べ"> <...

小さなアイコンのフロントエンド処理ソリューションのグラフィカルな説明

序文この記事を始める前に、複数選択の質問をしてみましょう。フロントエンド開発でビルド ツールを使用す...

vuex の補助関数 mapGetters の基本的な使い方の詳細な説明

mapGettersヘルパー関数mapGettersヘルパー関数は、ストア内のゲッターをローカルの計...

パフォーマンス負荷診断にMySQLシステムデータベースを使用する方法

ある達人がかつて、自分の妻のことを知るのと同じくらい、自分が管理するデータベースのことを知るべきだと...

Vue の get リクエストと post リクエストの違いのまとめ

このチュートリアルの動作環境: Windows 7 システム、vue 2.9.6 バージョン、DEL...

Docker コンテナ ソース コードのデプロイ httpd ストレージ ボリュームを使用して Web サイトをデプロイする (推奨)

目次Dockerコンテナのソースコードを使用してhttpdをデプロイし、ストレージボリュームを使用し...

docker+jenkins+node.js の自動デプロイメント環境をゼロから構築する方法

このケースはCentOS 7システムに基づいていますDockerの使用経験がある人に適していますLi...

Ubuntu で apt-get を使用して mysql をインストールおよび完全にアンインストールする方法の詳細な説明

1. mysqlをインストールします。 udo apt-getでmysql-serverをインストー...