JavaScript 共 50 篇文章

JavaScript 浏览器 API:localStorage 与 sessionStorage
2026-04-03 14:27:18
JavaScript 浏览器 API:localStorage 与 sessionStorage 浏览器提供了两种简单易用的客户端存储机制:localStorage 和 sessionStorage。它们都允许你在用户的浏览器中保存键值对数据,无需服务器参与,也不依赖 Cookie。两者语法几乎一致
JavaScript 浏览器API localStorage
78 0
JavaScript DOM 操作:创建与删除元素
2026-04-03 11:04:11
JavaScript DOM 操作:创建与删除元素 网页加载完成后,文档对象模型(DOM)就构建好了。通过 JavaScript,你可以动态地向页面添加新内容,也可以移除已有内容。这种能力是现代 Web 应用实现交互性的核心。掌握如何创建和删除 DOM 元素,能让你灵活控制页面结构,无需刷新整个页面
JavaScript DOM操作 创建元素
67 0
JavaScript DOM 操作:getElementById 与 querySelector
2026-04-03 06:31:13
在网页开发中,经常需要通过 JavaScript 动态修改页面内容。这时就要用到“DOM 操作”——也就是操作网页的结构、样式或内容。其中最基础也最常用的操作,就是选中某个 HTML 元素。getElementById 和 querySelector 是两种最常见的选择元素的方法,它们都能完成任务,
JavaScript DOM操作 getElementById
68 0
JavaScript 性能优化:防抖与节流函数
2026-04-03 04:16:00
JavaScript 性能优化:防抖与节流函数 网页中频繁触发的事件(如滚动、窗口缩放、输入搜索)会大量消耗浏览器资源,导致页面卡顿甚至崩溃。防抖(debounce)和节流(throttle)是两种经典解决方案,能有效控制函数执行频率,提升性能。 防抖:只在最后一次触发后执行 防抖的核心思想是:在指
JavaScript 性能优化 防抖
69 0
JavaScript 模块导入:CommonJS 与 ES6 模块
2026-04-03 03:59:14
JavaScript 模块导入:CommonJS 与 ES6 模块 JavaScript 的模块系统用于将代码拆分成独立、可复用的文件。主流有两种规范:CommonJS(主要用于 Node.js)和 ES6 模块(现代浏览器和新版 Node.js 支持)。它们在语法、加载方式和使用场景上有本质区别。
JavaScript 模块系统 CommonJS
112 0
JavaScript 事件问题:事件冒泡与事件委托
2026-04-02 14:54:59
JavaScript 事件问题:事件冒泡与事件委托 在网页开发中,当你点击一个按钮、输入框或任何元素时,JavaScript 能“感知”到这个动作并执行相应代码——这就是事件处理。但当页面结构复杂(比如一个按钮嵌套在多个 <div 中),点击行为可能触发多个元素的响应,导致逻辑混乱。要精准控制事件行
JavaScript 事件冒泡 事件委托
77 0
JavaScript 异步编程:setTimeout 与 setInterval
2026-04-02 13:23:13
JavaScript 异步编程:setTimeout 与 setInterval JavaScript 是单线程语言,但通过异步机制可以实现“同时”处理多个任务。setTimeout 和 setInterval 是最基础、最常用的异步定时器函数,它们让你能在未来某个时间点执行代码,而不阻塞当前程序运
JavaScript 异步编程 setTimeout
62 0
JavaScript异步编程:从Callback到Async/Await的演进
2026-04-02 03:15:14
JavaScript异步编程:从Callback到Async/Await的演进 JavaScript 是单线程语言,但通过异步机制能高效处理网络请求、文件读写等耗时操作。若不掌握异步编程,程序会卡死或逻辑混乱。本文手把手带你理解三种主流异步写法,学会如何避免“回调地狱”,写出清晰可维护的代码。 1.
JavaScript 异步编程 Callback
82 0
JavaScript 模块打包工具Tree Shaking原理
2026-04-02 01:33:03
JavaScript 模块打包工具 Tree Shaking 原理 Tree Shaking 是现代 JavaScript 打包工具(如 Webpack、Rollup、Vite)用来移除未使用代码的核心技术。它的目标是在最终打包产物中只保留实际被引用的代码,从而减小文件体积、提升加载速度。 1. T
TreeShaking JavaScript 模块打包
74 0
JavaScript事件循环机制与宏任务微任务执行顺序
2026-04-01 23:05:08
JavaScript事件循环机制与宏任务微任务执行顺序 JavaScript 是单线程语言,但能处理异步操作(如网络请求、定时器),靠的就是事件循环机制。理解事件循环的关键,在于分清宏任务(macrotask)和微任务(microtask)的执行顺序。 识别任务类型 区分哪些代码属于宏任务,哪些属于
JavaScript 事件循环 宏任务
60 0