钱厚端-CSDN博客

原创 el-input-number 封装区间数字框的组件

这是一个基于Vue 3和Element Plus的数字区间输入组件。主要功能包括：支持双向绑定[min,max]数值范围，可设置精度和取值范围限制；当最小值超过最大值时会自动交换值；提供前缀/后缀插槽支持；包含禁用状态、清除功能和输入验证。核心特性：支持两种绑定方式：v-model="[min,max]"或分别绑定min/max值自动处理数值范围交换和精度控制内置取值范围验证功能提供前缀/后缀插槽，支持自定义样式响应式设计，支持禁用状态和焦点样式该组件适用于需要输入数值范围

2025-06-11 16:54:08 406

原创 Swiper.slideTo 点击定位到slide item

摘要：该代码实现了一个基于Swiper轮播组件构建的三屏切换效果。通过HTML结构定义三个不同背景色的幻灯片，使用JavaScript监听按钮点击事件，调用Swiper的slideTo()方法实现按钮与幻灯片的联动。页面包含800×500px的轮播容器，每个幻灯片显示编号和不同背景色（绿色、蓝色、黄色），底部按钮可分别跳转到对应幻灯片。代码简洁地展示了Swiper插件的锚点跳转功能实现方式。

2025-06-06 10:15:31 244

原创非常强大的图片预览灯箱效果demo

本文展示了一个使用Fancybox插件实现的图片画廊网页。通过HTML代码创建了8个缩略图链接，每个链接都指向不同的大尺寸自然风景图片。当用户点击缩略图时，Fancybox会以弹窗形式展示高清大图，并提供画廊浏览功能。实现方法简单，只需引入Fancybox的CSS和JS文件，并为图片添加data-fancybox属性即可自动激活灯箱效果。该演示展示了Fancybox轻量级、易集成的特点，适合快速构建响应式图片展示页面。

2025-05-27 10:22:53 222

原创 swiper实现3D立体轮播

本文展示了一个使用Swiper库实现的3D轮播图效果。通过HTML、CSS和JavaScript代码，创建了一个具有封面流效果的轮播图。轮播图包含多张自然风景图片，支持自动循环播放、分页器导航以及3D旋转效果。代码中使用了Swiper库的coverflow效果，配置了旋转、拉伸、深度等参数，使图片在切换时呈现出立体感。此外，轮播图还支持自适应显示和抓手光标，提升了用户体验。整体实现简洁高效，适合用于展示图片或内容的网页设计。

2025-05-23 16:39:32 341

原创纯css实现蜂窝效果

主要就是clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); 实现六边形。animation实现循环滚动

2025-05-14 13:51:30 886

原创原生开发使用ejs模板语言

EJS 是一套简单的模板语言，帮你利用普通的 JavaScript 代码生成 HTML 页面。EJS 没有如何组织内容的教条；也没有再造一套迭代和控制流语法；有的只是普通的 JavaScript 代码而已。

2025-05-13 15:34:46 502

原创 grid layout 优雅的css布局

你可能想不到，只用「两行 CSS」，就能让你的卡片、图片、内容块「自动适应」各种屏幕宽度，彻底摆脱复杂的媒体查询！秘诀就是 CSS Grid 的 auto-fill 和 auto-fit。

2025-05-06 16:28:23 152

原创纯css实现div宽度可调整

* 必须设置 overflow 为 auto 或 visible 才能调整大小 *//* 可选：添加背景色以便观察效果 *//* 允许水平调整大小 */

2025-01-23 13:58:10 656

转载纯css实现卡片边角丝带效果

这段代码是一个 HTML 页面，它包含了 CSS 样式，用于创建一个具有动态效果的边角丝带卡片，当鼠标悬停在卡片上时，卡片会缩小。

2025-01-22 09:13:53 88

原创 node 发送邮件 nodemailer插件的使用

【代码】node 发送邮件 nodemailer插件的使用。

2025-01-13 10:36:48 220

原创前端签名插件 smooth-signature

示例简单案例

2025-01-09 09:40:39 490

原创年会投票小游戏

https://github.com/open-frame/votehttps://download.csdn.net/download/qq_42618566/90206788

2024-12-31 09:53:23 329

原创 js ul li 事件委托

高性能的原生事件委托

2024-12-30 16:10:56 270

原创怎么为开源项目做贡献提PR？

超简单的为开源项目做贡献教程

2024-12-09 10:38:10 344

原创 vue3+elementPlus封装的数据过滤区

2024-12-06 16:58:52 519

