一个前端一天可以做多少页面?

一个前端一天能做多少页面?这个问题没有固定答案,但在真实项目中,绝大多数情况下是 0.5–3 个页面/天(中等复杂度),极端情况下能到 5–10+ 个(纯切图/高度重复/用 AI 工具)。

下面按 2025–2026 年国内互联网/外包/大厂/中小厂的真实反馈和观察,给你一个务实的分层对比表(基于知乎、掘金、V2EX、Reddit、脉脉等高赞讨论共识):

页面类型 & 复杂度典型日完成量(经验中级前端,8小时有效编码)影响因素 & 真实案例备注对应场景 / 项目类型
极简静态页(纯 HTML+CSS,无交互)3–8 个复制粘贴模板 + 改颜色/文字,AI 工具(如 v0、Cursor)可 10+ 个外包低价站、营销落地页批量
简单业务页(表单、列表、Tab切换)2–4 个有基本交互 + 响应式 + 调接口,设计师给好设计稿中后台管理系统、H5 活动页
中等复杂度页(复杂布局、动画、组件封装)1–2 个涉及自定义组件、状态管理、性能优化、适配多端官网、电商详情页、小程序主页面
高复杂度页(重交互、3D、WebGL、大屏、复杂表单校验)0.3–1 个(甚至 2–3 天/页)需要写大量 JS 逻辑、调试浏览器兼容、像素级还原、跟设计师反复对齐营销 H5、数据可视化大屏、复杂 SaaS 页面
使用 AI 工具加速后(Cursor / v0 / Claude / Windsurf)+50% ~ +300%(1 天干传统 3–10 天活)先让 AI 生成布局/组件,再手动修交互/逻辑/性能,2025–2026 年已成主流提效方式创业公司/个人项目/快速原型

更现实的“一天工作量”拆解(中级前端,正常 8 小时)

  • 纯切图/布局阶段:2–5 个页面(Tailwind / UnoCSS / Shadcn 等现代工具下更快)
  • 加交互 + 调接口 + 联调:通常砍一半,只剩 1–2.5 个
  • 像素级还原 + 动效 + 兼容性 + 测试:再砍一半,0.5–1.5 个
  • 开会/需求澄清/改稿/写文档/ code review:有效编码时间经常只剩 4–6 小时 → 再砍 30–50%

所以大厂/中大型项目里,一个前端一个月交付 15–30 个页面(中等偏上复杂度)已经算正常偏快节奏了。
外包/小厂/创业公司如果赶工期,经常 1 天 3–5 个,但质量和可维护性通常打折。

影响“一天多少页”的核心变量(排序从高到低)

  1. 设计稿质量 & 复杂度 → 设计师给的稿越乱/细节越多,前端越慢
  2. 交互/动效需求 → 简单 Tab vs 复杂拖拽/粒子动画/3D 差 5–10 倍时间
  3. 是否需要像素级还原 → 要像素级 vs “大概像就行” 差 2–4 倍
  4. 框架/工具链 → Vue/React + Tailwind + Shadcn vs 纯原生 CSS/JS 差 2–3 倍
  5. AI 辅助程度 → 2026 年用好 Cursor/v0 的前端,效率轻松翻倍甚至更多
  6. 经验 & 专注度 → 5 年+ 老手 vs 1 年新人,速度差 2–3 倍
  7. 联调/后端接口稳定性 → 接口经常变/没 mock,前端时间浪费在等和改上

一句话总结(最扎心的版本):

一个正常业务项目里,中级前端一天真正“高质量交付”的页面数,通常是 1–2 个(中等复杂度)。
吹一天 5–10 个的,要么是极简页/批量复制、要么是 AI 神助攻、要么是质量/可维护性不要了。

你现在问这个,是自己被 leader 压 KPI 了,还是在评估某个项目的工作量?
或者想知道用 AI 工具后能提效到什么程度?说说你的具体情况(技术栈、页面类型、公司类型),我可以给你更针对性的估算~

Read more

openclaw多agent对接飞书机器人

