前端面试核心知识点梳理
核心知识板块
JavaScript 基础
- 作用域链:变量查找规则
- 闭包:函数作用域保护
- 原型链:继承机制
- 事件循环:异步任务调度
ES6+ 特性
- Promise:异步编程解决方案
- async/await:同步写法实现异步
- 解构赋值:数据提取技巧
- 模块化:代码组织方式
浏览器工作机制
- 从输入 URL 到页面展示流程
- 渲染原理:HTML/CSS/JS 解析与呈现
- 垃圾回收:内存管理机制
性能优化实战
- 加载优化:页面秒开策略
- 运行时优化:流畅度提升
- 缓存策略:内容存储优化
框架核心原理
- React/Vue 生命周期:组件状态管理
- 虚拟 DOM:高效更新机制
- Diff 算法:精准更新对比
- 组件通信:数据传递方式
前端安全防线
- XSS 攻击防护
- CSRF 攻击识别
- 网站安全防护策略
网络协议必修课
- HTTP 版本演进
- 跨域问题处理
- 缓存机制应用
手写代码挑战
- 防抖节流
- 深拷贝实现
- 数组去重
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 机制
- 数据响应式原理 (数据劫持)
- Virtual DOM 原理实现
- Proxy 相比于 defineProperty 的优势


