- 博客(93)
- 收藏
- 关注
RSS订阅原创 vue自定义数字滚动插件
本文介绍了一个Vue数字滚动动画指令的实现。通过v-number-scroll.js文件，该指令提供了以下功能： 数字格式化：支持千位分隔符、小数位控制、前缀/后缀添加 平滑滚动动画：基于requestAnimationFrame实现 可配置选项：包括动画时长(默认1秒)、缓动效果(线性/二次缓动等)、小数位数等 动态更新：当目标值变化时自动触发新动画 错误处理：对NaN值进行检测和默认处理 实现原理：通过绑定指令时初始化配置和状态，在值更新时计算差值并启动动画，使用缓动函数实现平滑过渡效果，最终精确显示目
2025-09-29 17:17:40
181
原创 数字雨动画背景
摘要： 本文展示了一个数字矩阵雨动画效果的HTML实现方案。通过Canvas绘制技术，创建了经典的0和1数字雨垂直下落视觉效果，具有以下特点：1) 采用绿色霓虹灯风格的矩阵美学；2) 支持动态参数调节（速度、密度）；3) 包含点击交互的涟漪特效；4) 实时显示FPS和雨滴数量统计；5) 响应式设计适配不同屏幕尺寸。代码结构包含完整的HTML、CSS样式和JavaScript动画逻辑，通过半透明叠加和随机字符生成营造出科幻感十足的动态背景效果。
2025-07-01 09:45:19
956
原创 vue 实现多区域图片拖拽
这篇文章展示了一个基于Vue.js的多区域图片拖拽管理器的HTML代码片段。主要特点包括：美观的渐变背景界面，响应式网格布局的图片容器区域，具有动画效果的交互按钮，以及可自定义标题的图片分类区域。代码采用了现代CSS技术如flex布局、grid布局和CSS过渡效果，并包含漂亮的UI元素如圆角边框、阴影和渐变按钮。这个管理器允许用户在多个分类区域中组织和查看图片，界面设计注重用户体验，具有悬浮动画和直观的交互反馈。
2025-06-26 17:07:39
984
原创 react 19版中路由react-router-dom v7版的使用
注：在 React Router v7 中，不再使用 useHistory 钩子，React Router 采用了新的 API，其中包括使用 useNavigate 钩子来代替 useHistory。在router文件夹里面建一个index.tsx。在src目录下建一个router文件夹。再建一个router.tsx。
2025-03-03 17:31:02
1487
原创 js判断移动设备类型、浏览器类型、手机系统
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <div cla
2024-10-30 14:11:16
11924
原创 js实现跟内容里面的关键词标高亮
/ 将数字和顿号保留，并将其后面的部分用 包裹。// 使用正则表达式匹配标题名称并修改样式。// 判断是否以数字和顿号 "、" 开头。// 如果没有数字和顿号，则正常处理。// 获取所有包含正文内容的元素。// 将 '：' 前后的文本分开。// 将修改后的内容放回正文中。// 匹配到的 "数字+ 、"// 更新 标签的内容。// 遍历所有匹配的正文元素。// 遍历每个 标签。// 如果包含 "：" 符号。// 如果以数字和顿号开头。// 提取数字和顿号部分。
2024-10-29 10:38:37
439
原创 uniapp安装axios
要是vue3项目：app.config.globalProperties.$Http = Http;然后在项目里面建一个utils文件，再建一个index.js。然后再main.js中引入。
2024-03-22 11:50:01
941
原创 js获取文件夹中的所有文件和子文件夹
/ 将子文件夹添加到父文件夹的子文件夹数组中。* 获取按钮元素并添加点击事件处理函数。// 获取目录下的第三个子项（即文件）// 获取文件夹中的所有文件和子文件夹。// 遍历文件夹中的所有文件和子文件夹。// 当文件读取完成时执行回调函数。// 如果是文件则直接返回。// 输出用户选择的目录。// 初始化子文件夹数组。'用户选择的目录是：'// 递归调用处理函数。// 显示文件选择器。// 创建文件读取器。
2023-12-29 11:36:53
2558
1
原创 js获取浏览器指纹
官方文档：https://cryptojs.gitbook.io/docs/需要移入crypto-js-4.0.0.min.js。
2023-12-15 10:05:06
2348
原创 动漫小可爱-网页添加L2Dwidget.js
/每20s，显示一言（调用一言Api返回的句子）'星星在天上而你在我心里 (*/ω＼*)''害羞⁄(⁄ ⁄•⁄ω⁄•⁄ ⁄)⁄'/* 可直接修改部分参数 */// 不储存模型 ID。// 默认模型 ID。// 默认材质 ID。
2023-09-13 13:56:48
637
原创 js实现贪吃蛇游戏
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>贪吃蛇游戏</title> <style> .game-container {
2023-09-12 11:31:07
661
1
原创 js实现文件分片上传
/ 上传失败，将错误信息传递给 Promise 的 reject 函数。// 网络错误，将错误信息传递给 Promise 的 reject 函数。// 上传成功，将响应传递给 Promise 的 resolve 函数。// 获取文件选择输入框、上传按钮和进度条的 DOM 元素。// 每个片段的大小，这里设置为 1MB。// 上传成功，继续上传下一个片段。// 将文件切分为指定大小的片段。// 将切分后的片段添加到数组中。// 监听文件选择输入框的变化。// 上传失败，进行错误处理。
2023-08-23 11:00:07
726
原创 js实现瀑布流布局
jquery.masonry.min.js：https://download.csdn.net/download/weixin_45791806/88224671jQeasing.js：https://download.csdn.net/download/weixin_45791806/88224673jquery.lazyload.js这个js可以自己百度下载直通车：https://download.csdn.net/download/weixin_45791806/88224674index.
2023-08-17 09:27:46
348
原创 js实现将文本转PDF格式并下载到本地
同时项目的根部目录也需要引入SimHei.ttf：https://www.baidu.com/s?wd=SimHei.ttf（百度）html里面需要引入jspdf.umd.min.js和FileSaver.js。
2023-08-16 14:18:23
2152
原创 uniapp实现微信小程序长按二维码扫码加群或好友
/ 需要预览的图片链接列表。若无需预览，可以注释urls。// 为当前显示图片的链接/索引值。// 图片指示器样式。// 是否可循环预览。
2023-08-09 09:10:14
3395
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人