基础篇
简版速记
临场前 5 分钟扫一遍,把高频考点压成一句话。展开细节看后文各小节。
HTML / HTTP / Web
- SEO 要点:语义化标签、重要内容前置、关键内容别靠 JS 输出、图片加
alt、少用iframe、提速。 title是通用属性(悬停提示),alt是<img>专有的替代文本(图裂时显示、读屏器朗读、SEO 抓取)。- HTTP 方法:
GET取数据(幂等、安全、参数在 URL);POST提交(非幂等、参数在 body);PUT整体替换(幂等);PATCH局部更新;DELETE删除。 - 缓存:强缓存(
Cache-Control/Expires,不发请求)→ 协商缓存(ETag/Last-Modified,发请求带 304)。 - 存储三件套:
cookie(≤4K、随同源请求自动带、可设过期)、localStorage(持久)、sessionStorage(关页即清);后两者不自动上送服务器。 - HTTP/2:多路复用、头部压缩(HPACK)、二进制分帧、服务端推送;HTTP/3 换用 QUIC(UDP),解决队头阻塞。
CSS
- 盒模型:
content-box(默认) vsborder-box(width含 padding/border,更好算)。 - 居中:水平用
margin:0 auto/text-align:center;垂直水平首选flex(justify-content+align-items)或display:grid; place-items:center,兼容旧法用absolute + transform:translate(-50%,-50%)。 - 清浮动:
clear:both伪元素法、BFC(overflow:hidden);现代布局已基本不靠float,用 Flex/Grid。 position:static/relative/absolute/fixed/sticky;display/float/position三者会相互影响(如绝对定位后display计算为block)。
JavaScript
- 数据类型:原始(
string/number/boolean/null/undefined/symbol/bigint)+ 引用(object);判类型用typeof、instanceof、Object.prototype.toString.call()。 var/let/const:var函数作用域+变量提升;let/const块级作用域+暂时性死区;const不可重新赋值。- 闭包:函数 + 其引用的外层作用域,常用于私有变量、防抖节流、柯里化。
- 原型链:实例
__proto__→ 构造函数prototype→ 逐级向上到Object.prototype→null。 - 继承:现代用
class ... extends ... super();老式有原型链/借用构造/组合/寄生组合继承。 - 异步:回调 → Promise →
async/await;事件循环分宏任务(setTimeout)与微任务(Promise.then),微任务优先清空。 - 防抖(debounce,停止操作后再执行)vs 节流(throttle,固定间隔执行一次)。
- 请求演进:
XMLHttpRequest→fetch(Promise、需手动处理错误/超时)→axios(拦截器、自动 JSON、取消请求)。
工程 / 框架
- webpack 核心:entry / output / loader(转换文件)/ plugin(扩展能力);优化靠分包、Tree Shaking、压缩、缓存。
- 框架对比:React(单向数据流、JSX、Hooks)、Vue(响应式、模板、双向绑定
v-model)。 - 性能优化抓手:减少请求(合并/雪碧图/HTTP2)、压缩与缓存、懒加载、CDN、骨架屏、关键渲染路径优化。
基础篇
前端基础题型,快速过一遍即可