原创 vue3+elementPlus封装的一体表格

包含了表格打印、导出常见功能。预留了表格左侧插槽、右侧插槽。封装了序号索引showIndex即可显示。还有分页

2024-12-06 16:56:18 1051

原创 uni-app canvas文本超出自动换行

支持单行文本超出换行。多行文本顺位排版

2024-09-26 17:18:58 1081

原创前端用html写excel文件直接打开

html文件直接用excel打开

2024-09-10 14:15:01 1798 1

原创使用tesseract.js插件实现前端js识别提取图片的文字

tesseract.js 的 demo

2024-09-09 10:21:49 1166 2

原创 js 前端实现复制粘贴图片到输入框上传

原生开发demo。复制或截图的图片来到输入框粘贴即拿到file

2024-09-06 21:16:04 855

原创 for await同步并发请求

【代码】for await同步并发请求。接口按顺序发起。第一个返回结果了，第二个执行。第二个返回结果了，第三个执行。以此类推 ......

2024-08-30 10:55:23 297

原创 git 复制提交到另外分支上

在原分支上查看要复制的idgit log。

2024-08-27 15:32:15 434

原创 js 时间工具

中国标准时间转为yyyy-mm-dd格式、获取指定日期前几/后几天的日期、获取指定月前几/后几月、计算时间差、获取开始日期和结束日期之间的所有日期、获取开始周和结束周之间的所有周、获取开始月份和结束月份之间的所有月份

2024-08-27 15:19:38 689

原创 uniapp 页面跳转传参：父页面监听子页面传过来的数据

【代码】uniapp 页面跳转传参。

2024-08-19 13:30:01 648

原创 uniapp canvas实现电子签名

uniapp 横屏签名旋转canvas

2024-08-16 17:02:24 535 1

原创 uniapp 微信小程序生成水印图片

技术栈：camera、canvas

2024-08-16 14:01:59 1791 2

原创 uniapp 自动导入api

解放双手

2024-08-11 11:30:06 378

原创纯css 实现表单的label自动占位 Material风格

Material UI风格的输入框

2024-08-11 09:33:04 433

原创 typescript 定义枚举

【代码】typescript 定义枚举。

2024-07-29 20:40:00 395

原创 typescript 断言

【代码】typescript 断言。

2024-07-29 20:39:17 477

原创 typescript 范型

【代码】typescript 范型。

2024-07-29 20:38:42 417

原创 typescript 定义接口

【代码】typescript 定义接口。

2024-07-29 20:37:56 466

原创 typescript 定义类型

【代码】typescript 定义类型。

2024-07-29 20:36:33 392

原创 typescript 其他数据类型说明

【代码】typescript 其他数据类型说明。

2024-07-29 20:34:57 472

原创 typescript 定义类

【代码】typescript 定义类。

2024-07-29 20:34:18 380

原创 typescrip 定义函数

【代码】typescrip 定义函数。

2024-07-29 20:33:34 303

原创 typescript 引用数据类型

【代码】typescript 引用数据类型。

2024-07-29 20:32:47 541

原创 typescript 数据类型

【代码】typescript 数据类型。

2024-07-29 20:31:21 156

原创 vitepress搭建的博客系统cdn引入github discussions评论系统

github仓库必须是。按照CDN的方式引入。

2024-06-16 19:14:54 705

原创 hexo接入github Discussions评论系统

原来如此简单

2024-04-08 10:16:07 676

Page Assist 浏览器插件

本地 AI 模型的 Web UI 1.5.0 可视化AI

2025-02-18

投票的小游戏的原型预览

年会或者其他投票用的小游戏

2024-12-31

vue2常见面试题整理32个pdf文件

面试题也不止用于面试，也解决平时工作重的难题，经典的知识点

2023-09-20

五级行政区划分数据：省级、地级、县级、乡级和村级

中华人民共和国行政区划（五级）：省级、地级、县级、乡级和村级。的数据

2021-09-08

Rectangle for mac 让mac像 windows一样可以窗口管理

Rectangle Pro是一款开源的 Mac 窗口管理工具。Rectangle Pro可以让用户使用键盘快捷键来移动和调整窗口大小。

2023-06-14

Moom 3.2.25 for mac

Moom 是 Mac OS X 上的一款窗口布局工具。这款多功能窗口移动兼缩放工具融合了 Cinch，Divvy，Spectacle 等同类软件的看门本领，能够快速修改当前窗口大小并放置在指定位置，Moom 默认操作点设立在了窗口左上角的绿色按钮上，将鼠标hover在绿钮上就会弹出一个选择菜单，里面有五种尺寸可选，单击选项即可变化窗口大小，并能将窗口移动到指定位置。

