前端面试核心知识点与常见问题整理
核心知识板块
1. JavaScript 基础
- 作用域链：变量查找机制
- 闭包：函数作用域特性
- 原型链：继承机制
- 事件循环：单线程执行模型
2. ES6+ 特性
- Promise：异步编程解决方案
- async/await：异步语法糖
- 解构赋值：数据提取技巧
- 模块化：代码组织方式
3. 浏览器工作机制
- 从输入 URL 到页面展示流程
- 渲染原理：HTML/CSS/JS 解析与渲染
- 垃圾回收：内存管理机制
4. 性能优化
- 加载优化：资源加载策略
- 运行时优化：执行效率提升
- 缓存策略：本地与网络缓存
5. 框架核心原理
- React/Vue 生命周期
- 虚拟 DOM：渲染优化
- Diff 算法：节点更新策略
- 组件通信：数据传递机制
6. 前端安全
- XSS 攻击防护
- CSRF 攻击防护
- 通用安全防护措施
7. 网络协议
- HTTP 版本演进
- 跨域问题处理
- 缓存机制应用
8. 手写代码挑战
- 防抖节流实现
- 深拷贝实现
- 数组去重实现
HTML 专题
- 浏览器页面三层构成及作用
- HTML5 优缺点与新特性
- Doctype 作用及严格模式与混杂模式区分
- WEB 标准及 W3C 理解
- 行内元素、块级元素与空元素
- WebGL 及其优点
JavaScript 专题
- Cookie 优缺点
- Array.prototype.slice.call 方法作用
- 浏览器本地存储机制
- 原型 / 构造函数 / 实例关系
- 原型链详解
- 执行上下文 (EC) 与变量对象
- 作用域与作用域链
- 闭包应用
CSS 专题
- CSS 盒子模型解释
- CSS 选择器类型及用法
- CSS 特殊性（优先级、计算值）
- 动态改变层内容的方法
- 常见浏览器兼容性问题与方案
- display 属性值及作用
- div 居中及浮动元素居中
- link 和 @import 区别
- 清除浮动方法
- block, inline 和 inline-block 细节对比
Vue 专题
- Vue.js 两个核心
- 双向绑定原理
- 生命周期钩子函数
- v-if 和 v-show 区别
- Vue 常用修饰符
- nextTick 机制
- 数据响应式原理 (Proxy vs defineProperty)
