做商城不要总想着做 "全功能商城"，90% 的功能客户根本用不上。先搞清楚客户到底是哪种模式：单商户还是多商户，ToC 还是 ToB，零售还是批发，把核心流程做对做顺，比什么都强。把这 5 个模板存下来，99% 的电商需求都能覆盖。

1. 报名表单：字段涵盖姓名（必填，2-10字符）、手机号（必填，11位数字正则校验）、邮箱（可选，格式校验）、参加人数（1-5数字选择器）及备注（文本域）。对象字段包括：id、姓名、部门（技术/市场/销售/人事）、职位、入职年份（2020-2025）、季度绩效（Q1-Q4，0-100整数）、年度目标完成率（百分比）。数据结构：salesData 数组，每条记录包含日期（2025年内随机）、区域（

实现完整的折纸逻辑较为复杂，但作为纯前端挑战，要求至少实现一次折叠：给定一条折痕线（由玩家两点确定），程序将纸张的点阵划分为两侧，一侧保持平面，另一侧沿折痕镜像旋转至叠在另一侧上方（需处理深度排序）。游戏场景为10x10网格，机器人起始于左上角，货物位于右下角，网格上随机分布障碍物（箱子）。玩家通过点击（桌面）或触摸（移动端）点击任意泡泡，触发破裂动画：泡泡收缩并消失，同时播放Canvas绘制的微

下面 5 条全部为题目，分简单 / 中等 / 复杂、3D 动效 / 常规页面两类，无后端依赖、细节落地、贴合真实企业建站需求，直接放进技术分享文即可。

纯前端能做的事情其实特别多，不要总觉得必须要有后端才能做项目。把前端做到极致，一样能做出很有价值的产品。很多工具类、展示类的产品，纯前端完全够用，开发速度还快，部署还简单。建议每个前端同学都至少做一个自己的纯前端产品，收获真的很大。

这五个命题涵盖了前端开发的几个核心硬技能：大数据量下的渲染性能、网络不稳定时的用户体验、离线存储与同步、构建工具的深度定制以及无障碍访问的合规性。能扎实完成这些任务，说明开发者已经脱离了“切图仔”的阶段，具备了独立解决复杂工程问题的能力。这里整理了五条前端开发命题。这些题目不谈虚的，不追求花哨的视觉效果，而是直击前端工程中的痛点：长列表渲染、复杂状态同步、离线优先、构建优化以及无障碍访问。它们适合

💡 **写在前面**：随着 Cursor、GitHub Copilot、通义灵码等 AI 编程工具的爆发，**“提示词质量”直接决定了代码生成的上限**。内置距离场着色器，根据顶点到波前的距离动态控制点云模型的 `opacity` 与 `size`，使沉船/海底地形被“扫描”后渐显。静止时转为微风晴空循环。2. **明确技术边界**：在提示词开头固定引擎版本与依赖（如 `Three.js r16

3. 开发范式变革​：AI已经把原型开发成本从“天级”降到“分钟级”，开发者可以把更多精力放在玩法调优和体验设计上，这也是当前独立开发的新趋势[参考内容 1][参考内容 3]AI生成式开发时代，通过精心设计的Prompt能快速在Canvas或Pygame中生成可运行的经典游戏原型，以下是经过实战验证的3组优质模板，开箱即用​。1. 大模型选择​：推荐使用Claude 3.5或GPT-4o生成代码，

技术栈写死，别让 AI 瞎选型边界说清楚，哪些要做哪些不要做要求可运行，不要示例代码别写那种 "帮我做一个管理系统" 的废话。AI 不是产品经理，你不说清楚，它就给你凑一堆看起来能用、实际上一跑就崩的代码。把这 5 条存下来，下次开新项目先套一遍，真的能省很多事。

今天分享 5 个我日常开发中一直在用的提示词模板 —— 不是那种空泛的 "帮我写个管理系统"，而是把所有约束条件、技术栈、代码规范都写死，复制粘贴就能生成能用的项目骨架。这些提示词本质上就是把一个资深开发者的经验固化成了模板 —— 你把规范、约束、踩过的坑都提前告诉 AI，它就不会给你生成那些看起来能用、实际上一跑就崩的垃圾代码。很多人让 AI 审代码，结果得到一堆 "可以加注释"、"变量名可以更