| DOM |
浏览器把网页内容拆成一个个节点拼成的树，页面上的文字、图片、按钮都挂在这棵树上。前端改页面，多数时候就是在这棵树上加加减减。 |
网页结构 |
| 响应式布局 |
同一套页面能自动适应不同屏幕大小，手机上排成窄窄一列，电脑上摊成宽宽一排。一套代码适配所有设备，省事又省钱。 |
自适应布局 |
| 组件化 |
把页面拆成一个个能反复用的小积木，比如按钮、导航栏，哪里需要就往哪里拼。改一处样式，用到它的地方一起更新。 |
模块化 |
| 埋点 |
在页面或按钮上记一笔：谁在什么时候点了什么。用户的行为数据就是这样一点点攒出来的。 |
数据采集 |
| 浏览器兼容 |
同一个页面在 Chrome、Safari 这些不同浏览器里都能正常显示。用户用什么浏览器你说了不算，只能迁就他们。 |
兼容性 |
| 静态资源 |
图片、样式表、脚本这类不用服务器现算、直接发给浏览器的文件。它们通常放在 CDN 上，加载更快。 |
cdn |
| 单页应用 |
整站就一张页面，切换内容时不再整页刷新，只是局部换掉。用起来更顺滑，感觉像在用 App。 |
spa |
| 前端框架 |
帮前端快速搭页面的工具套装，常见的有 React、Vue，专门处理数据和页面怎么对应。 |
web前端 |
| 首屏时间 |
用户打开页面到看见第一屏内容花掉的时间。这一下等太久，用户就直接关掉走人。 |
性能 |
| 跨端开发 |
写一套代码，能同时跑到手机、平板、电脑上不同的系统里，省去为每个平台单独开发的力气。 |
多端 |