面试

1. HTML 语义化标签的作用 ⚡这一步暗藏BUG？——用 <div class="header"> 也能做头部，但屏幕阅读器会迷路！ Q1: 为什么 <article> 比 <div> 更适合博客

一、ES6 的6种变量声明方式（含实战陷阱与追问链） ES6（ECMAScript 2015）带来了语言层面的巨大升级，其中变量声明机制是开发者最直观感受到的变革。它不再局限于 var，而是引入了更安

ES6核心功能概览 ES6（ECMAScript 2015）是JavaScript发展史上的重要里程碑，带来了众多革命性特性： 🎯主要功能列表 let/const 变量声明 箭头函数 => 模板字符串

⚡闭包引发内存泄漏的原理图 ⚠️闭包不释放 = 内存不回收？ 闭包与内存泄漏的关系 闭包（Closure）是 JavaScript 中一个强大但容易引发内存问题的特性。当一个内部函数引用了外部函数的变

1. 前端性能优化实战策略 ✅ 加载优化 资源压缩：Webpack + Terser（JS）、CSSNano 代码分割：import() 动态导入，按路由拆分 预加载：<link rel="prelo

1. FormData 和原生 AJAX 有什么区别？ ✅ FormData 职责： 构建 multipart/form-data 格式数据 自动处理文件上传、二进制流 支持 append(key,

1. JavaScript 中的 9 种继承方式 ✅ 方式一：原型链继承 Q1: 多个 Child 实例修改 colors 会互相影响吗？ A1: 会！因为所有实例共享同一个原型上的引用属性 ❌ ✅

1. 数据类型分别存在哪里？ (1) var a = {name: "前端开发"}; var b = a; a = null，b输出什么？ 关键点：b = a 是地址复制，不是深拷贝。a断开连接，b不

🌟WebP 是什么？ WebP 是 Google 推出的一种现代图片格式，支持有损/无损压缩、透明通道（alpha）、动画，目标是“比 JPG 小 30%，比 PNG 小 80%”。 ✅ 优势： 体积

1. 如何实现H5手机端适配？ 核心三板斧：viewport + 布局方案 + 屏幕密度处理 这行代码让浏览器按设备宽度渲染，避免自动缩放。 然后选择布局方案： 方案一：rem 适配（推荐） rem

1. localStorage 和 cookie 有什么区别？ 维度 localStorage cookie 容量 ~5MB ~4KB 生命周期 永久（除非手动清除） 可设置过期时间 是否随请求发送

1. 对安全有什么了解？ 前端安全不只是“防XSS”，而是纵深防御体系（Defense in Depth）。我总结为“三防三控”： 三防：XSS、CSRF、点击劫持 三控：权限控制、输入控制、通信控制

⚡Promise：异步的“承诺书”如何兑现？ 📌 Promise 有 3 个状态： pending：初始态，等待结果 fulfilled：成功态，被 resolve rejected：失败态，被 re

1. JS 的原型 问题： 能讲讲 JavaScript 的原型机制吗？__proto__ 和 prototype 有什么区别？ 回答： JavaScript 是基于原型的面向对象语言，没有传统类的概

在前端面试中，闭包、数组操作和异步编程是高频考点。它们不仅考察候选人对 JavaScript 核心机制的理解，也检验实际编码能力。比如闭包，看似基础，但能延伸出内存管理、模块化设计等深层话题；数组去重