FORMA
  1. Latest

    v1.1.1

    修复全屏演示空白、知识库侧栏顶部被裁切,以及 Lucide 图标扫描与发版检测指纹。

    修复

    • 修复 Three / GSAP / Interact:演示列表异步加载后滚动容器未再测量高度,导致画面空白、翻页无响应
    • 修复知识库列表左侧栏在桌面端 flex 垂直居中时,内容超出视口顶部被裁切且无法滚回
    • 修复工具目录写在 .ts 中的 Lucide 图标未被 clientBundle 扫描,SSR 加载超时失败
    • 发版检测改为构建指纹(build-info),部署新产物即可提示更新,不必再手改 changelog 首条
  2. Release

    v1.1.0

    发布 v1.1.0:PWA 与离线知识库、中英双语壳层、GSAP 菜单实验室;并修复 Umami / 生产环境变量,优化 Docker 与生产构建。

    亮点

    • PWA:Web App Manifest + Service Worker,支持安装到主屏幕与发版刷新提示
    • 离线知识库:浏览过的文章可「保存离线」写入 IndexedDB,弱网可继续阅读
    • 多语言界面:壳层支持中文 / English 切换;知识库正文仍以中文为主
    • GSAP 菜单:全屏滚动切换 62 个动效演示
    • 修复粒子力场:坐标基于舞台、原生 transform 驱动推开效果
    • 复杂动效扩容:矩阵雨、Coverflow、烟花、DNA、星系、群体追逐、磁力网格等

    新功能

    • 主题面板新增语言切换;导航、首页、页脚、更新提示等壳层文案双语
    • 知识库列表侧栏提供离线文库入口;详情页可一键保存 / 取消离线
    • Workbox 运行时缓存 /api/knowledge 与 /knowledge 页面(NetworkFirst)
    • 知识库代码块支持「Playground」:html / css / js / vue / ts / scss / less 可一键回填站内演练场(可用 no-playground 关闭)
    • 演练场支持 HTML / Vue / React 结构切换;Vue/React 可选 CSS·Sass·Less 与 JS·TS;可挂载 Tailwind / Bootstrap / Element Plus
    • 演示以自包含 HTML + 同源 /vendor/gsap.min.js 运行,不依赖外网 CDN
    • 支持目录搜索、进度 scrub、上一屏 / 下一屏与 Playground 导出
    • 新增命名生成器、.env 对照、i18n 键检查、Identicon、栅格/断点、番茄钟六个本地工具页
    • 新增单位换算台、剪贴板工坊、SQL 美化、手写签名板、ASCII 点阵、时区会议规划六个本地工具页
    • 新增视口尺子、字体配对、玻璃/噪点、阅读朗读、白板速记、OpenAPI 预览六个本地工具页
    • 新增图标描边检查、打印版式、GraphQL 轻量版、波形频谱四个本地工具页
    • 命令面板支持主题 / 语言 / 清空最近等动作指令;演练场支持本地草稿与只读分享 fork
    • 工具合并为四大 Hub:制图台 / 工程台 / 时序面 / 字符戏台,旧路径 301 跳转,侧栏去重
    • Hub 壳层分化:制图台裁切框、工程台终端状态条、时序面大时钟、戏台 CRT 边框
    • Hub Panel 布局:制图台旋钮|预览、工程台 prompt→stdin→stdout 终端流
    • 次要 Panel 对齐:栅格 / 描边 / 单位换算走 spec;i18n 走 console;番茄钟与时区会议弱化卡片、时钟主导
    • 戏台 Panel 统一 CRT 绿屏(ASCII / Identicon / 签名 / 波形);阅读改纸页主导;白板去圆角卡片底栏
    • 尺子 / 字阶走 spec;OpenAPI / GraphQL 走 console;节拍器对齐 tempo 大数字
    • 文本台 CSV↔JSON / Query 编辑 / 统计;正则分享链接;色板 Gradient;制图台比例框
    • 正则 Explain 拆解;色板 OKLCH 色阶;制图台 SVG / 占位改为 hub-panel
    • 美化 / 导出成图升级为截图工作室:窗体风格、边距/圆角/阴影、字号行高、行号与标题栏开关;背景预设换血;分享链接还原版式
    • 美化工作室扩展:按语言模板库、版式预设、背景浓度与噪点、导出 1×/2×/3×、一键重置版式
    • 美化工作室再升级:内容/外观/导出分区;代码·终端·引用三种卡片;自定义纯色背景与 FORMA 水印
    • 格式化 / 整理结构:JSON 结构树、扁平化与去空值;新增 XML 格式化 / 压缩 / 校验
    • 文本 / 数据升级:CSV 分隔符与表头、NDJSON、下载导出;新增清洗台;统计含汉字与阅读时长
    • 文本 / 数据再升级:视口高度撑满;新增行处理(去重/排序/行号)与变换(大小写/全半角/标识符)
    • 制图台再升级:视口高度撑满;新增圆角规格与缓动曲线;色盲改为 knobs|preview Panel
    • 制图台 / 文本 / 色板统一美化同款裁切角舞台语言,内容区撑满空余高度
    • 抽离全局 ToolShellPlate:tone / variant 统一裁切角与舞台感,避免各页手写色差
    • Markdown / 草稿预览:视口撑满 + 裁切角舞台;大纲点击跳转、字数/阅读时长、导出 PDF
    • 演练场:视口撑满双栏工作台;桌面/平板/手机断点预览;本地片段库
    • 简历生成器:预览区裁切角舞台;主题面板新增 A4/Letter 纸张与紧凑/标准/宽松边距
    • 图片工具:顶栏全宽、内容区撑满;压缩结果可导出尺寸清单 CSV
    • 正则实验室升级:测试套件、速查表、全部/仅首次替换、d flag indices、LZ 压缩分享与 JS 片段导出
    • 色板 / Token 升级:色盲模拟、WCAG 验收套件、速查表、TS 导出、OKLCH 并入 Token、LZ 压缩分享与拖放取色
    • 工程台升级:curl↔fetch/ofetch/axios、gitignore·EditorConfig·Prettier·Semver 脚手架、速查表;剪贴板智能识别与深链;SQL 示例/压缩/下载;LZ 分享(env 密钥打码)
    • 编解码 / 时序 / HTTP / 二维码 / Diff / 网络:分享链路、速查、JWT 时间线、Cron 说明、SVG 导出、变更跳转与 CIDR 报告
    • QR Studio:紫罗兰主题与 ToolShellPlate;Studio / 载荷 / Go / 速查四分区;Brand Kit、中心 Logo、透明底;FORMA Go 跳转页倒计时确认
    • 产品打磨批次:轮盘(权重/剔除上次/分享)、阅读(音色/暂停/草稿/导入)、白板(壳层/缩放/PNG·MD/分享)、键位(Cursor 预设/JSON/分享)、网络(速查/LZ 分享)、视频(音频抽取/参数分享)

    修复

    • 修复粒子力场演示:坐标基于舞台、原生 transform 驱动推开效果
    • 修复生产裸跑 `node .output/server/index.mjs` 不读 `.env`,导致 Umami 看板凭证丢失
    • 修复 Umami 埋点依赖仅识别 wangxiaoze.cn 的 CDN hostname 映射,localhost / 其他域名无法统计
    • 修复 SPA 页面浏览漏报 / 同 path 重复上报(关闭 auto-track,改由路由钩子统一 PV)
    • 修复 GSAP 演示帧切换时的注入竞态;静态引入大包改为按需动态 import
    • 修复 Docker / 大仓构建期 Content · Nitro 堆内存不足导致的编译失败

    优化

    • 美化工作室:舞台居中 + 紧凑 Studio 控制条,预览即导出;旧分享链接兼容新背景映射
    • 美化:切换语言时若当前仍是模板代码则自动换对应语言示例,手写内容不覆盖
    • 美化:工具条按分区收拢,避免旋钮堆叠;卡片模式切换时智能换示例
    • JSON 页升级为格式化 Hub:JSON / 结构树 / YAML / XML 四分区
    • 文本台:URL Query 实时预览与排序;统计页一键去不可见 / 统一换行
    • 正则:旧明文 ?p&f&t&r 分享仍可读;新链接走 ?share= 压缩载荷
    • 色板:Shadow/Clamp/Gradient 子 Tab 写入 URL;旧 localStorage v1 可迁移
    • 工程台:分享链接按 Tab 压缩;env 分享强制打码密钥字段
    • 工程台视觉重做:墨色 phosphor 终端窗、工具条 Tab、去双重描边、全高铺满
    • 网络实验室独立 tool-shell--net(teal);编解码 / HTTP / 二维码 / Diff / 时序补分享与加深
    • 轮盘 / 阅读 / 白板 / 键位补专属 tool-shell 主题色,与 catalog accent 对齐
    • 二维码升级为 QR Studio:短链文案诚实化为 FORMA Go;载荷扩 SMS / geo / 日历;/go 氛围落地页
    • 工具页主题色按 catalog accent 随路由绑定,侧栏 / 壳层不再统一跟全局玫红
    • 路线图中「PWA 与离线知识库」「多语言界面」标记为已完成
    • 路线图「文章内在 Playground 打开」已落地,条目从待开发清单移除
    • 路线图上线命名 / env / i18n / Identicon / 栅格 / 番茄钟;密码与 UA 标为搁置(已有入口)
    • 路线图上线单位换算 / 剪贴板 / SQL / 签名 / ASCII / 时区会议
    • 路线图上线视口尺子 / 字体配对 / 玻璃噪点 / 阅读朗读 / 白板速记 / OpenAPI 预览
    • 路线图上线图标描边 / 打印版式 / GraphQL 轻量版 / 波形频谱,工具类想法全部落地
    • 路线图落地命令面板动作指令、演练场本地草稿与只读分享;修复 GSAP 一键带走注入被冲掉
    • 路线图:同类工具合并进 Design/Dev/Tempo/Creative Hub,按 Hub 分化视觉语言
    • Hub 次要 Panel 对齐 spec / console / tempo 布局语言
    • 戏台 glyph CRT、阅读纸页、白板全屏底栏轻量打磨
    • 尺子 / 字阶 / OpenAPI / GraphQL / 节拍器纳入 Hub Panel 语言
    • 文本 / 正则 / 色板 / 制图台功能增量:双向 CSV、统计、分享、渐变、比例框
    • 正则 Explain、OKLCH 色阶、SVG/占位 Panel 化
    • 构建:本地与 Docker 统一 `NODE_OPTIONS=--max-old-space-size=8192`,降低 Content / Nitro 编译 OOM 风险
    • 构建:Vite 改用 esbuild 压缩 JS/CSS,关闭 gzip 体积汇报,缩短生产构建时间
    • 构建:过滤 nitropack / i18n / content 上游环依赖与可选模板引擎 WARN,日志更干净
    • 构建:`@vue/compiler-sfc` 强制走 ESM browser 并在 Nitro 外置,避免 consolidate 误扫 handlebars/react
    • 构建:`pnpm build` 结束后将根目录 `.env` 复制进 `.output`;新增 `pnpm start` 自动 `--env-file` 启动
    • 构建:GSAP 占位标记拆为轻量模块,演示帧按需动态加载 gsap-bundle,TypeScript 单独拆 vendor chunk
    • 部署:Docker Compose 支持 `env_file` 与 `NUXT_PUBLIC_UMAMI_*` / 会话回放开关注入
  3. Beta

    v1.0.0

    FORMA 首个完整版本:把日常开发小工具、知识库、更新日志、想法清单与数据看板收纳在同一站点,从写作到访问洞察形成闭环。

    亮点

    • 首页宣传级落地页:品牌优先、工具入口同屏,主题色与系统外观(亮 / 暗 / 跟随系统)可一键切换
    • 知识库全面迁入本站:Markdown 即内容,支持分类、标签、置顶,以及列表 / 时间线 / 日历三种浏览模式
    • 数据看板接入 Umami:知识库内容结构与站点访问统计同页呈现,KPI 可按 7 / 30 / 90 天切换并对比上期
    • 更新日志与「待开发 · 后期考虑」分册维护:changelog.json / roadmap.json 驱动页面,侧栏未读角标提示新版本

    新功能

    • 工具台:代码美化、JSON、正则、色板 / Token、编解码、API 调试台、二维码 / 短链、Diff / 文本对比、Playground、图片压缩、视频处理、EXIF 读取
    • 简历生成器:多模板、实时预览、模块排序,本地编辑并导出,数据不出浏览器
    • Three.js 全屏演示与交互 Demo 合集:滚动 / 翻页同步,场景导航标示当前屏
    • 知识库:侧栏检索与分类筛选、详情滚动位置记忆、GET /api/knowledge 支持 date / archive / dateCounts
    • 更新日志页 /changelog:时间线展示亮点、功能、修复与优化,可手动维护版本记录
    • 想法清单页 /roadmap:按「待开发 / 考虑中 / 后期考虑」筛选,独立 JSON 维护条目
    • 数据看板 /data:文章 KPI、分类 / 写作量 / 目录洞察,以及流量趋势、来源、国家、浏览器、系统、设备、语言等图表
    • 站点更新提示:基于最新版本指纹检测未读更新,侧栏角标与右上角提示条可跳转日志

    修复

    • 修复首页 HeroCanvas 解析错误导致首屏异常
    • 修复知识库文档中的死链、Nginx proxy_pass、NestJS / Bun 锁文件等过时表述
    • 修复详情 KeepAlive 与列表滚动恢复偶发失效;全屏演示程序化翻页与虚拟窗口打架导致的错页
    • 修复数据看板「知识库 / 首页」仅改 URL 不切页,以及无数据时假 0 行、部分旗帜 emoji 不显示等问题
    • 修复知识库列表虚拟滚动与 CSS transform 动画冲突(已改为常规列表渲染)

    优化

    • 设计体系:Manrope / Syne / IBM Plex Mono,墨色变量与 SkyBg 侧栏氛围在知识库、日志、想法清单等页统一
    • 性能:Monaco、FFmpeg、Three 等按页按需加载;全局关闭多余 pageTransition,降低列表→详情 INP
    • 知识库内容整理:约 472 → 426 篇,合并 Jenkins、跨端、Git、Docker 等碎片笔记,小说类保留原貌
    • 路由滚动:知识库列表 / 详情专项恢复,减少「先回顶再跳转」的体感延迟
    • 数据看板:自定义起止日期、CSV / 图片导出;禁用 KeepAlive、ECharts hex/rgba、天数切换关闭 SWR
    • 知识库全文检索:正文高亮片段、多关键词、标签 / 日期组合筛选;详情系列连载导航
    • 首页最近使用工具快捷入口;RSS / Atom 与按分类子源;SSR 订阅页 /subscribe;OG 分享图(/og.png)
    • 可读性:国家 / 地区中文名(Intl.DisplayNames)、浏览器图标排行、空数据统一空状态,避免图表留白