全部内容
前端qrcode生成二维码安装及使用示例详解

本文详细介绍基于JavaScript的qrcode库的安装与使用方法。该库利用HTML5 Canvas在客户端实时生成二维码,具有轻量、易用、跨平台等优点。文章涵盖浏览器端与服务端API详解,并通过Vue2和Vue3项目示例演示具体代码实现,解决中文编码、Logo添加等常见问题。

2026-10-31 15:22:14
426
模板散步
JS前端文件读取FileReader操作方法总结

本文详细解析了JavaScript中FileReader对象的用法,涵盖readAsArrayBuffer、readAsText及readAsDataURL三种核心读取方法,以及error、readyState和result属性。文章通过示例演示了如何异步处理文件数据、监听加载事件,并提供了基于React和Ant Design Upload组件实现图片预览与Base64提交的实际代码方案。

2026-10-31 15:12:21
588
晴川
Node.js 实现 SQL 模糊查询的完整流程与转义处理

本文详细记录了在 Node.js 项目中实现 SQL 模糊查询的过程,重点解决了直接使用字符串拼接导致的语法错误。通过采用参数化查询传递变量,并针对包含通配符 '%' 和 '_' 的用户输入进行手动转义,实现了支持特殊符号的精确模糊匹配。

2026-10-31 14:58:16
115
沧海
ElementUI el-calendar 周月视图切换与自定义实现

本文总结ElementUI中el-calendar组件的深度应用,涵盖周视图与月视图的双向切换逻辑。通过结合dayjs处理日期范围,实现点击日期跳转周视图及前后翻页功能。针对组件API限制,通过DOM操作隐藏无效日期行,并自定义头部样式,提供完整的代码实现与效果展示。

2026-10-31 14:48:43
352
松果
Vue Element UI el-date-picker 隐藏底部清空按钮的两种方案

本文介绍如何在Vue Element UI中隐藏el-date-picker组件底部的清空按钮。提供两种实现方式:通过全局element-ui.scss文件统一隐藏所有日期选择器的清空按钮,或通过为特定组件添加popper-class属性并结合局部CSS规则实现单个页面的隐藏效果。

2026-10-31 14:19:09
238
青山有信
JavaScript中document.querySelector与querySelectorAll详解

本文详解JavaScript中document.querySelector与querySelectorAll方法的使用。前者返回首个匹配元素,后者返回NodeList集合。文章涵盖语法、选择器类型(标签、类、ID)及前缀用法,并介绍通过bind简化全局调用的技巧,帮助开发者高效操作DOM节点。

2026-10-31 14:18:13
116
像素漫游
JS实现滚动触底加载数据的思路与代码(附PC端滚动分页)

本文详细解析了前端滚动触底加载的实现原理,涵盖可视高度、滚动距离与实际高度的计算逻辑。通过Vue示例展示了从基础判断到添加触发阈值、防重复触发及性能优化的完整代码演进过程,适用于PC端滚动分页加载场景。

2026-10-31 14:17:15
211
雾松
Vue3 中使用 VueUse 实现指定区域全屏阅读功能

本文介绍如何在 Vue3 项目中利用 VueUse 库的 useFullscreen 函数实现指定 DOM 区域的全屏阅读功能。通过安装依赖、引入 Hook 并绑定元素 ref,可轻松获取 isFullscreen 状态及 toggle 切换方法,配合按钮点击事件完成全屏与退出全屏的逻辑控制。

2026-10-31 13:55:05
227
小布丁
TypeScript 实现函数重载的方式

本文介绍 TypeScript 中函数重载的实现机制。由于 JS 不支持重载,TS 仅做类型提示,需手动处理逻辑。文章展示了通过 Map 映射表手动实现重载的方法,并进一步封装为抽象类,利用构造函数限制实例化,实现继承类中多个函数的自动重载映射,提升代码可读性与维护性。

2026-10-31 13:33:08
235
青柠
Vue跳转时根据URL锚点(#xxx)实现页面内容定位的方法

本文介绍在Vue项目中,通过监听URL中的锚点(#xxx)实现页面跳转后自动滚动至指定内容区域的方法。针对子组件滚动区域无法自动定位的问题,提供了基于watch监听路由变化并结合setTimeout延迟执行的代码示例,确保DOM更新后平滑滚动到目标元素。

2026-10-31 13:24:20
201
雾松
Docker部署Jackett完整指南:CLI与Compose配置及索引器使用

本文详细介绍如何使用Docker和Docker Compose两种主流方式部署Jackett开源索引器代理。内容涵盖镜像拉取、容器参数配置(如端口映射、时区设置、权限管理)以及通过Web界面添加Torrentz2等种子站点索引器的具体操作步骤,帮助用户实现Radarr、Sonarr等工具的自动化媒体搜索与下载。

2026-10-31 12:57:10
213
测试鸭
一文详解JS与TS的主要区别

TypeScript作为JavaScript的超集,引入了静态类型检查、类和接口等特性,提升了代码可维护性。本文对比两者在类型系统、ES规范支持及工具链上的差异,并介绍手动与工具转换JS至TS的方法,帮助开发者评估学习成本与工程价值。

2026-10-31 12:39:10
174
代码拾荒