
vue
故事与九
一起学习,一起进步
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
基于 Node.js 的 HTML 转 PDF 服务
该项目是一个基于 Node.js 的 Web 服务,旨在将 HTML 内容转换为 PDF 文件。项目使用 Express.js 作为后端框架,Puppeteer 作为 PDF 生成引擎,并提供了简单易用的 API 接口。开发工具包括 Nodemon 用于热更新,CORS 用于跨域支持。项目结构清晰,核心功能通过 pdfGenerator.js 模块实现,支持自定义页面大小、边距、背景打印和缩放。用户可以通过 POST 请求将 HTML 内容和样式发送到 /generatepdf/htmlToPdf 接口,生原创 2025-05-21 15:31:31 · 557 阅读 · 0 评论 -
vue3自定义audio音频播放【进度条,快进,后退,音量加减,播放速度】
本文将介绍如何使用Vue3构建一个功能完备的自定义音频播放器,包含进度条控制、快进/后退、音量调节和播放速度控制等功能。相比使用浏览器默认的audio控件,自定义播放器可以提供更一致的用户体验和更灵活的设计空间,复制粘贴即可使用,可自行优化封装效果展示。原创 2025-05-07 18:14:07 · 448 阅读 · 0 评论 -
Vue3ts封装一个可任意拖拽的浮动气泡组件,允许 x 和 y 轴方向拖拽,吸附到 x 轴方向最近一边,可点击
用户可以通过拖拽操作,在屏幕的 x 轴(水平方向)和 y 轴(垂直方向)上自由移动悬浮球。当用户停止拖拽时,悬浮球会自动吸附到 x 轴方向上距离最近的屏幕边缘,确保其位置稳定且符合用户操作习惯。时记录初始位置和鼠标位置,在 mousemove 时根据鼠标移动更新气泡位置,在 mouseup 或鼠标离开时结束拖拽并调用吸附逻辑。吸附逻辑:在拖拽结束时,判断气泡与页面边缘的距离,如果小于阈值则吸附到最近的 x 轴方向的边缘。isDragging 标志,点击事件触发时检查该标志,若为 true 则阻止点击事件。原创 2025-03-13 14:32:06 · 376 阅读 · 0 评论 -
前端实现在线预览、编辑Office文档(vue版)
WEB前端实现在线预览、编辑Office文档,介绍如何在web前端引入JS插件实现在线预览、编辑Office文档。原创 2023-03-06 16:26:50 · 16104 阅读 · 2 评论 -
vue2 vue3 使用xlsx导出excel 多个sheet表
vue2 vue3 使用xlsx导出excel 多个sheet表原创 2023-01-11 14:03:24 · 1204 阅读 · 1 评论 -
antd-vue 表格关闭弹窗重置表格搜索条件
clearFilters参数是antd自带的清空输入框内容的方法,定义一个变量把clearFilters赋值给这个变量clearTabSearch,在弹窗取消或者关闭的的时候调用清除表格搜索框得方法。原创 2022-12-21 14:05:35 · 1230 阅读 · 0 评论 -
vue2后台管理项目动态加载路由
后台管理系统项目中的路由需要权限管理,不同的角色登录看到的页面是不一样的,所以路由应该是后端动态返回,然后前端拿到路由表进行处理后调用router.addRoutes([])添加到前端的静态路由表中形成完整路由表。原创 2022-12-05 16:40:48 · 5610 阅读 · 0 评论