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

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

10.25
热度 154
JavaScript Number 数据类型详解:格式、范围与转换

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

10.25
热度 118
Vue集成vue-esign电子签名组件与移动端Canvas实现方案

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

10.25
热度 141
实例详解JS中的事件循环机制

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

10.25
热度 481
ECharts 地图开发实战:从基础配置到多级下钻与视觉映射

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

10.25
热度 262
JavaScript 事件模型与监听机制详解:冒泡、捕获及 IE 与 DOM 兼容实现

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

10.25
热度 387
JavaScript全局正则lastIndex导致的test()交替匹配失败问题

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

10.25
热度 491
JavaScript实现图片放大镜效果:参数详解与代码示例

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

10.25
热度 297
JavaScript String 对象常用方法详解与示例

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

10.25
热度 306
JavaScript setTimeout与setInterval用法详解及区别

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

10.25
热度 406
JavaScript 实现简易翻牌配对游戏:核心逻辑与 Bug 修复

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

10.25
热度 568
五个基于JS实现的炫酷登录页面

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

10.25
热度 187

标签目录

JavaScript 核心技术JavaScript 基础JavaScript 函数与作用域JavaScript 对象与原型JavaScript 数组与数据处理JavaScript 异步编程JavaScript 项目实战
浏览器与 Web 开发DOM 与事件浏览器 API网络请求与通信浏览器数据存储前端调试前端安全
前端框架与应用VueReactNext.jsNuxt前端状态管理前端性能优化
TypeScript 与工程化TypeScript前端构建依赖管理自动化测试前端部署代码规范与重构
Node.js 后端开发Node.js 基础Node.js Web 框架数据库开发接口开发与鉴权服务部署与运维Node.js 性能优化
AI 开发与应用大模型 API 开发AI 智能体开发RAG 与知识库AI 编程工具AI 多模态应用AI 应用部署