lfYexun的博客

本文介绍了如何使用html2canvas和jspdf库将HTML内容导出为PDF文件。首先通过npm安装这两个依赖库，然后创建一个exportToPDF工具函数。该函数会计算页面高度、分页渲染Canvas，并将内容转换为JPEG图片格式添加到PDF中，最后保存为指定文件名的PDF文档。在Vue组件中，通过ref获取DOM元素并调用该导出函数实现报告导出功能。整个过程包括分页处理、图片转换和PDF生成，最终生成质量良好的PDF文件。

摘要：针对Chrome等浏览器默认打开PDF而非下载的问题，文章提出解决方案：通过为下载链接添加response-content-disposition=attachment参数强制触发下载。示例代码展示了如何动态创建隐藏的<a>标签，设置文件路径（含强制下载参数）和文件名，执行点击下载后移除该元素。这种方法适用于GET请求文件下载场景，有效规避浏览器默认预览行为。

本文介绍了使用html2canvas和jspdf将HTML内容导出为PDF的实现方法。首先安装依赖包，创建exportToPDF工具函数处理分页渲染和尺寸转换，通过循环截取DOM内容并添加到PDF文档。在Vue组件中通过ref获取目标元素并调用导出方法，同时提示跨域图片需要后端转发或转为base64格式。该方案支持自定义页面边距和像素转换系数，可生成高质量的PDF文档。

3.在SSE的onmessage里监听返回的数据流，并拼接到前端对话框中，我这里接的是deepseek，所以返回的数据流里会有推理信息，不过后端可以控制不返回推理信息，只返回结果。4.可以加一些细节处理，提升用户体验，比如：保存最近十条的聊天记录（这里存到了localStorage里），允许用户主动停止正在生成的内容，每次读取流时页面需要滚动到底部等。2.用户输入问题，点击提问按钮，创建一个SSE实例请求后端数据，由于SSE是单向流，所以每提一个问题都需要先把之前的实例关掉，然后重新new个SSE实例。

需求：当前页面存在多个模块且内容很长时，需要提供一个锚点列表，可以快速查看对应模块内容。1.每个模块添加唯一id，添加锚点列表div。2.初始化锚点列表，监听滚动事件。

【代码】vue3子组件手动吸顶。

getPopupContainer属性在对应的AutoComplete文档中未直接体现，但确实可以用。

通过new ResizeObserver方法可以监听到父元素尺寸变化，resize能监听到手动拖曳导致的浏览器窗口变化，可以都加上。

工作需要自己重新整理了一份，里面的code不一定完全匹配，用的话可以自己增减修改。

【代码】css3隐藏页面滚动条。

鼠标点击按钮时，按钮置灰，同时出现转圈的loading图标。

【代码】vue3富文本编辑器wang-editor5。

props一般是单向的，在子组件中不应该对 props 进行修改。这样，子组件中后续对 formatTitle 的修改，就与原props.openDataSource无关联了。

a-checkbox-group如果要自定义内容的话，标签上不能有options，同时子标签加上value。

【代码】vite.config.js配置proxy代理，解决跨域。

【代码】vue3的ElementPlus的cascader调整样式为文本展示样式。

vue3的NProgress页面加载虚拟进度条的使用方法