啦啦啦007

特性 setTimeout requestAnimationFrame requestIdleCallback MessageChannel 本质 定时器宏任务 动画回调钩子 空闲期回调钩子 消息通信

浏览器整体架构：多进程多线程 现代浏览器（以Chrome为代表）采用分层、多进程的架构，主要目的是安全、稳定和性能。一个典型的浏览器可以被抽象为下图所示的三层结构： 第一层：用户界面：我们看到的地址栏

1. 页面白屏如何排查？ 第一步：快速分类（30秒） "页面白屏主要有五种原因：JavaScript执行错误、资源加载失败、CSS样式问题、接口异常和浏览器兼容性。其中JavaScript错误最常见，

Vue3和vue2的生命周期 Vue 2 生命周期 Vue 3 生命周期 变化说明 作用 触发时机 典型用途 beforeCreate 无 被 setup() 替代 组件实例初始化前触发，无法访问 d

1. 水平垂直居中的方法 Flexbox 方案： 绝对定位 + Transform： Grid 方案： 2. 盒模型（Box Model） 标准盒模型：width/height = 内容区域（cont

一、Webpack 是什么？能解决什么问题？ Webpack 是一个现代 JavaScript 应用的静态模块打包工具（Module Bundler），它将所有资源（如 JS、CSS、图片、字体等）视

一、核心概念对比 维度 防抖（Debounce） 节流（Throttle） 定义 事件触发后，等待固定时间再执行回调；若期间再次触发，则重新计时。 事件触发后，固定时间内只执行一次回调，后续触发被忽略

1. 核心特性对比 维度 GET POST 语义 获取数据（幂等操作） 提交数据（非幂等操作） 参数位置 URL查询字符串（?key=value） 请求体（Body） 数据长度限制 受URL长度限制（

1. 存储位置与机制 类型 存储位置 依赖关系 特点 Cookie 客户端（浏览器） 由服务器通过Set-Cookie响应头设置，自动随请求发送 大小受限（约4KB），可设置过期时间；存在安全风险（如