技术文章 | 不懂技术如何判断一个页面的开发复杂度

本文来源于阿里云-云栖社区，原文点击这里。

做为一名苦逼前端码农，写给一起奋战的产品经理们。

最近的聊天中产品经理说：“我不懂技术，所以当初也判断不好这个页面在技术实现上有多复杂”。于是想起来有好几次：

• 有好几次，在产品经理眼里很简单的需求，可最后出来的技术方案非常复杂，开发工作量特别大，导致整个项目不得不重新评估。
• 有好几次，朋友问我能不能给他做个小游戏，很简单的网页小游戏哦，像QQ农场那样的。

有时候在想有没有一种简单的方法，让不懂技术的人能判断一个页面的前端复杂度，于是有了这篇文章。希望能让前端码农和产品经理能更好的互相理解，合作如丝般顺滑。

下文总结三个基本原则，用这三个原则可以大致判断一个页面前端复杂度。

注意：

1. 本文只适用于辅助产品经理理解页面复杂度，不能代替前端工程师评估工作量，每个网站的业务模型、架构设计都不一样，开发起来也大不相同。
2. 本文只适用于理解前端开发复杂度，不包含服务端开发。

原则一 ： 交互越多越复杂

先看如下两个页面：

左边的页面内容丰富、样式多样。内容包含页头、导航栏、tab标签、文章列表，每篇文章又包含回答计数、作者、最新回答时间、标题、标签，布局上有各种排列方式，还有各种色彩。

右边的页面看起来只有简单的3个输入框、2个勾选框、2个按钮，页面内容整体看起来并不丰富。

左边的页面看起来比右边的页面复杂，但实际上开发起来右边的页面复杂得多。左边的页面可以称之为“纯展示型页面”，这类页面的显著共同点是只有数据的展示而不能与用户发生交互。右边的页面称之为“富交互型页面”，常常包含以下交互元素：

>>>展开全文