Frontend Developer · Vue / React / TypeScript
关注工程化、可视化图表、交易教育与独立开发产品化。

Repositories · Trade Buty · Kline Buty · IndieStack

• 🔭 目前重点做 交易教育 / 行情可视化 方向的产品。
• 🧠 习惯把项目拆成可维护的模块：内容、图表、数据层、测试、部署和文档。
• 🛠️ 常用技术：TypeScript、React、Vue3、Next.js、Vite、Tailwind CSS、Node.js。
• 📈 对 K 线图表、实时行情、历史回放、数据可视化 很感兴趣。
• 🚀 也在研究可复用的 独立开发启动模板、AI agent 规范模板（agents-template） 和 Cloudflare Worker API 网关。
• 🛡️ 熟悉 Loon（主力）/ Surge / QuantumultX / Stash 等代理工具生态，关注分流、复写与脚本的可维护性。
• 📫 联系方式：Telegram 频道 · Telegram 机器人 · 邮箱。

免费中立的交易教育平台：分级课程（学）× 真实行情图表与历史回放（练），不荐股、不导流、基础课程永久免费。

• 🎯 把交易知识的"学—练—测"串成闭环：课程阅读 → 行情练习 → 错题复盘，一条学习路径。
• 📚 课程知识库以 git submodule 引用 kline-buty，自建 content pipeline 渲染管线产出可索引内容，配目录 / 阅读时长 / 书签 / 术语表。
• 📊 币安 REST + WebSocket 真实行情嵌入课程，盲盒式历史回放训练 + 猜涨跌考核。
• ✅ 章节随堂测验 + 错题本 + AI 出题（题源可溯源 / 难度可配）+ 学习趋势统计 + 连续学习 / 每日目标 / 活动热力图；进度本地存储 + Supabase 云端同步 + 离线写入队列。
• 🔐 账号与合规闭环：本地数据导出、账号删除；R10 内容运营门禁（双语标题/术语一致性、SEO hreflang、搜索同义与纠错改写）。
• 🤖 内置 AI 陪学（ai-chat），错题驱动出题 + RAG 方向预留。
• 🌐 中英双语，移动端适配到 320px。
• ⚙️ Next.js 16 · React 19 · TypeScript · Tailwind v4 · lightweight-charts v5；构建时 JSON 索引 + 客户端检索；Vitest · Playwright 视觉审计 · CI；R7 性能预算门禁（per-route JS budgets + AI chunk isolation + fps degrade）。

免 API Key 的开源实时 K 线图表，币安公开数据驱动。

• 🎯 自研交互与渲染适配层的图表内核：回放 / 盘口 / 画线 / 指标各自是纯逻辑引擎，与渲染解耦、可单测。
• 🕯️ 蜡烛 / 折线 / 面积图，14 档周期（1s–1M）；49 种画线工具（趋势线 / 通道 / 斐波那契 / 江恩 / 楔形 / R:R / 文本标注等）+ 图层管理 + 模板保存/应用与社区导入导出。
• 📈 26 个指标引擎（BOLL / Ichimoku / MACD / KDJ / RSI / SAR / Supertrend / VWAP 等），参数可调 + 趋势/波动率智能推荐。
• 🧾 orderbook 聚合 + 深度曲线 + 成交量分布独立计算；1/2/4 多图同屏。
• ⏪ 历史回放是纯状态机（cursor 推进 / 跳转 / 到顶暂停，1x–50x）；模拟仓位盈亏、价格提醒（含 ATR 波动率自适应）、订单逻辑各自独立。
• 🌐 五语 i18n（中 / 英 / 日 / 韩 / 西）+ PWA 可安装离线；深链分享、图表快照画廊、应用内文档索引。
• 🛠️ 自研交互层：视域裁剪、惯性滚动、捏合缩放、触屏手势；渲染引擎可替换。
• ⚙️ React 19 · TypeScript 6 · Vite 8 · lightweight-charts v5；K 线 store 幂等合并、WS 心跳重连 + 断线回填；1522 单测 + Playwright 三浏览器 E2E + CodeQL / dependabot 安全门禁。

