全部内容
原生JS实现购物车功能:加减数量、移除商品与总价计算

本文介绍如何使用HTML与原生JavaScript实现一个基础的购物车功能。核心逻辑包括商品数量的增减控制(限制最小值为1且仅接受数字输入)、商品的移除操作、动态添加商品至购物车列表,以及实时计算购物车内所有商品的总价。

2026-10-25 09:17:28
154
函数茶馆
JavaScript Number 数据类型详解:格式、范围与转换

本文详细解析 JavaScript 中的 Number 类型,涵盖 IEEE 754 双精度浮点数标准、数值字面量格式(十进制、八进制、十六进制)、浮点数精度问题及 Infinity 范围。重点讲解 NaN 的特性、isNaN 与 isFinite 函数的用法,以及 Number、parseInt 和 parseFloat 在类型转换中的区别与最佳实践。

2026-10-25 09:17:06
118
小满
Vue集成vue-esign电子签名组件与移动端Canvas实现方案

本文介绍了在Vue项目中集成vue-esign组件实现电子签名的完整流程,包括全局注册、参数配置及重置与生成方法。同时提供了基于原生Canvas的移动端手写板实现方案,涵盖触摸事件处理、路径绘制及图片导出逻辑,适用于需要手动签字并返回base64或文件流的场景。

2026-10-25 09:15:49
141
青团子
实例详解JS中的事件循环机制

本文深入解析JavaScript的事件循环机制,详细区分同步任务、异步任务、宏任务与微任务的执行优先级。通过setTimeout、Promise及Async/Await的具体案例,逐步演示Tick执行流程,帮助开发者掌握代码执行顺序与异步编程核心原理。

2026-10-25 09:15:24
481
小圆点
ECharts 地图开发实战:从基础配置到多级下钻与视觉映射

本文详细讲解ECharts地图的开发流程,涵盖从基础配置、数据渲染、文字嵌入到多级下钻及VisualMap视觉映射的完整实现。通过Vue框架示例,演示如何处理地图注册、点击事件、动态加载JSON以及解决事件冲突等常见问题,帮助开发者构建交互丰富的地图应用。

2026-10-25 09:13:08
262
阿沐
JavaScript 事件模型与监听机制详解:冒泡、捕获及 IE 与 DOM 兼容实现

本文深入解析 JavaScript 中的事件流机制,区分冒泡型与捕获型事件的触发顺序。重点对比 IE 浏览器与标准 DOM 在事件监听方法上的差异,详细讲解 attachEvent 与 addEventListener 的用法、参数区别及执行顺序,并提供跨浏览器兼容的代码示例,帮助开发者理解不同环境下的事件处理逻辑。

2026-10-25 09:13:07
387
小圆点
JavaScript全局正则lastIndex导致的test()交替匹配失败问题

本文记录了一次Node.js服务中因复用带全局标志(g)的正则实例,导致test()方法交替返回true和false的诡异现象。通过查阅文档发现,RegExp.prototype.test()在匹配成功后会更新lastIndex属性,致使后续匹配从指定位置开始。解决方案包括每次新建正则实例或在匹配后重置lastIndex为0。

2026-10-25 09:12:06
491
纸飞机
JavaScript实现图片放大镜效果:参数详解与代码示例

本文介绍如何使用JavaScript实现简单的图片放大效果。详细解析了berviary、expand、clip和opacity等关键参数的配置方法,提供了两种不同模式的完整JS调用代码及对应的HTML结构,帮助开发者快速集成图片局部放大功能。

2026-10-25 09:12:06
297
纸飞机
JavaScript String 对象常用方法详解与示例

本文介绍JavaScript中String对象的核心方法及其使用场景。内容涵盖字符串格式化、子串截取、字符编码转换等常用操作,并通过具体代码示例演示如何调用anchor、link、substring等方法。同时包含外部JS文件引用的HTML结构示例,帮助开发者快速掌握字符串处理技巧。

2026-10-25 09:11:32
306
异步漫步
JavaScript setTimeout与setInterval用法详解及区别

本文详细解析JavaScript中setTimeout和setInterval两个核心时间函数的用法与区别。通过代码示例说明setTimeout的延迟执行特性及异步队列机制,并介绍利用let或闭包解决循环中定时器变量捕获问题的两种方案。同时讲解setInterval的周期性执行与clearInterval清除机制,最后结合HTML DOM操作实现一个包含缓冲逻辑的新年倒计时完整案例。

2026-10-25 09:11:14
406
纸飞机
JavaScript 实现简易翻牌配对游戏:核心逻辑与 Bug 修复

本文详细介绍使用原生 JavaScript 开发简易翻牌配对游戏的实现过程。内容涵盖利用递归生成随机数列确保图片成对分布,通过 DOM 操作动态生成网格界面,以及处理点击事件时的状态判断。重点解析了防止重复点击自身和已匹配图片消除的 Bug 修复方案,提供完整代码参考与样式设计思路。

2026-10-25 09:10:13
568
异步漫步
五个基于JS实现的炫酷登录页面

本文整理了五个基于JavaScript实现的炫酷登录页面案例,涵盖星空、动态云层、深海水母、蛛网及彩色气泡等视觉效果。每个案例均提供完整的前端实现代码,适用于Web应用登录界面设计,帮助开发者快速集成具有视觉冲击力的交互效果。

2026-10-25 09:09:43
187
函数茶馆