前端
Frontend
初级通用前端(Frontend)是产品中直接面向用户、负责展示内容并接收操作的部分。它把数据和功能变成可使用的界面,比如让用户在网页上查看订单、提交搜索。
你可能会说:「我想让用户打开网站就能看到内容、填写信息并点按钮完成操作。」
动手看看搜索商品时,前端做了什么
1
用户在搜索框输入「帆布包」,再点击搜索。接收输入和点击操作的这个网页界面,就是前端。
要点前端在产品里负责什么?
- 1
把内容变成可操作的界面
你做一个订单管理页,前端负责呈现订单列表、筛选框和操作按钮,也负责在用户点击后更新界面。因为用户是通过这些界面使用产品的,所以功能做出来还不够,前端也得让人看得到、用得上。
- 2
与后端配合获取和提交数据
用户打开订单页时,前端可以向后端请求订单数据,再把结果显示出来;用户修改收货地址时,前端把输入提交给后端。这样分工是因为界面要响应操作,而保存和读取业务数据通常由后端处理。
- 3
照顾不同设备和操作状态
同一张表单在电脑和手机上可能需要不同排布。提交后还会出现加载、成功或失败等状态。前端处理这些变化,用户才知道系统有没有收到操作,也能在不同屏幕上完成同一件事。
容易混淆的地方
前端不等于界面设计:设计侧重决定页面长什么样、怎样使用,前端还要把界面实现出来,让它响应操作并接入数据。前端也不等于后端:前端负责用户接触到的交互,后端通常处理业务规则、数据存取等。两者会配合,但不能只凭页面上看到了数据,就认定数据保存在前端。
什么时候用
适合用
- 做一个后台订单页,让运营人员在浏览器里筛选订单、查看详情并修改状态。
- 做 AI 聊天工具,让用户输入问题,并在界面上看到生成中的回复和报错提示。
- 把已有网页改成手机上也方便操作的版本,调整排布和交互反馈。
不适合用
- 只需要每天定时同步两套系统的数据,没有人要操作界面;先做后端任务更合适。
- 只是给其他程序提供订单查询能力,不需要面向用户的页面;先实现 API。
- 只想快速验证一段本地数据处理逻辑,自己在终端运行即可;用脚本更省事。
练一练选一个答案,看看解释
你要做一个订单查询网站。用户输入订单号后,页面显示查询结果;订单数据存在服务器上。哪种分工更符合前端的职责?
让 AI 帮你做复制给 AI Agent 直接用
请实现这个订单查询功能的前端:提供订单号输入框和查询按钮,调用现有查询 API,并展示加载、查询结果和失败状态。先确认 API 的请求与返回格式;不要在前端保存或伪造订单数据。