- 博客(8)
- 收藏
- 关注
RSS订阅原创 html2canvas + jsPDF 实现 DOM 转 PDF
摘要：本文介绍使用html2canvas和jsPDF将DOM内容转换为PDF的实现方案。核心步骤包括：将DOM转Canvas、创建PDF文档插入图片、下载或上传文件。提供单页和多页PDF两种场景的完整代码实现，并针对清晰度优化、跨域图片、中文显示等常见问题给出解决方案。关键配置包括设置scale参数保证清晰度、处理跨域资源、正确计算分页尺寸等，适用于证书、报表等多种网页内容导出PDF的需求。
2025-10-30 13:55:00
408
原创 前端html2canvas使用场景详解
本文介绍了html2canvas库的9种核心使用场景及解决方案：基础使用、跨域图片处理、滚动内容截图、Vue/React框架集成、隐藏DOM截图、批量截图优化等。重点涵盖：1）基础配置（scale/useCORS参数）；2）框架集成中的DOM渲染时机控制；3）性能优化技巧（批量处理/设备DPI适配）；4）常见问题（模糊/跨域/卡顿）的解决方法；5）Blob格式上传等高级应用。提供详细代码示例，帮助开发者实现DOM到图片的高效转换。
2025-10-30 13:49:29
1795
原创 前端git 不同仓库之间cherry-pick使用
跨Git仓库使用cherry-pick的方法：首先为目标仓库添加远程源并获取提交记录，然后复制指定提交到当前仓库。操作时需确保代码基础相似，工作区干净，可能需处理冲突。适用于复制公共组件库或历史项目的特定提交。操作步骤包括添加远程源、拉取记录、定位提交ID、执行cherry-pick及解决冲突，完成后可删除临时远程源。注意提交依赖关系和分支一致性，冲突处理与同仓库操作相同。适合需要选择性引入外部代码变更的场景。
2025-10-29 18:07:46
421
原创 前端web端使用WebSocket进行通信
WebSocket 是一种在 Web 开发中用于实现双向通信的协议，它允许客户端和服务器之间建立持久的连接，以便在连接上进行实时的数据传输。相较于传统的 HTTP 请求，WebSocket 具有更低的延迟和更高的效率，适用于需要实时性较高的场景，比如聊天应用、实时数据展示等。
2024-05-28 17:48:57
1878
1
原创 按数组内对象的某个属性排序
参数，表示要根据哪个属性进行比较。它返回了一个匿名函数，这个匿名函数作为实际的比较函数，用于。请注意，这段代码中的排序方式是按照数值大小进行降序排序。如果您想要按照其他属性进行排序，只需将。对于需要排序的数组只需要将属性名传递给compare，然后运用arr.sort()排序即可。前端在开发过程中经常遇到排序问题，那么如何对数组内对象的某个属性排序呐。另外，如果您想要按照升序排序，只需将。函数判断），则将它们转换为数值类型。，则返回 0，表示两者相等。，则返回 -1，表示。属性作为比较的依据。
2023-12-01 17:20:36
267
1
原创 vue导出excel及报错处理
根据后端返回文件流导出excel思路：先封装方法导出方法---在项目封装好的axios请求中加入responseType: 'blob'---在页面中使用
2023-03-23 21:14:07
1308
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人