前端面试核心知识点梳理
前端面试不仅考察技术深度，更看重知识体系的完整性。以下整理了高频考点，按优先级排序，建议结合源码与实践深入理解。
JavaScript 核心机制
- 作用域链：变量查找的层级规则
- 闭包：函数作用域的持久化机制
- 原型链：对象继承的核心路径
- 事件循环：异步任务的执行模型
ES6+ 新特性
- Promise：异步编程的标准解决方案
- async/await：基于 Promise 的语法糖
- 解构赋值：数组与对象的便捷提取
- 模块化：代码组织的标准规范
浏览器工作机制
- 渲染流程：从 URL 输入到页面展示的完整链路
- 渲染原理：HTML/CSS/JS 如何构建可视页面
- 垃圾回收：内存管理的自动清理机制
性能优化实战
- 加载优化：减少首屏资源体积与请求数
- 运行时优化：避免主线程阻塞
- 缓存策略：利用浏览器缓存提升访问速度
框架核心原理
- 生命周期：组件挂载、更新与销毁的关键节点
- 虚拟 DOM：DOM 操作的抽象层与 Diff 算法
- 组件通信：父子组件及跨级状态传递方案
前端安全防线
- XSS 攻击：脚本注入的防御策略
- CSRF 攻击：跨站请求伪造的识别与防护
网络协议必修课
- HTTP 演进：从 1.1 到 2.0 的性能提升
- 跨域问题：同源策略与 CORS 解决方案
- 缓存机制：强缓存与协商缓存的配合
手写代码挑战
- 防抖节流：控制函数执行频率
- 深拷贝：复杂对象的完全复制
- 数组去重：集合数据的清洗技巧
HTML 专题
- 浏览器页面有哪三层构成，分别是什么，作用是什么？
- HTML5 的优点与缺点？
- Doctype 作用？严格模式与混杂模式如何区分？它们有何意义？
- HTML5 有哪些新特性、移除了哪些元素？
- 你做的网页在哪些浏览器测试过，这些浏览器的内核分别是什么？
- 每个 HTML 文件里开头都有个很重要的东西，Doctype，知道这是干什么的吗？
- 说说你对 HTML5 认识？（是什么，为什么）
- 对 WEB 标准以及 W3C 的理解与认识？
- HTML5 行内元素有哪些，块级元素有哪些，空元素有哪些？
- 什么是 WebGL，它有什么优点？
