一些关于软件工程、系统设计
AI 使用的记录

写下过程、取舍和复盘,也记录学习新技术的方式

"不要回避不懂的东西,把它弄明白,再做深一点。"

— 工程学习实践

"天下代码一大抄,抄来抄去有提高,看你会抄不会抄。"

— 抄的核心是理解设计和取舍

技术能力

多年积累的技术栈,涵盖前端、后端、移动端及 DevOps

代表性工程实践

每个项目都是一次问题解决的过程,记录技术选型的思考与权衡

分布式任务调度系统

JavaSpring BootRedisRabbitMQ

挑战:如何在高并发场景下保证任务的可靠执行?

方案:采用分布式锁 + 消息队列实现任务幂等性和故障恢复

实时数据分析平台

PythonKafkaClickHouseReact

挑战:海量数据的实时聚合与可视化

方案:流批一体架构,预计算 + 实时补偿策略

跨端组件库

TypeScriptReactVueWeb Components

挑战:一套代码如何适配多个框架?

方案:核心逻辑框架无关,Adapter 模式适配各端

智能运维监控系统

GoPrometheusGrafanaK8s

挑战:微服务架构下的全链路监控

方案:OpenTelemetry 统一采集,自定义告警规则引擎

移动端性能优化

SwiftInstrumentsCore Animation

挑战:复杂列表的流畅滚动体验

方案:异步渲染 + 预加载 + 内存池复用

Blog / 文章精选

记录技术学习与工程实践的思考,分享有价值的经验

学习系统设计

从零构建分布式系统:我的学习路径

分享我学习分布式系统的方法论,从理论到实践的完整过程。

12 min·2024-01
前端工程

React 状态管理的演进与思考

从 Redux 到 Zustand,探讨状态管理的本质和最佳实践。

8 min·2024-02
迁移后端

技术迁移实战:从 Java 到 Go

记录一次大规模技术栈迁移的决策过程和踩坑经验。

15 min·2024-03
工程团队

Code Review 的艺术

如何进行有效的代码审查?分享我的经验和模板。

6 min·2024-04
性能工程

性能优化:从数据说话

用数据驱动的方式进行性能优化,避免过早优化的陷阱。

10 min·2024-05

What You'll Unlock你将解锁什么

[00]

From Idea to Launch: AI Integrated Into the Entire Development Lifecycle

从构思到发布:人工智能融入整个开发生命周期

+Build an financial analytics dashboard
</>
Design
{ }
Image
Code
Deploy

AI understands your vision, plans the development workflow, utilizes the right tools, executes with precision and deploys production-ready code, turning your ideas into software.

AI 理解您的愿景,规划开发工作流程,利用合适的工具,精准执行,并部署可用于生产的代码,将您的想法转化为软件。

[01]

Ship Autonomously with AI Agent

使用 AI Agent 实现自主航行

U
Design a modern portfolio page
AI
AI Agent
Let's start by creating a React application.
~/Desktop/project
npx create-react-app portfolio
./app/page.tsx+195-0Review

AI Agent is our most advanced coding agent. It is truly responsive to your ideas, your context, and your workflow. Delegate tasks and watch it ship complete solutions with the right context and tools. You stay visually in control while AI handles the complexity.

AI Agent 是我们最先进的编码代理,它能够真正响应您的想法、上下文和工作流程。您可以委派任务,然后看着它交付包含正确上下文和工具的完整解决方案。您只需通过可视化界面即可掌控全局,而 AI 则负责处理复杂的编码工作。

[02]

Seamless Switching Between IDE and AI Agent

IDE 和 AI Agent 无缝切换

page.tsx
1export defaultfunction Page() {
2return (
3<main>
4<Hero />
5<Features />
6</main>
7)
8}

We give you granular control over your development process. AI Agent brings agentic capabilities to your workflow. Switch seamlessly between traditional coding and AI-assisted development, driving the entire development journey from a single interface.

我们让您能够精细控制开发流程。AI Agent 将代理能力融入传统的编码工作流,驱动从开发到部署的整个旅程。

[03]

Context-Aware AI That Understands Your Codebase

理解代码库的上下文感知 AI

Project Context
src/
components/analyzing...
hooks/
lib/
Found 12 components, 5 hooks, 3 utilities

Our AI doesn't just generate code - it understands your project structure, coding patterns, and architectural decisions. Get suggestions that fit naturally into your existing codebase.

我们的 AI 不仅仅生成代码,它理解您的项目结构、编码模式和架构决策。获得自然融入现有代码库的建议。