全部内容
Sortable.js 功能强大的 JavaScript 拖拽库示例详解

Sortable.js 是一款轻量级且功能强大的原生 JavaScript 拖拽排序库,无需依赖 jQuery。本文详细介绍其安装方式、核心配置项(如 group、handle、animation)、事件回调及常用方法,并通过 Vue 环境下的简单列表、多列表互拖、克隆节点及禁用排序等实战案例,展示如何快速实现高性能的拖放交互效果。

2026-10-31 18:14:13
557
青柠
前端Viewer.js图片预览插件使用指南

本文介绍Viewer.js这款强大的前端图片查看器插件,涵盖其JS与jQuery双版本特性。详细解析了包括响应式、触摸事件、缩放旋转、全屏幻灯片等核心功能,并提供了从CDN引入到npm安装的配置方式及基础API调用示例,帮助开发者快速实现网页图片的交互预览效果。

2026-10-31 18:11:05
461
百宝袋
前端 Proj4.js 使用指南:基础安装与 iClient 进阶应用

本文介绍 Proj4.js 在前端开发中的基础用法与进阶场景。涵盖通过 CDN、npm 或本地文件引入库的三种方式,演示 WGS84 到 Web 墨卡托的坐标转换代码。进一步讲解在 iClient for Openlayers 中,如何定义非标准坐标系(如 EPSG:3395),计算分辨率并加载切片地图,实现非 4326/3857 数据的直接浏览。

2026-10-31 18:07:22
402
小满
一文详解如何处理JavaScript中的NaN

本文深入解析JavaScript中NaN(非数字)的产生机制与处理策略。详细对比Number.isNaN与isNaN的检测差异,通过计算器输入验证、默认值替换及错误提示三个实战案例,展示如何有效避免NaN影响程序健壮性,并提供处理null/undefined的安全加法实现。

2026-10-31 18:03:06
82
半夏
JavaScript数组遍历的12种方式详解与性能对比

本文系统总结了JavaScript中遍历数组的12种常用方式,涵盖for、forEach、map、filter、find、reduce等。重点对比各方法的执行性能、返回值特性、对原数组的影响及中断循环能力,指出优化版for循环性能最优,while/for...of在异步场景更具优势,并详细解析forEach与map在链式调用、异常处理及异步执行顺序上的关键差异。

2026-10-31 18:03:00
191
极速慢跑
JavaScript 中不常用但关键的进阶特性详解

本文深入解析 JavaScript 中 Proxy、WeakMap、WeakSet、Generator、Symbol 等进阶特性。通过数据验证、观察者模式、异步简化及私有属性模拟等实际案例,展示如何利用这些工具优化代码结构、提升性能并实现复杂逻辑,帮助开发者掌握处理高难度需求的底层技术。

2026-10-31 17:55:42
370
异步漫步
JavaScript遍历输出页面所有元素:递归、过滤与性能优化

本文详解如何使用JavaScript递归遍历并输出页面所有DOM元素。通过示例展示基础遍历方法,并深入讲解如何过滤script、style等特定标签及按类名筛选。针对大数据量场景,提供限制递归深度和利用requestAnimationFrame避免UI阻塞的性能优化方案,助力高效页面分析与调试。

2026-10-31 17:35:25
282
沉舟
Node.js中间件详解:原理、分类与实战应用

本文深入解析Node.js中的中间件机制,涵盖其定义、全局与局部中间件的区别及注册方式。详细阐述中间件的执行顺序、next()函数的作用、对象共享机制及错误处理规范,并通过JSON解析、身份验证及自定义响应头示例,展示中间件在构建高效Web应用中的核心作用。

2026-10-31 17:21:49
620
终端旅客
JavaScript 使用 pdf.js 提取 PDF 文字与图片

本文介绍如何利用 JavaScript 和 pdf.js 库在 Web 端提取 PDF 文档中的文字与图片。通过调用 pdfjsLib 相关 API,可实现页面文本获取及图像对象解析,为 PDF 转 Word 等文档处理提供基础思路。

2026-10-31 17:18:38
575
青柠
JavaScript数据脱敏:字符串处理与正则表达式的三种实现方案

本文详解JavaScript中实现数据脱敏的三种常用方法:利用slice截取、substring截取以及正则表达式替换。通过具体代码示例展示如何对手机号、身份证等敏感信息进行掩码处理,并提供一个封装函数以支持多种数据类型和自定义保留位数的配置,帮助开发者快速实现隐私保护功能。

2026-10-31 17:07:19
301
拾光
Electron多标签页实现:基于iframe的通信方案与局限

本文详解在Electron中实现多标签页的一种基于iframe的替代方案。针对官方推荐的BrowserView和WebContentsView因更新或兼容性导致的开发困境,文章展示了如何通过iframe结合postMessage机制,构建主进程、渲染进程与子页面间的双向通信链路。内容涵盖消息封装、刷新逻辑及登出流程,并指出了该方案在涉及第三方页面时因同源策略导致的通信局限。

2026-10-31 17:05:56
414
桌面漫游
JavaScript数组操作学习之splice()函数入门与精通

本文深入解析JavaScript中splice()方法的定义、语法及参数含义。通过单参数、双参数及多参数场景下的代码示例,详细演示如何从指定索引处删除或添加元素。结合复选框交互、标签移除及文件管理等实际项目案例,帮助开发者掌握原地修改数组的核心技巧。

2026-10-31 17:02:24
211
青柠