前端是做什么的
前端主要负责「浏览器里用户能看到和操作的部分」。大致可以理解成三层:
- 结构:用 HTML 定义页面有哪些区域和内容
- 表现:用 CSS 决定颜色、布局、动画等视觉效果
- 行为:用 JavaScript 处理交互、网络请求、数据渲染
现代前端不只是「写静态页面」,还包括:
- 单页应用(SPA):Vue、React、Svelte 等框架
- 工程化:打包(Vite / Webpack)、模块化、代码规范、自动化构建
- 接口与数据:调用后端 API、处理 JSON、鉴权等
学前准备建议
- 至少了解一点计算机基础:文件夹 / 路径 / 文本编辑器
- 能够安装软件:Node.js、Git、浏览器扩展等
- 有一点点英语耐心:看文档时至少敢「扫一眼」
入门技术栈一览
你可以先把下面这条线当成一个「第一圈」目标:
- HTML:常见标签、语义化、表单
- CSS:选择器、盒模型、flex 布局、简单动画
- JavaScript:变量、函数、作用域、数组与对象、Promise
- Git & GitHub:至少会 clone / commit / push
- 一个框架:建议先从 Vue 3 或 React 选一个
后面每一部分都可以慢慢深入,不必一次学完。
第一阶段的练习建议
- 用原生 HTML + CSS 实现一个个人主页:
- 顶部导航、个人简介
- 一块「最近在学什么」的列表
- 用原生 JavaScript 做一点小交互:
- 点击按钮切换主题色
- 回到顶部按钮
完成这个页面,你就已经有「真正写过前端页面」的成果了。