Skip to content

更新记录

按时间倒序记录站点主要更新,便于追溯变更。

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

内容仅供学习参考,如有错误欢迎指正与 PR