JavaScript 基础与进阶

JavaScript 基础

什么是闭包？解释 JavaScript 事件循环 JavaScript 数据类型与检测方法 null 与 undefined 的区别浮点数精度问题：0.1 + 0.2 ES6+ 新特性概览 var、let、const 的区别闭包：概念、应用与内存管理原型与原型链 JavaScript 继承方式对比 this 的指向规则执行上下文与作用域链 Promise 原理与用法 async/await 原理解析模块化方案对比：CommonJS、AMD、ES Module 深拷贝与浅拷贝箭头函数与普通函数的区别 JavaScript 垃圾回收机制内存泄漏的场景与检测 requestIdleCallback 与 requestAnimationFrame 函数式编程概念 Proxy 与 Object.defineProperty Map、Set、WeakMap、WeakSet 的区别 new 操作符的执行过程 eval 函数的作用与弊端严格模式的限制 attribute 与 property 的区别 Iterator 迭代器与 Generator 生成器正则表达式常用方法判断对象是否为空 JavaScript 类型转换机制伪数组与真数组的转换 TypeScript：Interface 与 Type 的区别 JavaScript 对象定义方法 JavaScript 内置对象 JSON 基础同步与异步的区别面向对象与面向过程编程面向对象编程思想异步编程实现方式原生 JavaScript 知识体系 callee 与 caller 属性全局函数与全局变量单线程与异步的关系 JavaScript 对象生命周期 JavaScript 的组成部分 JavaScript 内置对象函数调用方式 enumerable 属性忽略规则属性遍历方法函数是一等公民 jQuery.fn.init 返回的 this jQuery 对象特点面向对象编程 JavaScript 单线程模型前端面试流程面试必问问题个人经历项目经验项目难点分析项目流程简历投递的最佳时间段面试关键点 Job Handover and Benefits Job Fit Assessment Personal Qualities Company Culture Fit Proxy Basic Usage OOP Three Principles JavaScript 创建对象的方法前端面试中的问题分析方法 Property Descriptors ES6 Decorator 装饰器不冒泡的事件类型 mouseEnter 和 mouseOver 的区别 MessageChannel 的用法和应用场景让对象支持数组解构赋值 JavaScript 变量提升与函数提升 typeof 和暂时性死区的执行分析 bind、call、apply 的区别与实现 Vue 3 响应式原理 Script 标签位置的影响 React setState 批量更新机制 Vue created 与 mounted 的时间差 Vue 生命周期中发起请求的最佳位置 Node ES Module 为什么需要文件扩展名 devDependencies 与 dependencies 的区别 React Portals 的用途 React 与 React-DOM 的关系 MessageChannel 的用途和场景 React 为什么不直接使用 requestIdleCallback React Fiber 架构与 Vue 的差异 Portal 子组件的事件冒泡前端性能优化指标与检测方法 Animation、Transition、Transform 区别用 Promise 实现红绿灯交替对象解构赋值的实现方式 React 废弃三个生命周期钩子的原因 React render 方法原理与触发时机 JavaScript 变量与函数提升 DOM 和 BOM 的区别 typeof 和暂时性死区的执行分析浏览器从输入网址到页面显示的过程 SPA 首屏加载优化 RESTful 接口规范字符串压缩 Webpack 5 升级要点 try...catch 捕获异步错误多 tab 页通信方案低代码平台技术实现 WebSocket 与 HTTP 的区别 Vite 工作原理 target 与 currentTarget 的区别计算机网络模型最大子序和 HTTPS 握手过程 HTTP/2 多路复用原理 TCP 三次握手和四次挥手静态资源 CDN 部署 React 事件与原生事件执行顺序 Vue2 数组变化检测问题 Vue 页面渲染流程移动端样式适配 setTimeout 零延迟的应用场景防止重复提交 Promise.resolve 返回 Promise 的执行顺序大文件上传实现 JavaScript 请求取消 JavaScript 实现二叉排序树前端跨页面通信方法数字转汉语输出函数虚拟 DOM 渲染处理 AST 抽象语法树空数组调用 reduce reduce 方法用途 addEventListener 第三个参数空值合并运算符（??）使用场景箭头函数与普通函数的 this 和 new 行为 Cookie 过期时间设置为 0 的行为 typeof 运算符的执行顺序前端页面截图实现 Canvas 与 WebGL 区别图片搜索系统设计前端路由历史栈结构函数原型链输出结果浏览器缓存机制 Promise then 与 catch 的区别宏任务与微任务的执行优先级 Webpack 5 模块联邦 Web Worker 基础转盘组件设计与防刷方案使用 Math 方法获取数组最值虚拟列表实现数字分隔符的相等性判断 JS 文件对 DOM 和 CSSOM 的阻塞轮询机制实现 Reflect 对象的使用 Cookie、LocalStorage 和 SessionStorage 的区别 Promise.then 的错误处理获取 URL 资源文件后缀 Canvas 跨域图片数据获取数组按属性值排序前端跨域请求解决方案字符串长度计算（支持表情符号）获取页面滚动距离顺序执行异步任务异步任务批量执行结果获取合并连续数字 map(parseInt) 返回值问题 Ajax、Axios 和 Fetch 的区别 JavaScript 函数声明方式及区别实现可迭代对象立即执行函数表达式（IIFE）浏览器进程和线程摄氏度转华氏度 JavaScript 版本号排序实现 Object 与 Map 的区别滚动公告组件的鼠标交互非递归遍历二叉树页面白屏原因与优化 pnpm 包管理工具 Math.random() 在中奖概率计算中的安全问题判断 PC 端还是移动端 JavaScript 动态生成海报十进制转二进制 map 与 filter 的区别 document.ready vs window.onload 数字转中文 Promise.all 异常处理 setTimeout 运行机制防止按钮重复点击 new fn 与 new fn() 的区别 postMessage 跨域通信数组 length 为 0 时访问元素 CSS 动画与 JS 动画对比前端动画实现方式 this 指向判断事件捕获与冒泡执行顺序 JavaScript 二分查找实现 flexible.js 移动端适配原理浏览器标签页间通信 Canvas 黑块计数 0-1 背包问题实现字符串 repeat 方法 Promise 并发控制 Promise 异步加载图片实现 mergePromise 函数 Promise 构造函数的执行时机页面生命周期事件生成 1-10000 的数组扫码登录实现方案 undefined 与 ReferenceError 的区别 Math 取整方法的区别 Array.prototype.slice.apply(arguments)Script 标签中的 export 报错 JavaScript 倒计时偏差纠正 Math.ceil 和 Math.floor 的区别用 setTimeout 实现 setInterval JavaScript 实现拖拽功能 JavaScript vs CSS 动画 Element Dimension Properties toPrecision、toFixed 和 Math.round 的区别什么是 Polyfill 浏览器版本检测前端路由的实现与应用移动端点击穿透问题移动端点击延迟问题判断脚本运行环境（浏览器或 Node）map(parseInt) 输出分析 JavaScript 错误类型事件代理 Promise.all 和 Promise.allSettled 的区别阻止事件冒泡和默认行为事件冒泡和捕获机制浏览器跨域限制的原因浏览器同源策略 XML 与 JSON 的区别 document.write 与 innerHTML 的区别为按钮绑定多个 onclick 事件表达式 123['toString'].length + 123 的输出类数组对象 JavaScript 脚本延迟加载方式 typeof NaN 的结果 isNaN 与 Number.isNaN 的区别使用 Promise 实现定时输出统计 HTML 页面标签种类数 bind 连续调用的 this 绑定 Tree Shaking 原理 Base64 编码为何增大数据量 CSS 和 JS 文件是否阻塞页面渲染 ES6 Reflect 对象的用途尾调用优化与尾递归 forEach 中使用 await 中断 Promise 的方法堆与栈的区别 Object.create 与 new 的区别 URL 参数编码的必要性 JavaScript 变量提升机制 WebSocket 心跳机制 WebSocket 协议 Service Worker 是什么 PWA 渐进式网络应用判断空对象的方法实现 LRU 缓存 JSBridge 原理 Babel 编译工具 npm 包管理器 CSR 与 SSR 渲染模式微前端应用隔离微前端技术方案微前端解决的问题什么是微前端 forEach 循环中断 setTimeout 在循环中的执行时机 setTimeout 循环输出问题 BigInt 数据类型字符串 toString() 方法调用 WebSocket 低版本浏览器兼容方案什么是跨域 TypeScript 命名空间与模块 TypeScript 与 JavaScript 的区别 TypeScript 泛型的使用 TypeScript 变量声明方式 TypeScript 方法重载实现 sleep 函数 TypeScript 中的 is 关键字 TypeScript 访问修饰符实现数组的 map 方法实现二叉树所有路径实现数组笛卡尔积实现 Promise.all 方法

浏览器原理

CSS & 布局体系

网络与协议

前端工程化

JavaScript 基础与进阶

JavaScript 基础知识

掌握 JavaScript 基础知识，为前端面试做好准备。

题目列表

闭包

理解闭包及其实际应用

事件循环

JavaScript 事件循环机制

知识点

变量与作用域（var、let、const）
数据类型与类型转换
闭包与执行上下文
原型与继承
事件循环与异步编程
ES6+ 新特性
this 关键字绑定
Promise 与 async/await

基础题

前端基础概念和原理

什么是闭包？

理解闭包及其实际应用

On this page

题目列表知识点