本文介绍了基于飞书的多Agent系统架构设计,通过OpenClaw Gateway实现飞书应用与AI Agent的对接。系统采用多Agent架构,每个飞书机器人对应独立的AI Agent,拥有专属的工作空间、知识库和模型配置。         本文可以参考的内容: * 多agent对接单个飞书账号 * openclaw多agent群聊 * 飞书机器人群聊 * 多agent数据隔离 * 多agent单独安装skills         隔离性说明: * 每个 Agent 的模型状态完全独立 * 每个 agent 对应一个飞书机器人 * 每个 agent 的技能单独安装维护 * 模型切换仅对当前会话生效(持久化到 Agent 配置) * 严格隔离:每个 Agent 独立 workspace 和 data 添加新的 agent # 添加agent openclaw agents add finance_agent #openclaw agents add code_agent # 设置身份

Stable Diffusion WebUI完全指南:零基础变身AI绘画大师

Stable Diffusion WebUI完全指南:零基础变身AI绘画大师 【免费下载链接】stable-diffusion-webuiAUTOMATIC1111/stable-diffusion-webui - 一个为Stable Diffusion模型提供的Web界面,使用Gradio库实现,允许用户通过Web界面使用Stable Diffusion进行图像生成。 项目地址: https://gitcode.com/GitHub_Trending/st/stable-diffusion-webui 想要用简单的文字创造出惊艳的视觉作品吗?Stable Diffusion WebUI正是实现这个梦想的完美工具。这个基于Gradio库构建的开源项目,让任何人都能轻松驾驭AI图像生成的强大能力。无论你是艺术爱好者、设计师,还是对AI技术充满好奇的普通人,这篇指南都将带你从零开始,快速掌握这个革命性的创作工具。🚀 新手入门:准备工作与环境搭建 系统要求与安装步骤 硬件配置建议表: | 显卡VRAM | 推荐分辨率 | 适用人群 | |----------|---------

Discord中创建机器人的流程

主要步骤概览 1. 在 Discord Developer Portal 创建应用(Application) 2. 在应用中创建 Bot(Bot User) 3. 开启必要的权限与 Privileged Intents(特别是 Message Content Intent) 4. 生成邀请链接并把 Bot 邀请进你的服务器 5. 获取 Bot Token 并妥善保存(放到环境变量) 6. (可选)在服务器/频道设置权限,确认 Bot 可以读取消息历史与附件 7. 用 Python 运行最小测试脚本,确认能接收到消息并处理附件 详细步骤 1. 创建应用(Application) * 打开:https://discord.

轮腿机器人代码调试补充

轮腿机器人代码调试补充

* @Author: 星夜雨夜 * @brief: 轮腿基础代码编写调试补充,移植自达妙开源代码 * @attention:笔者默认读者已经熟练掌握机甲大师RoboMaster c型开发板例程代码的底盘代码和INS_task.c陀螺仪代码、熟练掌握各电机can协议和遥控器dbus协议。默认读者已能看懂轮腿圣经和玺佬的五连杆运动学解算与VMC。建议读者仔细研读轮腿圣经3~5遍,边看MATLAB文件和达妙开源代码,掌握轮腿调试和编写大致思路。一定要注意各状态变量的单位和正负号是否正确,轮腿调试过程中,最难之处在于极性是否正确。本车所有电机均为逆时针旋转为正方向。 !!!强烈建议读者在开发轮腿之前,先运用LQR算法完成一阶倒立摆的平衡小车(即板凳模型)的实现 !!!如果时间紧,其实完全可以不搞仿真,直接实机开调。仿真不疯,实物不一定不疯;但实物疯,仿真必疯。 调试成果展示视频链接(抖音):轮腿机器人 一阶倒立摆平衡小车参考资料: 1.本科毕设 轮腿式双足机器人 开源文件演示_哔哩哔哩_bilibili(资料在视频评论区) 2.达妙平衡小车开源:[达妙科技开源系列-平衡小车] 第一弹_哔哩