JavaScript 共 15 篇文章

JavaScript 跨域问题：CORS 错误与解决方案

2026-04-04 02:38:19

JavaScript 跨域问题：CORS 错误与解决方案 当你在浏览器中通过 JavaScript 向另一个域名发起网络请求（比如从 http://localhost:3000 请求 https://api.example.com/data），常常会遇到控制台报错： Access to fetch

JavaScript 跨域 CORS

1 0

JavaScript 变量声明：var、let、const 的区别

2026-04-04 01:05:57

JavaScript 中有三种声明变量的方式：var、let 和 const。它们在作用域、重复声明、变量提升和可变性等方面存在关键差异。正确理解这些区别，能避免常见的运行时错误。 1. 作用域规则不同 作用域决定了变量在代码中的可见范围。 使用 var 声明的变量具有函数作用域：只要在函数内部声明

JavaScript 变量声明 var

1 0

JavaScript 数组方法：forEach、map、filter 的使用

2026-04-03 19:54:18

JavaScript 数组方法：forEach、map、filter 的使用 处理数组是编程中最常见的任务之一。JavaScript 提供了多种内置方法来高效操作数组，其中 forEach、map 和 filter 是最基础也最常用的三个。它们能让你用更少的代码完成遍历、转换和筛选操作，避免手动写

JavaScript 数组方法 forEach

1 0

JavaScript 异步编程：async/await 与 Promise 链

2026-04-03 19:36:40

JavaScript 异步编程：async/await 与 Promise 链 JavaScript 中的异步操作用于处理耗时任务（如网络请求、文件读取），避免阻塞主线程。Promise 是处理异步的基础机制，而 async/await 是基于 Promise 的语法糖，让异步代码写起来像同步代码一

JavaScript 异步编程 Promise

1 0

JavaScript DOM 问题：DOM 操作性能优化

2026-04-03 17:47:04

JavaScript DOM 问题：DOM 操作性能优化 频繁操作网页的文档对象模型（DOM）会显著拖慢页面响应速度。这是因为每次修改 DOM 都可能触发浏览器的“重排”（reflow）和“重绘”（repaint），这两个过程非常耗资源。优化的核心思路是：减少 DOM 访问次数、批量更新、避免强制同

DOM优化 性能优化 JavaScript

1 0

JavaScript 浏览器 API：localStorage 与 sessionStorage

2026-04-03 14:27:18

JavaScript 浏览器 API：localStorage 与 sessionStorage 浏览器提供了两种简单易用的客户端存储机制：localStorage 和 sessionStorage。它们都允许你在用户的浏览器中保存键值对数据，无需服务器参与，也不依赖 Cookie。两者语法几乎一致

JavaScript 浏览器API localStorage

6 0

JavaScript DOM 操作：创建与删除元素

2026-04-03 11:04:11

JavaScript DOM 操作：创建与删除元素 网页加载完成后，文档对象模型（DOM）就构建好了。通过 JavaScript，你可以动态地向页面添加新内容，也可以移除已有内容。这种能力是现代 Web 应用实现交互性的核心。掌握如何创建和删除 DOM 元素，能让你灵活控制页面结构，无需刷新整个页面

JavaScript DOM操作 创建元素

6 0

JavaScript DOM 操作：getElementById 与 querySelector

2026-04-03 06:31:13

在网页开发中，经常需要通过 JavaScript 动态修改页面内容。这时就要用到“DOM 操作”——也就是操作网页的结构、样式或内容。其中最基础也最常用的操作，就是选中某个 HTML 元素。getElementById 和 querySelector 是两种最常见的选择元素的方法，它们都能完成任务，

JavaScript DOM操作 getElementById

6 0

JavaScript 性能优化：防抖与节流函数

2026-04-03 04:16:00

JavaScript 性能优化：防抖与节流函数 网页中频繁触发的事件（如滚动、窗口缩放、输入搜索）会大量消耗浏览器资源，导致页面卡顿甚至崩溃。防抖（debounce）和节流（throttle）是两种经典解决方案，能有效控制函数执行频率，提升性能。 防抖：只在最后一次触发后执行 防抖的核心思想是：在指

JavaScript 性能优化 防抖

6 0

JavaScript 模块导入：CommonJS 与 ES6 模块

2026-04-03 03:59:14

JavaScript 模块导入：CommonJS 与 ES6 模块 JavaScript 的模块系统用于将代码拆分成独立、可复用的文件。主流有两种规范：CommonJS（主要用于 Node.js）和 ES6 模块（现代浏览器和新版 Node.js 支持）。它们在语法、加载方式和使用场景上有本质区别。

JavaScript 模块系统 CommonJS

5 0

JavaScript 事件问题：事件冒泡与事件委托

2026-04-02 14:54:59

JavaScript 事件问题：事件冒泡与事件委托 在网页开发中，当你点击一个按钮、输入框或任何元素时，JavaScript 能“感知”到这个动作并执行相应代码——这就是事件处理。但当页面结构复杂（比如一个按钮嵌套在多个 <div 中），点击行为可能触发多个元素的响应，导致逻辑混乱。要精准控制事件行

JavaScript 事件冒泡 事件委托

7 0

JavaScript 异步编程：setTimeout 与 setInterval

2026-04-02 13:23:13

JavaScript 异步编程：setTimeout 与 setInterval JavaScript 是单线程语言，但通过异步机制可以实现“同时”处理多个任务。setTimeout 和 setInterval 是最基础、最常用的异步定时器函数，它们让你能在未来某个时间点执行代码，而不阻塞当前程序运

JavaScript 异步编程 setTimeout

8 0

JavaScript异步编程：从Callback到Async/Await的演进

2026-04-02 03:15:14

JavaScript异步编程：从Callback到Async/Await的演进 JavaScript 是单线程语言，但通过异步机制能高效处理网络请求、文件读写等耗时操作。若不掌握异步编程，程序会卡死或逻辑混乱。本文手把手带你理解三种主流异步写法，学会如何避免“回调地狱”，写出清晰可维护的代码。 1.

JavaScript 异步编程 Callback

12 0

JavaScript 模块打包工具Tree Shaking原理

2026-04-02 01:33:03

JavaScript 模块打包工具 Tree Shaking 原理 Tree Shaking 是现代 JavaScript 打包工具（如 Webpack、Rollup、Vite）用来移除未使用代码的核心技术。它的目标是在最终打包产物中只保留实际被引用的代码，从而减小文件体积、提升加载速度。 1. T

TreeShaking JavaScript 模块打包

14 0

JavaScript事件循环机制与宏任务微任务执行顺序

2026-04-01 23:05:08

JavaScript事件循环机制与宏任务微任务执行顺序 JavaScript 是单线程语言，但能处理异步操作（如网络请求、定时器），靠的就是事件循环机制。理解事件循环的关键，在于分清宏任务（macrotask）和微任务（microtask）的执行顺序。 识别任务类型 区分哪些代码属于宏任务，哪些属于

JavaScript 事件循环 宏任务

8 0