JavaScript基础

在前端开发中，我们经常遇到需要与 iframe 嵌入页面、或者通过 window.open 打开的新窗口进行数据交换的场景。

前言 由于 JavaScript 是单线程执行的，在处理大量计算任务（如 Hash 计算、图像处理）时，往往会导致 UI 渲染掉帧甚至页面假死。Web Worker 的出现为 JS 带来了多线程

在上一篇中我们聊了 Hash 路由，虽然它简单好用，但 URL 中那个 # 符号总让人觉得不够“优雅”。为了让单页面应用的 URL 看起来和普通网页一模一样，HTML5 引入了 History

在单页面应用（SPA）盛行的今天，前端路由是实现“无刷新页面切换”的核心。前端路由主要有两种实现方案：Hash 模式 和 History 模式。本文将带你深度剖析 Hash 路由的底层原理。

在 JavaScript 开发中，我们几乎不需要手动管理内存。这背后得益于 V8 引擎强大的垃圾回收机制。本文将深入解析 V8 如何平衡“回收效率”与“页面性能”。

从输入 URL 到页面展示发生了什么？”这不仅是前端面试的“常青树”，更是衡量一个开发者对浏览器原理、网络协议及渲染引擎掌握程度的试金石。

在前端性能优化中，“网络请求”是耗时大户。如何让浏览器“少请求”甚至“不请求”后端接口，是提升页面加载速度的关键。本文将带你深入理解 浏览器 HTTP 缓存，以及CDN 缓存

HTTP 协议本身是无状态的，这意味着服务器无法自动识别两次请求是否来自同一个用户。为了实现“登录状态保持”，前端开发中主要有两种主流方案： Cookie + Session 模式和现代的Token

在前端性能优化中，DOM 操作的成本是非常昂贵的。作为开发者，我们经常听到“回流”和“重绘”这两个词，它们究竟是什么？为什么会影响性能？又该如何避免？

在 Web 开发中，如何在浏览器端持久化数据是一个核心命题。从最早的 Cookie 到 HTML5 推出的 Web Storage，不同的存储方式各有千秋。本文将带你深度剖析它们的底层原理

在处理拖拽、自定义右键菜单、图形标注等功能时，获取精准的鼠标位置是核心需求。然而，JavaScript 事件对象中提供了四组看似相近的坐标属性，它们各自的参照物究竟是什么？本文带你一次性理清。

Web 开发的核心在于交互，而交互的本质就是对各类事件Events的精准捕捉与响应。本文整理了从鼠标、键盘到拖拽、窗口的所有主流事件类型，建议收藏作为日常开发的速查工具。

在前端开发中，理解事件是如何在 DOM 树中传播的，是实现事件委托、处理复杂交互（如嵌套点击）的基础。本文将带你深入浅出地掌握 DOM 事件流的底层逻辑。

在前端开发中，处理“位置”与“滚动”是实现无限滚动、锚点定位、图片懒加载等功能的基石。本文将带你深度解析 Scroll 家族属性的计算逻辑。

在前端开发中，获取元素的尺寸和位置是家常便饭。相比于 offsetTop 和 offsetLeft 那样繁琐的递归计算，getBoundingClientRect() 提供了更精准、更高效的一站式解决

在实现拖拽、吸顶效果或自动定位组件时，我们经常需要知道元素在页面上的确切位置和大小。JavaScript 提供的一系列 offset 属性正是为此而生。本文将带你系统盘点这些属性，并厘清它们背后的逻辑

在 DOM 树中，最不起眼却又无处不在的就是 Text 节点。每当你写下 <div>Hello</div> 时，那个 "Hello" 并不是 div 的属性，而是一个实实在在的 Text 类型子节点。

在 DOM 树中，Element 类型是我们交互最频繁的节点。无论是修改样式、监听焦点，还是动态插入内容，都离不开它。本文将带你系统复习 Element 的核心 API，并揭示一些在实际开发中容。

在浏览器中，document 对象是我们的老朋友。它是整个 HTML 页面的根节点，也是我们访问页面元素、获取文档状态的唯一入口。

在 Web 开发中，我们每天都在操作 DOM。但你是否注意到，几乎所有的 DOM 对象（div、p、comment 甚至 document）都拥有一套通用的属性和方法？这是因为它们都继承自 Node