stay hungry, stay foolish

本文介绍了如何使用file-saver和xlsx库实现前端Excel文件导出功能。通过element-plus表格组件展示数据，支持选择导出勾选项或默认导出全部数据。代码实现了表头映射、列宽设置、状态格式化等功能，最终将JSON数据转为Excel文件并触发浏览器下载。核心步骤包括：安装依赖、构建工作表、设置格式、生成文件并保存。该方案适用于前端处理表格数据导出需求，提供了灵活的配置选项。

几个月前写了一篇，拖了几个月终于把这篇github pages部署方法写好了（我太懒了🥹）这里我使用的是部署之前搭建的博客，因为它是免费的！部署起来也比较方便，缺点是域名有些不美观，会有些长。

短轮询：前端固定时间间隔（如每 5 秒）发送 HTTP 请求，获取最新数据。服务器不管有没有新数据，都返回响应，前端定时继续请求。

在 Vue 中渲染成千上万条数据时，直接渲染所有 DOM 节点会导致严重的性能问题（如内存占用高、渲染卡顿）。

vue中使用Highlight.js实现格式化代码显示

用VuePress搭建一个简单的个人博客基础教程，基础版和美化版风格 （附源码）

HTML 拖放（Drag and Drop）接口使应用程序能够在浏览器中使用拖放功能。例如，用户可使用鼠标选择可拖拽（draggable）元素，将元素拖拽到可放置（droppable）元素，并释放鼠标按钮以放置这些元素。拖拽操作期间，会有一个可拖拽元素的半透明快照跟随着鼠标指针

Vue 3 的 ref 用来引用 DOM 元素。我们通过 exportContent 引用需要导出的 DOM 元素。：html2canvas 库会将指定的 DOM 元素渲染为画布（canvas），然后可以通过。// backgroundColor: null, // 保留背景透明度。// 使用 html2canvas 渲染指定的 DOM 元素。将画布转换为图片的 Base64 数据 URL。// 将画布转换为图片数据 URL。方法自动触发图片的下载。// 启用跨域资源支持。// 创建一个下载链接。

通过调整像素大小实现图片像素化效果，也可以对图片进行替换。通过 Canvas 的 getImageData方法获取图片的像素数据。

类似扫一扫的功能，自动识别到画面中的二维码并进行识别，也可以选择从相册中上传。vue-qrcode-reader一组用于检测和解码二维码的Vue.js组件jsQR一个纯粹的javascript二维码阅读库，该库接收原始图像，并将定位、提取和解析在其中找到的任何二维码。zxing-wasmZXing-C++ WebAssembly 作为带有类型的 ES/CJS 模块。读/写 web、node、bun 和 deno 中的条形码。安装3. 方式一：vue-qrcode-reader实现🔍vue

点播视频）是一种多媒体服务形式，允许用户随时随地选择并观看视频内容，而不是按照预设的时间表来观看。xgplayer是一个开源的 HTML5 视频播放器，由字节跳动公司开发并维护。它最初是为了满足短视频平台的播放需求而设计的，具有高性能和高度可定制的特点。xgplayer适用于移动设备和桌面设备，支持多种视频格式和流媒体协议，包括等。

背景：在表单中使用element-plus实现多张图片上传(限制最多10张)，因为还要与其他参数一起上传，所以使用formData格式。编辑表单回显时得到的是图片路径数组，上传的格式是File，所以要进行一次转换。2. 踩坑记录问题：在对图片列表遍历后处理时，一开始在中进行文件格式转换操作，数据项无法插入中，但控制台打印有值。原错误写法：原因：是并发执行，在每次迭代时会立即执行指定的回调函数，并且不会等待上一次迭代的结果，所以并不能保证每次convertUrlToFile操作都已完成。解决方法

grid的常见使用场景。场景1：固定几列显示，显示不下会自动换行。场景2：格子宽度固定, 显示几列不确定。场景3：不同列所占份数不同。场景4：有些列宽度不固定

scrollIntoView 是一个内置的 JavaScript 方法，用于将元素滚动到视口可见的位置。它通常用于用户界面中，以便用户能轻松看到特定的元素。此方法可以应用于任何 DOM 元素，并且有多个参数可以控制滚动行为。

传入图片的base64编码，将图片进行导出保存。图片添加描述文字导出