Clarity

Iconify 入门：统一 150+ 图标集

2026-09-25

Vue 3 与前端

图标

/

SVG

Iconify 是图标界的包管理器：它聚合了 150+ 主流图标集、20 多万个图标（Material Symbols、FontAwesome 6、Bootstrap Icons、Tabler…...

Vue 3 与前端

2026-09-25 961 字约 3 分钟 20 访问量

Iconify 入门：统一 150+ 图标集

Iconify 是图标界的包管理器：它聚合了 150+ 主流图标集、20 多万个图标（Material Symbols、FontAwesome 6、Bootstrap Icons、Tabler…...

图标 SVG

more...

OverlayScrollbars 入门：自定义滚动条

2026-09-25

Vue 3 与前端

滚动条

/

UI 细节

样式不可控。Windows 的灰色粗条、macOS 的自动隐藏细条、Linux 的各种花样——同一个页面在不同系统上观感割裂，而原生滚动条能用 CSS 定制的只有 ::-webkit-scrol...

Vue 3 与前端

2026-09-25 876 字约 2 分钟 23 访问量

OverlayScrollbars 入门：自定义滚动条

样式不可控。Windows 的灰色粗条、macOS 的自动隐藏细条、Linux 的各种花样——同一个页面在不同系统上观感割裂，而原生滚动条能用 CSS 定制的只有 ::-webkit-scrol...

滚动条 UI 细节

more...

Cover Image of OverlayScrollbars 入门：自定义滚动条

Expressive Code 入门：代码块高亮的终极方案

2026-09-25

Vue 3 与前端

Astro

/

代码高亮

Expressive Code 是 Astro 官方推荐的代码块渲染引擎（也是独立可用的库），基于 Shiki 高亮器。相比 Astro 内置的默认代码块，它提供三个杀手锏：行号、可折叠代码区、...

Vue 3 与前端

2026-09-25 900 字约 3 分钟 23 访问量

Expressive Code 入门：代码块高亮的终极方案

Expressive Code 是 Astro 官方推荐的代码块渲染引擎（也是独立可用的库），基于 Shiki 高亮器。相比 Astro 内置的默认代码块，它提供三个杀手锏：行号、可折叠代码区、...

Astro 代码高亮

more...

Cover Image of Expressive Code 入门：代码块高亮的终极方案

Swup 入门：无刷新页面转场

2026-09-25

Vue 3 与前端

Swup

/

转场动画

/

MPA

本站是 Astro 多页应用（MPA），每个页面独立 URL、独立加载——SEO 和首屏性能好，但页面间切换是浏览器原生跳转：旧页销毁、白屏、新页从零渲染。这在内容站上表现为「点文章 → 闪一下...

Vue 3 与前端

2026-09-25 1085 字约 3 分钟 22 访问量

Swup 入门：无刷新页面转场

本站是 Astro 多页应用（MPA），每个页面独立 URL、独立加载——SEO 和首屏性能好，但页面间切换是浏览器原生跳转：旧页销毁、白屏、新页从零渲染。这在内容站上表现为「点文章 → 闪一下...

Swup 转场动画 MPA

more...

KaTeX 入门：网页里的数学公式渲染

2026-09-25

Vue 3 与前端

KaTeX

/

数学公式

/

Markdown

KaTeX 是一个 JavaScript 数学排版库，把 LaTeX 语法的公式渲染成网页里的数学符号。同类产品是 MathJax——老牌、功能全，但渲染慢。KaTeX 用「只实现核心子集 + ...

Vue 3 与前端

2026-09-25 997 字约 3 分钟 25 访问量

KaTeX 入门：网页里的数学公式渲染

KaTeX 是一个 JavaScript 数学排版库，把 LaTeX 语法的公式渲染成网页里的数学符号。同类产品是 MathJax——老牌、功能全，但渲染慢。KaTeX 用「只实现核心子集 + ...

KaTeX 数学公式 Markdown

more...

markstream-vue 入门：AI 流式 Markdown 渲染

2026-09-25

Vue 3 与前端

ai

/

Markdown

/

流式渲染

AI 聊天的返回不是一次给全，而是逐 token 推送——你看到的「打字机效果」。这对渲染是巨大挑战：

Vue 3 与前端

2026-09-25 969 字约 3 分钟 28 访问量

markstream-vue 入门：AI 流式 Markdown 渲染

AI 聊天的返回不是一次给全，而是逐 token 推送——你看到的「打字机效果」。这对渲染是巨大挑战：

ai Markdown 流式渲染

more...

Cover Image of markstream-vue 入门：AI 流式 Markdown 渲染

md-editor-v3 入门：Vue 3 Markdown 编辑器

2026-09-25

Vue 3 与前端

/

Markdown

/

编辑器

md-editor-v3 是 Vue 3 生态最完整的 Markdown 编辑器组件，本站写文章页用的就是它。能力清单：

Vue 3 与前端

2026-09-25 1056 字约 3 分钟 27 访问量

md-editor-v3 入门：Vue 3 Markdown 编辑器

md-editor-v3 是 Vue 3 生态最完整的 Markdown 编辑器组件，本站写文章页用的就是它。能力清单：

Vue 3 Markdown 编辑器

more...

TanStack Virtual 入门：长列表虚拟滚动

2026-09-25

Vue 3 与前端

虚拟滚动

/

性能优化

DOM 不是免费的。每个列表项是一堆 DOM 节点，1 万条 × 每条 20 个节点 = 20 万节点，浏览器的布局、绘制、内存全面告急：滚动卡顿、点击延迟、手机直接发烫。

Vue 3 与前端

2026-09-25 1101 字约 3 分钟 25 访问量

TanStack Virtual 入门：长列表虚拟滚动

DOM 不是免费的。每个列表项是一堆 DOM 节点，1 万条 × 每条 20 个节点 = 20 万节点，浏览器的布局、绘制、内存全面告急：滚动卡顿、点击延迟、手机直接发烫。

虚拟滚动性能优化

more...

Cover Image of TanStack Virtual 入门：长列表虚拟滚动

Vue Draggable Plus 入门：拖拽排序最佳实践

2026-09-25

Vue 3 与前端

/

拖拽

Vue Draggable Plus 是 Vue 3 的拖拽排序组件库，基于原生 HTML5 Drag and Drop API 实现（底层用了 SortableJS 的成熟方案），提供两种用法...

Vue 3 与前端

2026-09-25 1039 字约 3 分钟 23 访问量

Vue Draggable Plus 入门：拖拽排序最佳实践

Vue Draggable Plus 是 Vue 3 的拖拽排序组件库，基于原生 HTML5 Drag and Drop API 实现（底层用了 SortableJS 的成熟方案），提供两种用法...

Vue 3 拖拽

more...

Cover Image of Vue Draggable Plus 入门：拖拽排序最佳实践