前端知识
一、HTML/CSS核心
盒模型与布局
标准盒模型（
content-box）与怪异盒模型（border-box）的区别及box-sizing的作用Flex布局实现三栏等高布局（
flex-grow分配剩余空间）Grid布局的
fr单位与隐式轨道定义CSS高级特性
BFC触发条件：浮动、绝对定位、
overflow非visible等，用于解决外边距合并问题伪类（
:hover）与伪元素（::before）的区别：伪类描述状态，伪元素创建虚拟元素CSS动画优化：优先使用
transform和opacity触发GPU加速
二、JavaScript深度
ES6+特性
let/const的块级作用域与暂时性死区（TDZ）现象可选链（
?.）与空值合并运算符（??）的短路特性Promise.allSettled与Promise.any的区别：前者等待所有完成，后者首个成功即返回核心机制
闭包的内存泄漏场景：未清理的DOM引用或定时器
事件循环中微任务（
Promise.then）优先于宏任务（setTimeout）执行手写深拷贝函数需处理循环引用（使用
WeakMap缓存）
三、框架专项（React/Vue）
React 19
Server Components原理：服务端渲染零客户端Bundl
useTransition优化交互：标记非紧急更新（如搜索输入防抖）Fiber架构的可中断渲染：链表结构+优先级调度
Vue 4.0
Composition API逻辑复用优势：解耦功能代码，替代Mixin
Teleport组件实现模态框跨DOM层级渲染响应式原理：Proxy拦截 vs Vue2的
Object.defineProperty
四、工程化与优化
构建工具
Vite的ESM按需编译：开发环境无需打包
Webpack Tree Shaking条件：ES Module静态分析+SideEffects标记
性能优化
岛屿架构（Astro）：仅激活交互区域的Partial Hydration
CDN动态加速：边缘节点缓存API响应
首屏优化：SSR+CSR混合渲染+流式HTML
五、2025新兴考点
WebGPU
3D渲染性能对比WebGL提升5倍+，支持计算着色器
AI集成
GitHub Copilot生成代码片段，需人工校验安全性
微前端
qiankun2.0的样式隔离方案：Shadow DOM+CSS命名空间
