lfYexun的博客

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

通过添加contenteditable="true"属性，可以将<div>元素设置为可编辑区域，允许用户直接在页面上修改内容。示例代码<div contenteditable="true">这是一个可编辑的DIV区域</div>展示了该属性的基本用法。这种特性常用于富文本编辑器等需要用户输入的交互场景。

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

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

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

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

在JavaScript中，生成两个颜色之间的渐变色区间，它接受两个颜色值（可以是十六进制、RGB或RGBA格式）和一个步长（即渐变色的数量），然后返回一个包含渐变色的数组。这个方法适用在在绘制地图渐变等操作，比如根据颜色展示地图不同省份的热度，重点是不需要你设置每一个颜色的色值，只要设置初始和结束的颜色即可。// 生成10个渐变色。

输出: 123,456,789,0。// 每隔3个字符插入逗号。

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

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

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

正则获取rgba里的rgb值，进而改变rgba的透明度

npm打包后的包如何查到该包git分支及基于该分支哪条记录打的包，便于后续问题追踪