前端面试核心考点梳理
在前端开发领域，扎实的技术栈是基础，但清晰的理论认知往往是面试通关的关键。很多开发者技术能力不错，却在面试中因缺乏对底层原理的深入理解而失分。
本文梳理了当前前端面试中的高频考点，按知识板块进行了分类整理，涵盖了从基础语言到框架原理的核心内容。
核心知识板块
1. JavaScript 核心机制
- 作用域链：变量查找的'寻宝游戏'
- 闭包：函数的小金库，私房钱存放处
- 原型链：JS 的家族族谱，继承的秘密
- 事件循环：JS 单线程的'时间管理大师'
2. ES6+ 必会特性
- Promise：告别回调地狱的'承诺书'
- async/await：同步写法的异步魔法
- 解构赋值：优雅的数据拆包技巧
- 模块化：代码组织的'分房睡'哲学
3. 浏览器工作机制
- 从输入 URL 到页面展示：浏览器的一场'流水线作业'
- 渲染原理：HTML/CSS/JS 如何变成你看到的页面
- 垃圾回收：内存空间的'保洁阿姨'
4. 性能优化实战
- 加载优化：让页面'秒开'的秘籍
- 运行时优化：告别卡顿的流畅魔法
- 缓存策略：聪明的'记忆大师'
5. 框架核心原理
- React/Vue 生命周期：组件的'人生阶段'
- 虚拟 DOM：高效的'页面草稿纸'
- Diff 算法：精准更新的'找不同游戏'
- 组件通信：组件间的'悄悄话传递'
6. 前端安全防线
- XSS 攻击：如何防住'脚本小混混'
- CSRF 攻击：识别'冒名顶替者'
- 安全防护：给你的网站穿上'防弹衣'
7. 网络协议必修课
- HTTP 进化史：1.1 到 2.0 的'速度与激情'
- 跨域问题：浏览器的'安全隔离带'
- 缓存机制：聪明的'内容快递员'
8. 手写代码挑战
- 防抖节流：性能优化的'守门员'
- 深拷贝：对象的'克隆技术'
- 数组去重：数据清洗的'筛子'
HTML 专题
- 浏览器页面有哪三层构成，分别是什么，作用是什么？
- HTML5 的优点与缺点？
- Doctype 作用？严格模式与混杂模式如何区分？它们有何意义？
- HTML5 有哪些新特性、移除了哪些元素？
- 你做的网页在哪些浏览器测试过，这些浏览器的内核分别是什么？
- 每个 HTML 文件里开头都有个很重要的东西，Doctype，知道这是干什么的吗？
- 说说你对 HTML5 认识？（是什么，为什么）
- 对 WEB 标准以及 W3C 的理解与认识？
- HTML5 行内元素有哪些，块级元素有哪些，空元素有哪些？
- 什么是 WebGL，它有什么优点？
JavaScript 专题
- 请你谈谈 Cookie 的优缺点
- Array.prototype.slice.call(arr，2) 方法的作用是：
- 简单说一下浏览器本地存储是怎样的
- 原型 / 构造函数 / 实例
- 原型链：
- 执行上下文 (EC)
- 变量对象
- 作用域
- 作用域链