一个互联网产品，是这样从想法变成你手里的产品的——下面按「谁来干这一环」分类，看懂每个角色的行话。
- 产品经理想清楚做什么
- 设计师画出长什么样
- 前后端把它真正做出来
- 测试保证不崩
- 运维让它上线
- 运营让它长起来
- 你 + AI不懂技术也能指挥
- frontend前端用户「看得见、摸得着」的那一半——你在屏幕上看到的页面、按钮、动画全是前端。可以理解成餐厅的「前厅」：菜单、餐桌、装修都在这儿。
- page页面你在浏览器里看到的一屏内容就是一个页面。点链接换一屏，就是从一个页面跳到另一个页面。
- component fe组件把界面拆成一块块「可重复用的积木」：一个按钮、一个卡片、一个导航栏都是组件。搭好积木再拼成页面，改一处处处生效。
- htmlHTML网页的「骨架」，负责「有什么内容」——这是标题、那是段落、这里放图片。光有 HTML 的网页能看但很丑，像没装修的毛坯房。
- cssCSS网页的「装修」，负责「长什么样」——颜色、字体、布局、间距、动画都归它管。CSS 让毛坯房变成精装房。
- javascriptJavaScript网页的「行为」，负责「能干什么」——点击有反应、表单能提交、数据会更新。它让死页面活起来，是前端的「大脑」。
- framework fe前端框架前人写好的「半成品工具箱」（如 React、Vue），帮你少写重复代码、更快搭界面。不用从零造轮子，站在框架肩膀上做事。
- responsive响应式同一个网页，在电脑大屏、平板、手机上都能自动调整布局、都好看好用。「一套设计，自适应各种屏幕」就是响应式。
- browser浏览器用来打开网页的软件（Chrome、Safari、Edge）。前端代码最终是「跑在浏览器里」给用户看的，所以要照顾不同浏览器的脾气。
- state状态界面「当前的样子/数据」，比如购物车里有几件、按钮是开还是关。状态一变，界面就跟着变。前端很大一部分工作就是「管好状态」。
- routing路由决定「访问哪个网址，显示哪个页面」的规则，就像大楼的门牌号导航。点了「关于我们」就路由到关于页。
- api integration接口联调前端和后端「对接」：前端去后端要数据、后端把数据传回来显示。联调就是双方一起调试「这根管子通不通、数据对不对」。
- compatibility兼容性保证在不同浏览器、不同手机、不同版本上都能正常用。「在我电脑上好好的，到你这儿崩了」常常就是兼容性问题。
- build打包构建把开发时一堆零散的代码「压缩、打包」成浏览器能高效加载的成品文件。就像搬家前把东西装箱打包，到了再展开。
- first screen首屏 / 加载速度用户打开网页后「第一眼多久能看到内容」。首屏越快，跑掉的人越少。慢一秒，可能就流失一批用户，所以前端很看重它。