土豆网(tudou.com)前端概况

233 阅读 0 评论 154 点赞

我是靠谱客的博主美好马里奥，最近开发中收集的这篇文章主要介绍土豆网(tudou.com)前端概况，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

一、分工和流程
在土豆网，以项目开发为核心，谁都可以带项目，担任项目经理。
一个典型的土豆网项目中，当进入正式开发阶段，通常参与者包括：1名设计师，1-2名前端工程师，1到多名后台工程师，1-2名系统运维管理员。
其中，前三者的工作都是可以并发的，最终整合通常是前段工程师，对于复杂度较低的页面处理，一般工程师也可以直接参与。
不管是设计师、前端和后台工程师，对于分离的领会和理解都非常重要，并且导致配合上，不同理解层次的人会产生不同的配合效果。
其中，设计师和前端工程师的配合无疑是最重要的，设计师的风格直接导致前端页面结构的简洁或者复杂，程序逻辑的简洁或者复杂。
一个卓越于设计并且理解W3C网页标准的设计师是珍稀而罕见的。
二、基本架构（Architecture）
架构的目标：可扩展性、可维护性、可复用性
1. 内容（Infomation/Content）
土豆网的内容结构，从模块来说，如中心橙色圈所区分出的九个大块：

从其功用来说，则分为三个层次：

这些特性决定了后面所有前端架构的基调。