头像

个人的技术学习

记录学习过程,分享项目实践

关于

这里记录我在全栈开发、前端架构和 AI 应用等技术方向上的学习与实践。从系统编程到 Web 开发,从浏览器到基础设施,持续探索新技术如何落地到实际项目中。喜欢折腾工具、写点小项目,也乐于把学习过程和踩坑经验整理出来。

技术栈

TypeScriptJavaScriptReactNext.jsVueNode.jsPythonRustGoPostgreSQLRedisDockerKubernetesNginxCloudflareTailwind CSSReact NativeElectronOpenAI APILangChainRAG

技术实践与学习项目

06

零售运营与 AI 销售分析实践

在实践中学习如何将 AI 能力接入业务系统:对销售通话录音进行转写与评分,探索语音转文字、提示词工程与评分模型在业务场景中的应用,同时研究大型表格数据的前端渲染与性能优化。

ReactNext.jsTypeScriptNode.jsRxJSOpenAI API

跨平台电商应用实践

通过学习 React Native、Taro 与 Web 多端方案,尝试用共享中间件适配层实现一套业务逻辑在多个运行环境中的复用,深入理解跨平台渲染与小程序运行时的差异。

React NativeTaroNext.jsTypeScriptNode.js

微前端与云管理实践

在学习微前端架构的过程中,尝试将多个子系统整合为统一的云管理平台,实践 BFF 层设计、服务解耦、CI/CD 流程搭建以及基础的可观测性接入。

ReactTypeScriptGoGrafanaCypressJest

React 组件库建设实践

从设计系统出发,学习如何构建可复用的 React 组件库。实践 Rush Stack monorepo 管理、Storybook 组件开发、Webpack 构建配置以及文档站点建设。

ReactTypeScriptRush StackStorybookWebpack

低代码搭建器实践

探索如何通过拖拽与配置生成页面,学习 AST、代码生成与 Node.js CLI 工具链,尝试用 JSON 描述页面结构并输出可运行的前端代码。

Node.jsReactWebpackGrafanaSentry

表单引擎与 JSON Schema 实践

在学习 JSON Schema 的过程中,尝试实现一个声明式表单引擎,支持通过配置定义字段、校验规则与提交逻辑,并用 RxJS 编排复杂的多步交互流程。

ReactTypeScriptRxJSJSON Schema

个人项目

07

Seelie

一个用于学习 Qt6/C++ 与原生桌面开发的桌面宠物项目,可响应 Claude Code、Codex、OpenCode、Kimi-CLI 等 AI 编码工具事件,探索跨平台窗口、动画与角色包机制。

C++17Qt6Live2DCMake

Icon Search

为了练习 Next.js 与搜索过滤逻辑做的小工具,用于快速查找和下载应用图标。

Next.jsTypeScriptTailwind CSS

Holiday Progress

一个用 Next.js 做的小练习,把公共假期剩余进度可视化出来,纯粹为了好玩和练手。

Next.jsTypeScriptTailwind CSS

Cross-App Notes Bridge

学习 Obsidian 插件开发与 Markdown 解析时做的小插件,探索不同笔记应用之间的内容导入导出。

TypeScriptObsidian APIMarkdownElectron

SwiftMinuteRepeater

学习 SwiftUI 与 macOS 开发时做的小工具,用传统三问表音效报时,练习菜单栏应用与音频播放。

SwiftSwiftUImacOS

MinuteRepeater

用 Qt/C++ 实现跨平台版本的三问表报时工具,对比 Swift 版本,学习跨平台系统托盘与音频播放的差异。

C++QtCMake

Harper

学习 JetBrains 插件开发与 Language Server Protocol 时做的小插件,将 Harper 语法检查接入 IDE。

KotlinJetBrainsLSP