框架无关的浏览器跨标签页数据总线，原生 Web Worker / SharedWorker / Centrifuge / 零依赖 WebSocket 全支持。

• 🎯 让应用只关心订阅 Topic 与处理数据，跨标签页的 Worker 集群、Topic 所有者复用、负载均衡、故障迁移、页面生命周期全部内置。
• 🔌 workerMode 支持 dedicated / shared / auto：auto 按 SharedWorker → Dedicated Worker → 主线程 WebSocket 自动降级，反之亦可显式降级。
• 🧩 同源标签页通过 BroadcastChannel 组成逻辑 Worker 集群；sticky Topic 所有者 + 订阅复用 + 新 Topic 负载分配 + 失败迁移，新进 Topic 自动落到负载最低的 Worker。
• 📡 可选 Centrifuge 传输（cross-tab-worker-databus/centrifuge）+ 零依赖原生 WebSocket 传输（createWebSocketDataBus）；传输支持 publishBatch 批量帧，单条 publish 自动兜底。
• 🪝 React/Vue 3 适配器新增 useCrossTabHealth 健康轮询；Transferable ArrayBuffer、消息回放留存、通配符订阅、可观测追踪快照。无 BroadcastChannel 时可选 storage-event 信道降级（opt-in）。
• ⚙️ TypeScript · Web Worker · SharedWorker · BroadcastChannel · Centrifuge；零运行时核心依赖（Centrifuge 传输仅 peer），已发布 npm v0.20.71（含热路径性能门禁 + Worker backend 能力嗅探）。

面向独立开发者的生产级 Next.js 启动模板（v0.5.0），开箱即用、可直接部署。

• 🎯 把 SaaS 从 0 到上线要重复做的事（认证 / 多租户 / 计费 / 监控 / 营销页 / 对象存储 / APM）预先做好，省去重复搭脚手架。
• 🔐 Supabase SSR Auth（Email / GitHub / Google）+ TOTP/MFA + WebAuthn/Passkey（feature flag 门控）+ 会话设备列表与单设备吊销；PostgreSQL RLS + 多租户团队与角色邀请。
• 💳 Stripe-ready 订阅计费；Dashboard 预置 Overview / Analytics / Team / Billing / API Keys / Projects / Admin；阿里云 OSS / Supabase Storage 双驱动对象存储。
• 📄 (marketing) 路由组：blog / pricing / contact / changelog / faq / about——落地页与法律页齐备。
• 🛡️ Sentry + Appark APM（无厂商 SDK、旁路关闭）；安全 Header、限流、邮件通道完善（类型折叠 / 失败重试 / digest 时区错峰）。
• ⚙️ Next.js 16 App Router · RSC + Server Actions · shadcn/ui · Supabase · Tailwind v4 原生主题；Vitest + Playwright E2E + CI；TanStack Query 缓存档位化（live/standard/admin）；单测 763 个 · branches 覆盖率 ≥90%；内联 /docs + 独立 VitePress 文档站。

外包公司人事管理系统，基于 Nuxt4 全栈。

• 🎯 覆盖外包人事全流程：人员档案、部门岗位、考勤请假、合同、审批链引擎、RBAC 权限。
• 🔁 审批工作流：链式审批定义 CRUD、跨链决策、分级 SLA 与超时队列、驳回后重提开启新链。
• 🔐 安全闭环：bcrypt + JWT 会话、强制改密、路由鉴权；服务端强制授权，前端权限仅做 UX 控制。
• ⚙️ Nuxt4 · Vue3 · TypeScript · Drizzle ORM · PostgreSQL · Redis · reka-ui · ECharts；Vitest + Playwright E2E + CI + AGENTS.md 规范。

• ✅ 9 个 PR：其中 7 个已合并（3 个上游开源 + 4 个自有仓库；其中 4 个 PR 位于私有仓库 labor-dispatch-admin），另有 2 个未合并。
• 🐞 在开源项目里提交过 69 个 Issue：其中 50 个已关闭 / 19 个仍开放。