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