2023-06-12

树结构全国三级地址json数据

结合https://blog.csdn.net/qq_42618566/article/details/128656667 很方便的用于前端数据展示，更新至2021年的json数据

2023-01-10

micro-app vue2案例

micro-app借鉴了html原生WebComponent的思想，通过CustomElement结合自定义的ShadowDom，将微前端封装成一个类WebComponent组件，从而实现微前端的组件化渲染。并且由于自定义ShadowDom的隔离特性，micro-app不需要像single-spa和qiankun一样要求子应用修改渲染逻辑并暴露出方法，也不需要修改webpack配置，是目前市面上接入微前端成本最低的方案。自己尝了下，案例分享大家官方案例：https://zeroing.jd.com/micro-app/demo/vue2#/ 官方文档：https://zeroing.jd.com/micro-app/docs.html#/

2023-01-28

全国三级地址扁平化数据，更新至2021年

2023-01-10

PasteNow v1.1.dmg

PasteNow 支持创建各种不同的列表，将数据分类归入列表中。它还支持为不同的列表设置特定的样式，从而使剪贴板列表不再是一堆杂乱的数据，也可以分门别类和井井有条。

2023-01-06

右键助手专业版 2.5.3

右键助手专业版集成了20 多种常用的小工具，只要轻点您的鼠标右键，就可以激活您想要的各种功能，让您的工作效率大幅度提高。而且还可以根据您的喜好对右键菜单进行个性化设置，无论您是程序员，设计师还是其他职业，只要您是Mac 用户，用它就对了！

2022-12-30

Motrix for mac

Motrix for mac版是一款全能的下载工具。支持 HTTP下载、FTP下载、BT下载下载、磁力链下载、百度网盘资源下载。Motrix 也是采用了「Aria 2」作为核心，所以下载速度、多线程等能力与其他下载工具几乎一致。

2022-12-26

Dash for mac 6.3.2

Dash 是使用与Mac OS平台的软件编程文档管理工具，可以浏览API文档，以及管理代码片段工具。Dash自带了丰富的API文档，涉及各种主流的编程语言和框架。 Dash内置了丰富的API文档，让我们集中管理API文档，包括下载、搜索、查阅并支持集成到XCode、Alfred等软件中，非常的强大！

2022-12-19

程序员都爱用的便捷笔记工具：Typora-1.4.8 for mac

Typora for mac 是一款简洁的markdown编辑器、写作软件。它去除了预览窗口，模式切换器，语法符号以及所有其他不必要的干扰。将它们替换为真实的实时预览功能，以帮助您专注于内容本身。

2022-12-16

将网站安装为桌面web快应用的案例代码

如同https://hoppscotch.io/cn一样。

2022-04-08

mac 录制gif软件 Licecap v1.32

LICEcap可以捕获桌面的一个区域，并将其直接保存为。LICEcap是一个直观但灵活的应用程序(适用于Windows和现在的OSX)，它被设计成轻量级和高性能的功能。 https://www.cockos.com/licecap/

2022-11-20

mac 超级右键 v2.2.1中文精简版

超级右键iRightMouse Mac中文版是一款非常强大的鼠标右键增强工具，它可以让用户的鼠标右键变得多彩起来，通过软件设置在右键中添加各种功能，从而提高工作效率，非常的实用，有需要的朋友欢迎安装体验！

2022-11-17

mac 增强鼠标滚动软件：Mos.Versions.3.4.1

苹果电脑触摸板和鼠标同时使用的话，鼠标就是反的。苹果自带的设置也行，但是触摸板就反了。mos很好的解决了，鼠标单独滚动放向的问题

2022-11-18

将web网站安装为桌面应用

如同https://hoppscotch.io/一样

2022-04-08

chrome v44 浏览器

windows64位的谷歌浏览器v44版本下载

2022-03-15

dmg2img.zip

.dmg文件转.iso的工具：dmg2img.dmg文件转.iso的工具：dmg2img.dmg文件转.iso的工具：dmg2img.dmg文件转.iso的工具：dmg2img.dmg文件转.iso的工具：dmg2img.dmg文件转.iso的工具：dmg2img.dmg文件转.iso的工具：dmg2img.dmg文件转.iso的工具：dmg2img.dmg文件转.iso的工具：dmg2img.dmg文件转.iso的工具：dmg2img.dmg文件转.iso的工具：dmg2img

2020-09-01