收藏的好东西

3D流程图绘制

https://icraft.gantcloud.com/

取消请求的使用场景及原理解析

https://juejin.cn/post/7436760535400267813?share_token=d228d7...

使用 LiteGraph.js 构建可视化工作流图

应用场景介绍
LiteGraph.js 是一个轻量级的开源 JavaScript 库，用于构建可视化工作流图。它广泛应用于游戏开发、数据可视化、交互式叙事等领域。

微软出的开源MarkItDown，轻松将文档转换为Markdown格式

MarkItDown 支持多种文件格式的转换：

PDF 文件（.pdf）
PowerPoint 演示文稿（.pptx）
Word 文档（.docx）
Excel 表格（.xlsx）
图片（支持提取 EXIF 元数据和 OCR 文字识别）
音频文件（支持提取元数据和语音转文字）
HTML 网页（对 Wikipedia 等网站有特殊优化）
其他文本格式（csv、json、xml 等）
GitHub 仓库地址：https://github.com/microsoft/markitdown

lazysizes

lazysizes 是一款快速（无卡顿）、对搜索引擎友好且自我初始化的懒加载器，适用于图片（包括响应式图片 picture/srcset）、iframes、脚本/小部件等内容。它通过区分视口内关键元素与接近视口的元素来优先处理资源，以进一步提高感知性能。

它也可能成为您整合响应式图片的主要工具。它可以自动计算响应式图像的 sizes 属性，允许您在 media 属性中与CSS共享媒体查询，帮助分离布局（CSS）和内容/结构（HTML）。此外，它使在任何环境中集成响应式图片变得非常简单，并包含一套可选插件以扩展其功能。
仓库地址：https://github.com/aFarkas/lazysizes

解除右键禁用

window.addEventListener('contextmenu',(event) => {event.stopImmediatePropagation()}, true)

如何在仓库中添加只对自己生效的.gitignore规则？

将你需要不想添加到仓库中的文件名，添加到.git/info/exclude中（跟添加到.gitignore的操作一样）。
他的作用和.gitignore一样，只不过他不用被提交到远程仓库，只在本地生效。
注意，这个文件是隐藏的，需要用路径访问。

拖拽框选跟桌面一样选取

https://github.com/Simonwep/selection?tab=readme-ov-file

crxjs让你开发浏览器插件得心应手

https://segmentfault.com/a/1190000045938637

记不住修改滚动条的css属性？一图解决

修改滚动条样式
/**webkit浏览器**/
::-webkit-scrollbar              { /* 1 */ }
::-webkit-scrollbar-button       { /* 2 */ }
::-webkit-scrollbar-track        { /* 3 */ }
::-webkit-scrollbar-track-piece  { /* 4 */ }
::-webkit-scrollbar-thumb        { /* 5 */ }
::-webkit-scrollbar-corner       { /* 6 */ }
::-webkit-resizer                { /* 7 */ }

浏览器自动化

<video src="https://www.automa.site/videos/section1.mp4" controls="controls" width="500" height="300"></video>
https://www.automa.site/