#工具

轻松检查 Typo

JavaScript 工具

在软件开发中，拼写错误不仅影响代码可读性，还可能引发难以察觉的 Bug，使用 CSpell 工具可以高效地检查并修复项目中的拼写错误。

8 月 24 日，2025 前端约 4 分钟阅读

30行代码即可保存剪贴板历史

Shell 工具效率

保存剪贴板历史记录方便随时查阅。

9 月 3 日，2024 其它约 2 分钟阅读

使用 JavaScript 为网页生成 SVG 骨架图

HTML JavaScript 工具

使用 JavaScript 从您的网页（或页面元素）生成 SVG 骨架图像。

2 月 22 日，2024 前端约 2 分钟阅读

渐进式图像加载 - 模糊占位符图像（如 Unsplash）

HTML JavaScript 工具

使用模糊的占位符图像进行渐进式图像加载并改善用户体验。

2 月 15 日，2024 前端约 4 分钟阅读

[HEXO插件] hexo-lazyload-element

HTML JavaScript 工具 HEXO Plugin Lazyload

一个用于实现延迟加载的 HEXO 插件，支持 <img>、<video> 和 <iframe> 元素。

2 月 2 日，2024 前端约 4 分钟阅读

面向 Web 开发人员的图像压缩工具

介绍不同的工具来优化您的图像大小。

9 月 25 日，2023 前端约 3 分钟阅读

使用 JavaScript 创建一个取色器

HTML JavaScript 工具 Canvas

构建颜色选择器的步骤会告诉您图像中指针位置的颜色。

4 月 15 日，2023 前端约 14 分钟阅读

Lynan

Live Young n Act Now.

67 文章 / 5 分类 / 35 标签 / 2 系列

关于本站新特性

.hdr-info-wrap { display: none; } #back-to-top { transform: translateY(0); pointer-events: all; opacity: 1; } .lazyload-wrap { display: none; } .post-cover-img-wrap .cover-img { opacity: 1 !important; } #gitalk-container { display: none; } .hdr-switch { display: none; } #toc-toggle { display: none; } .button.rss { margin-right: 0 !important; } .copy-btn { display: none; } #page-donates { display: none; } #post-age-warning { display: none; } #toc .toc-item-wrap:not(.active) { opacity: unset; transition: unset; } #toc:hover .toc-item-wrap:not(.active) { opacity: unset; } #toc .toc-item-wrap.active .toc-item-link { font-weight: normal; color: #333; } #toc .toc-item-wrap.active .toc-item-link::before { display: none; } #toc .toc-item-wrap.active .toc-item-link:not(.active) { opacity: unset; } #toc .toc-item-wrap.active .toc-sub-item-link:not(.active) { opacity: unset; } #post .post-meta #content-switch { display: none; } #post figure.highlight.folded, #raw-markdown-block figure.highlight.folded { max-height: unset; overflow-y: auto; } #post figure.highlight.folded .fold-toggle, #raw-markdown-block figure.highlight.folded .fold-toggle { display: none; }