weixin_45653441的博客

该项目是一个基于 Node.js 的 Web 服务，旨在将 HTML 内容转换为 PDF 文件。项目使用 Express.js 作为后端框架，Puppeteer 作为 PDF 生成引擎，并提供了简单易用的 API 接口。开发工具包括 Nodemon 用于热更新，CORS 用于跨域支持。项目结构清晰，核心功能通过 pdfGenerator.js 模块实现，支持自定义页面大小、边距、背景打印和缩放。用户可以通过 POST 请求将 HTML 内容和样式发送到 /generatepdf/htmlToPdf 接口，生

本文将介绍如何使用Vue3构建一个功能完备的自定义音频播放器，包含进度条控制、快进/后退、音量调节和播放速度控制等功能。相比使用浏览器默认的audio控件，自定义播放器可以提供更一致的用户体验和更灵活的设计空间，复制粘贴即可使用，可自行优化封装效果展示。

用户可以通过拖拽操作，在屏幕的 x 轴（水平方向）和 y 轴（垂直方向）上自由移动悬浮球。当用户停止拖拽时，悬浮球会自动吸附到 x 轴方向上距离最近的屏幕边缘，确保其位置稳定且符合用户操作习惯。时记录初始位置和鼠标位置，在 mousemove 时根据鼠标移动更新气泡位置，在 mouseup 或鼠标离开时结束拖拽并调用吸附逻辑。吸附逻辑：在拖拽结束时，判断气泡与页面边缘的距离，如果小于阈值则吸附到最近的 x 轴方向的边缘。isDragging 标志，点击事件触发时检查该标志，若为 true 则阻止点击事件。

主题切换组件 theme.vue 在layout组件里使用。vue3 antd 自定义切换主题色。maints引入antd css。切换颜色hook文件 统一管理。在appvue里使用。

WEB前端实现在线预览、编辑Office文档，介绍如何在web前端引入JS插件实现在线预览、编辑Office文档。

vue2 vue3 使用xlsx导出excel 多个sheet表

后台管理系统项目中的路由需要权限管理，不同的角色登录看到的页面是不一样的，所以路由应该是后端动态返回，然后前端拿到路由表进行处理后调用router.addRoutes([])添加到前端的静态路由表中形成完整路由表。

vue3的构建项目vue3的构建项目

使用a-table的fixed属性固定表格列的时候滚动条被固定列覆盖部分无法拖动。解决方法将固定区域底部留出一个滚动条高度的距离。主要的问题就是固定区域盖住了横向滚动条。设置bottom值，使得不盖住滚动条。可以使用下面配置来解决。...

.在public文件夹下新建languages文件夹，在新建langs文件夹和i18n.js，langs文件夹下新建index.js、cn.js、en.js。on(),这个是组件传值的一种方式，需要在main.js中配置。4.在app.vue文件中引入多语言文件和我们写切换的方法。.........

项目需求，采用ant design table展示数据，需要点击行变色，表格行之间有颜色区分（斑马色）效果图：

行列合并与插槽同时使用普通的table插槽是在column对象中配置scopedSlots: { customRender: ‘xxx’ }，并在标签中写相应的代码实现的，与此处关系不大，不做过多的介绍。行列合并时要对customRender做配置，相应单元格的重写则需要写在customRender返回的children中，使用的是类似React的jsx语法：例子如下，我希望在实现行合并的同时操作按钮有二次确认事件效果如图：如果需要对插槽中的元素添加事件：...

vue

git 命令操作

安装依赖> npm install -S file-saver xlsx> npm install -D script-loader代码片段-html// handleUpBtns 触发导入事件的方法（table是用来判定导入数据的用处）<div style="margin-bottom: 10px"> .

<el-form-item label="图片"> <el-upload class="avatar-uploader" :action="actionUrl" :show-file-list="false" :on-success="handleAvatarSuccess" :before-upload="beforeA...