啦啦啦007

特性 setTimeout requestAnimationFrame requestIdleCallback MessageChannel 本质 定时器宏任务 动画回调钩...

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

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

Vue3和vue2的生命周期 Vue 2 生命周期 Vue 3 生命周期 变化说明 作用 触发时机 典型用途 beforeCreate 无 被 setup() 替代 组件实...

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

一、Webpack 是什么？能解决什么问题？ Webpack 是一个现代 JavaScript 应用的静态模块打包工具（Module Bundler），它将所有资源（如 J...

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

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

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

一、事件委托核心概念 1. 基本定义 事件委托（Event Delegation）是一种利用事件冒泡机制，将子元素的事件处理委托给父元素统一管理的技术。 2. 实现原理 事...

问题： 之前用setTimeout实现了一个弹幕动画，动画跑着跑着画面越来越快，这是为什么？怎样解决？ 问题原因分析 当使用 setTimeout 实现弹幕动画时出现越来越...

前端优化 网络层面 请求过程优化 减少 HTTP 请求 使用 HTTP2 使用服务端渲染 客户端渲染: 获取 HTML 文件，根据需要下载 JavaScript 文件，运行...

Js基本数据类型（Primitive Types） 基本数据类型是简单的数据段，它们直接存储在栈（stack）内存中的位置。这意味着当你将一个基本数据类型的值赋给另一个变量...

React的Diff算法简述： 三大策略：采用Tree Diff、Component Diff、Element Diff策略，分别针对树层级、组件层级和元素层级进行优化。 ...

前端大文件上传 大文件上传基本思路 将大文件转换成二进制流的格式（当你通过 <input type="file"> 元素选择文件时，浏览器已经为你提供了一个 File 对象...

Vue和React作为当前前端开发领域中的两大主流框架，它们之间既有相似之处，也存在显著的区别。以下是它们之间的详细对比： 相同点 虚拟DOM： Vue和React都采用了...

D3.js 定义：D3.js是一个用于数据驱动的文档的JavaScript库，允许你将数据绑定到DOM，并将数据驱动转换应用到文档上。它主要使用SVG来绘制图形，但也支持C...