南鸢nuyoah

前端Frontend

前端和后端到底有什么区别？一次操作经过哪些部分？

也常被叫作：前端开发

当前步骤 · 1 / 6

浏览器界面

浏览器加载页面后，把前端代码组合成用户真正操作的界面。

界面呈现流程数据请求与响应

前端在哪里，边界到哪儿？

浏览器窗口结构

用户在浏览器中看到、点击和输入的页面内容，属于前端负责的范围。

浏览器是打开网站的环境；页面内容区是前端主要呈现和接收操作的地方。
职责分界

前端将内容、样式和交互变成界面；后端处理权限、业务规则和数据。

用户这一侧

前端负责

  • 页面结构（HTML）
  • 页面样式（CSS）
  • 交互逻辑（JavaScript）
  • 表单验证（前端验证）
  • 数据请求（调用 API）
  • 界面状态（如登录态）
API发送请求返回数据
服务器这一侧

后端负责

  • 业务逻辑与规则
  • 数据库读写
  • 用户认证与权限校验
  • 接口设计与数据返回
  • 文件存储与处理
  • 安全与性能保障

一次注册，前端和后端怎样接力？

用户注册表单（前端视角）

注册页里的输入框、按钮状态、表单校验和“正在提交 / 注册成功 / 出错了”提示属于前端；账号是否创建成功以及数据如何保存由后端处理。

用户看到的前端界面用户名（4–20 位）邮箱密码（6 位以上）确认密码注册
点击“注册”之后
  1. 1前端
    填写表单

    在浏览器中输入信息

  2. 2前端
    前端校验

    检查格式与必填项

  3. 3前端
    调用 API

    发送注册请求

  4. 4后端
    后端处理

    创建用户并返回结果

  5. 5前端
    显示结果

    展示成功或失败提示

四个最容易搞混的问题

  • 前端能不能写数据库？

    不能。前端只能通过 API 让后端去操作数据库。

  • 前端和 UI 设计一样吗？

    不一样。UI 设计给出视觉与交互方案，前端把方案实现为可使用的界面。

  • 前端只用 JavaScript 吗？

    不是。HTML 负责结构，CSS 负责样式，JavaScript 负责交互。

  • 前端能做移动端 App 吗？

    可以。Web 技术可以用于跨端开发，原生应用也有自己的客户端技术栈。

可以这样交给 Agent

请实现一个用户注册页面，包含用户名、邮箱、密码和确认密码四个字段；完成桌面端与手机端适配，补齐前端校验、提交中的 Loading 状态、成功与失败提示，并通过现有 API 提交真实数据。