术语分类
前端Frontend
你可能会问
前端到底是什么？它在一条完整的开发流程里，负责哪一段？
简单来说
用户直接看到并操作的界面，以及浏览器中的交互逻辑。
01HTML组织标题、表单和内容结构
02CSS定义布局、字体和响应式样式
03JavaScript处理点击、状态和数据请求
04Browser组合并呈现可操作的页面
01 · 先这样理解
把抽象概念放进真实场景
用户直接看到并操作的界面，以及浏览器中的交互逻辑。
换个角度想可以把前端想成一家店的门面和服务台：顾客看到什么、点什么、得到什么反馈，都发生在这里。
02 · 点击演示
一个页面是怎样做出来的？
突出显示的部分，就是当前概念在整条流程中负责的位置。
<h1><p><button>文字
强调
间距
click
- Bubble's Lab
欢迎来到知识库
结构、样式和交互已经组合。
1 / 4
HTML · 组织标题、表单和内容结构
03 · 放进真实任务
什么时候会遇到它
制作页面
把设计稿实现成真实可访问的界面。
处理交互
响应输入、点击、加载、成功和错误状态。
适配设备
让同一功能在手机和电脑上都容易使用。
04 · 想一想
用一个问题检查理解
页面提示“保存成功”，但刷新后内容消失了。你会先检查哪里？
查看答案
先确认成功提示是否来自真实的后端响应，再检查刷新页面时有没有正确重新读取已保存的数据。
最容易踩的坑
发送到浏览器的代码可以被查看和修改。密钥、价格与权限判断不能只放在前端。