全部内容
JavaScript 性能优化:利用 DocumentFragment 批量插入节点

本文介绍如何利用 document.createDocumentFragment() 方法优化 JavaScript 中大量 DOM 节点的插入性能。通过先将节点添加到文档碎片中,再一次性插入文档,可显著减少页面重排和重绘次数,从而提升在 IE 和 Firefox 等浏览器中的执行效率。

2026-10-25 08:08:30
96
寒星
TypeScript 函数与类核心特性详解

本文深入解析 TypeScript 中函数与类的关键特性。涵盖函数类型定义、参数注解、可选与剩余参数、this 推导及函数重载机制。同时详细讲解类的初始化、继承、多态实现,以及 public、private、protected 等成员修饰符、readonly、访问器和静态成员的用法,帮助开发者编写更规范的 TS 代码。

2026-10-25 07:48:56
351
半夏
深入理解JavaScript事件流:冒泡、捕获与DOM2规范

本文深入解析JavaScript中的事件流机制,详细区分事件冒泡与事件捕获两种模型。通过DOM树结构示例,说明事件在文档对象模型中的传播路径,并阐述DOM2 Events规范的三阶段流程。文章还探讨了现代浏览器对捕获阶段目标触发的兼容性及实际应用建议,帮助开发者掌握事件处理的核心原理。

2026-10-25 06:51:48
86
页面旅途
JavaScript 获取 URL 参数的 request 函数实现

本文介绍一个用于获取 URL 查询参数的 JavaScript 函数 request。该函数通过解析 location.search 字符串,按 & 分割键值对,利用 indexOf 定位等号,并使用 decodeURIComponent 解码值,最终返回指定参数名的值。适用于需要手动解析 URL 参数的场景。

2026-10-25 06:42:26
566
纸飞机
JavaScript CollectGarbage函数案例详解

本文详解IE浏览器特有的CollectGarbage函数,通过四个示例解析对象失效与释放的区别。针对ActiveX对象(如Excel操作),阐述先置null再调用GC的标准流程,并指出IE缓存权限凭证导致的局限,推荐页面重载作为更可靠的解决方案。

2026-10-25 03:23:29
136
纸飞机
JavaScript 数组遍历的五种方法详解

本文详细介绍JavaScript中遍历数组的五种常用方法:for循环、forEach、map、for...in和for...of。重点解析各方法的参数、适用场景及区别,特别是for...of提供的key、value和entries遍历方式,以及break/continue在回调函数中的限制与替代方案。

2026-10-25 01:03:28
172
拾光
JavaScript实现简单版留言发布与删除功能

本文介绍如何使用JavaScript实现简单的留言发布与删除功能。通过监听按钮点击事件,动态创建li元素并插入到ul中,同时清空输入框。此外,为每条留言添加删除链接,点击链接可移除对应的li元素,实现留言的动态管理。

2026-10-24 23:54:45
356
白露
JavaScript面向对象编程核心概念与实战指南

本文系统梳理JavaScript面向对象编程的核心知识,涵盖函数定义与this指向(call、apply、bind)、严格模式、高阶函数与闭包原理及实战场景(如索引获取、定时器、打车计费),深入解析递归函数的定义、栈溢出风险及阶乘与斐波那契数列应用,最后介绍正则表达式基础与ES6新增语法及内置对象拓展,帮助开发者构建完整的JS知识体系。

2026-10-24 23:09:24
643
闭包旅人
JavaScript对象与事件处理核心笔记:内置对象、创建方式及事件模型详解

本文系统梳理JavaScript中内置对象(String、Math、Date)的用法,详解字面量、new及Object.create三种对象创建方式。深入解析this关键字在不同上下文中的指向,并全面介绍事件类型、事件流(冒泡与捕获)、DOM0及DOM2级事件处理程序,帮助开发者掌握前端交互核心机制。

2026-10-24 23:03:13
316
玄鸟
JavaScript解构赋值详解:数组与对象的高级用法

本文详细解析ES6引入的解构赋值语法,涵盖数组与对象的结构化提取。通过示例展示如何设置默认值、交换变量、处理函数返回值及嵌套结构,并指出已声明变量解构时的语法注意事项,帮助开发者写出更简洁高效的代码。

2026-10-24 21:29:02
185
半夏
JavaScript 多浏览器事件完整参考指南

本文整理了 JavaScript 中常见的多浏览器事件列表,涵盖鼠标点击、键盘按键、页面加载、表单交互、编辑操作及数据绑定等场景。详细列出了各事件在 IE、Netscape 和 Opera 等早期浏览器中的支持情况,并提供了具体的触发条件与描述,帮助开发者进行跨浏览器兼容性处理。

2026-10-24 17:51:08
518
交互手记
打包非 JavaScript 静态资源详解:new URL 与构建工具实践

本文详解如何在现代前端工程中打包图片、CSS、字体及WebAssembly等非JavaScript静态资源。重点解析利用 new URL('...', import.meta.url) 语法实现动态资源静态化的原理,并对比自定义URL Scheme与未来 import.meta.resolve 方案。同时覆盖Webpack、Rollup、Vite及Parcel等主流打包工具的支持情况,以及Emscripten和wasm-pack在WebAssembly线程编译中的具体配置。

2026-10-24 17:17:40
320
阿沐