专为 Vibe Coding 新手准备——不用背代码,理解这些词,就能更精准地向 AI 描述需求。
“帮我搭一个网页的基本结构,要有标题、导航、正文和页脚。
“这个页面太素了,帮我美化一下——加点圆角、阴影、渐变。
“我想让这个按钮点一下弹个提示框,鼠标移上去变个颜色。
“我想用代码动态改变页面上某个元素的内容和样式。
“这个按钮在十个页面都用到了,帮我封装成一个通用组件。
“你可以说:「鼠标放上去的时候变个颜色/放大一点」,描述的就是 hover 效果。
“这个页面在手机上全挤在一起了,帮我做一下移动端适配。
“这几个元素怎么水平排列、垂直居中?我调了半天 margin 都不对。
“页面切换太生硬了,帮我加一些过渡动画,淡入淡出那种。
“首屏加载太慢了,用户还没滚动就走了,帮我优化一下首屏。
“页面切换时整个浏览器都刷新了,能不能像 App 一样无刷新切换?
“网站在国外打开很慢,有没有办法让全球用户都能快速访问?
“你可以说:「记住用户选了什么」或「切换时保持之前的输入」,涉及的就是状态管理。
“页面白屏了好几秒才出来,能不能让用户先看到个骨架屏?
“你可以说:「做一个三行两列的布局」。
“这个页面在手机上排版全乱了,文字太小、按钮挤在一起。
“我不知道该在什么宽度让布局从两列变成一列。
“点击「删除」按钮后,弹一个确认框让用户二次确认,别直接删了。
“页面太长了,能不能加个「回到顶部」按钮,滚动超过一屏才显示。
“导航栏能不能滚到顶部后就固定住,不要跟着滚走?
“帮我做一个注册表单,有邮箱、密码、确认密码,要实时校验格式。
“输入框里那行灰色的提示文字,用户一开始输入就消失了,那个叫什么?
“按钮上光有文字太单调了,加个小图标好看多了。
“浏览器标签页上那个小图标怎么换?现在显示的是默认地球。
“网站上线了但 Google 搜不到,怎么让搜索引擎收录我的页面?
“用户在三级页面里迷路了,加个路径导航让他知道自己在哪。
“列表有 200 条数据,不能全部加载出来,得分页显示。
“页面有 50 张图片,一打开全在加载,太慢了。
“JS 写多了各种 undefined 报错,有没有办法在写代码时就发现类型错误?
“这个页面组件太多了,帮我用 React 拆分一下,每个组件管自己的状态。
“React 本身没有路由和 SSR,每次都要自己配,有没有开箱即用的方案?
“我不想写一堆 CSS 文件了,有没有更快的方式加样式?
“想用别人写好的库(比如日期处理),怎么安装到项目里?
“父组件的数据怎么传给子组件?总不能每个组件都自己 fetch 吧。
“函数组件里怎么用状态和生命周期?以前只有 class 组件才行吧?
“在 JavaScript 里写 HTML 标签,这语法合法吗?看着好奇怪。
“每次状态变化都重新渲染整个页面,不会很慢吗?
“纯客户端渲染首屏白屏太久,SEO 也差,能不能服务器先渲染好?
“打开页面先白屏两三秒,然后内容才「啪」地出来,体验很差。
“Webpack 启动要等半分钟,改一行代码也要等好几秒才刷新,太慢了。