前端与跨平台开发
前端主要用 TypeScript 写 React、Vue 和 Next.js,也用 Flutter 和 Electron 做过应用。
我比较在意组件怎么拆、状态和数据怎么流,也在意界面在不同设备上好不好读、好不好用。工具按场景选。
阅读 Token 刷新并发问题的处理记录关注点
-
Web 界面 — 用 React、Vue 和 Next.js 组织页面、组件和交互。
-
跨平台应用 — 用 Flutter 和 Electron 做过 Web 之外的应用。
-
类型与状态 — 用 TypeScript 约束数据形状,留意异步状态和组件生命周期。
-
交互体验 — 检查响应式布局、交互反馈和键盘操作,让功能容易理解和使用。
-
前端工程 — 用 Vite 等构建工具和可复用组件,把项目结构理清楚。
AI Agent 与开发者工具
日常开发离不开 AI,我在琢磨怎么把和它的编程对话整理下来、需要时找回,再交给 Agent 继续用。
ChatCrystal 是这方面的尝试:数据存在本地,把 AI 编程对话整理成笔记,再通过语义检索、标签图谱、CLI 和 MCP 接到后续的工作流里。
查看 ChatCrystal 项目关注点
-
对话整理 — 把零散的 AI 编程对话整理为有标题、摘要和标签的笔记。
-
语义检索 — 通过语义查找和关联信息,找回与当前问题相关的经验。
-
知识关联 — 用标签图谱展示笔记之间的联系,方便回顾。
-
Agent 记忆 — 通过 MCP 让 Agent 检索和记录可复用的项目经验。
-
开发者工具 — 用 CLI、浏览器扩展和自动化流程处理开发中反复遇到的问题。
全栈交付与工程实践
后端写 Python 和 Node.js,配合自动化脚本和 Docker,把项目从本地开发带到线上能跑的服务。
我在意接口约定、配置、出错时的状态和维护成本。用 Docker 和 GitHub Actions 把构建、验证和交付固定下来,下次能照着重复,出了问题也好查。
查看网络错误报告工具关注点
-
接口与数据 — 连接前端与后端服务,明确请求、响应和异常处理方式。
-
容器部署 — 使用 Docker 整理运行环境、服务配置和部署流程。
-
自动化流程 — 借助 GitHub Actions 和脚本执行重复的构建与验证步骤。
-
性能与可靠性 — 从实际加载、异步状态和错误场景出发,判断实现是否稳定可用。
-
持续迭代 — 记录设计取舍、使用反馈和验证结果,为下一次改进保留依据。
从问题到可用的实现
下面是我处理一个问题的大致顺序。
确认问题
还原场景、预期和限制条件,把模糊现象转成可以验证的问题。
缩小范围
找到最小复现与关键变量,区分根因、触发条件和表面症状。
实现并验证
选择范围合适的方案,同时检查成功路径、失败路径和边界情况。
记录与迭代
说明方案成立的条件与取舍,结合使用反馈继续改进,并整理为代码或文章。
关于能力与合作
先把技术范围、沟通方式和预期说清楚。