更新记录
按时间倒序记录站点主要更新,便于追溯变更。
2026-02-25
进阶能力(Round 3)
- 新增:PWA 离线支持 —— 集成
@vite-pwa/vitepress,支持安装为桌面应用、Service Worker 离线缓存 - 新增:社交分享按钮 —— 文档底部一键分享至 Twitter / LinkedIn / 微博 / 复制链接
- 新增:键盘快捷键面板 —— 按
?弹出快捷键速查表(搜索、导航、专注模式等) - 新增:TOC 滚动追踪增强 —— 右侧目录当前章节高亮指示条,滑动动画
- 新增:主题色切换器 —— 6 色主题(极光紫/海洋蓝/翡翠绿/落日橙/玫瑰红/薰衣草),localStorage 持久化
- 新增:专注阅读模式 —— 隐藏导航、侧边栏、右侧目录,居中放大正文,快捷键
Alt+Z切换
功能新增(Round 2)
- 新增:暗色模式圆形裁剪过渡 —— 点击日夜切换按钮时,以点击位置为圆心展开的 View Transition 圆形动画
- 新增:顶部阅读进度条 —— 品牌渐变色进度指示器,实时跟踪页面滚动进度
- 新增:自定义 404 页面 —— 渐变数字跟随鼠标、漂浮粒子装饰、快捷导航按钮
- 新增:公告通知栏 —— 顶部渐变横幅,支持 localStorage 记忆关闭状态、按版本 ID 重新展示
- 新增:代码复制 Toast —— 复制代码块后弹出"已复制到剪贴板"浮动提示
- 新增:访问统计组件 —— 文档底部展示 PV / UV 数据(集成 busuanzi)
- 新增:Markdown 脚注 —— 集成
markdown-it-footnote,支持[^1]语法 - 新增:阅读信息组件 —— 文档顶部自动显示字数统计与预估阅读时长
- 新增:回到顶部按钮 —— 带阅读进度环,滚动超过 300px 自动浮现
- 新增:图片缩放 —— 基于 medium-zoom,点击文档内图片放大查看
- 新增:首页统计栏 —— 展示知识专题数、交互 Demo 数、组件数、访问量
- 新增:首页 Hero 图标 + 第三个入口按钮(组件库文档)
- 新增:Feature 卡片图标与链接 —— 每个特性卡片可直达对应页面
- 新增:发布-订阅式表单 Demo —— EventBus 解耦校验、渲染计数、事件日志面板
组件更新
- 重构:Button 组件从占位符升级为完整实现(5 变体 / 3 尺寸 / 加载态 / Block 模式)
- 新增:侧边栏加入 Form 表单 组件入口
优化
- 优化:主题 3D 头像改为异步加载,降低首屏主包体积与阻塞
- 优化:3D 渲染性能(限制像素比、页面隐藏/最小化时暂停渲染)
- 优化:知识文档内演示 iframe 统一启用
loading="lazy"与referrerpolicy="no-referrer" - 优化:构建产物
three从 vendor 独立分包,消除体积警告 - 优化:抑制 vitepress-demo-plugin 的 path/fs 外部化警告
- 样式:文字选中高亮色、giscus 评论间距、图片圆角与悬浮阴影
2025-11-20
- 新增:Event Loop 事件循环详解(含交互演示)
- 新增:CSS 堆叠上下文详解(含交互演示)
- 新增:浏览器渲染流水线与重排重绘(含交互演示)
- 新增:Virtual DOM 与 Fiber 入门(含分片渲染演示)
- 新增:防抖与节流(含交互演示)
- 优化:首页 Hero、全站样式与提示块、侧边栏大纲高亮
- 优化:统一 iframe 演示外观与“新标签打开演示”链接
- 配置:cleanUrls、titleTemplate、编辑此页链接、页脚、SEO 元信息
- 脚本:新增
dev/build/preview,兼容pnpm dev