Skip to main content

不积跬步,无以至千里

Team Lead | 大前端全栈 ➜ AI 驱动的产品技术专家

9.7
工作年限
78
常用导航
63
阅读书籍
149
博客文章

技能全景图

⚛️

前端核心底座

立身之本,构建稳固的技术基础

JavaScript / TypeScript 深度掌握,React 生态精通,工程化与架构设计

JavaScriptDOMCSSTypeScriptReactVis TheoryCanvasWebGL/WebGPU
↓ 查看详情
📱

跨端移动架构

RN业务、原生基础与混合开发

React Native 新架构,iOS/Android 原生开发基础,混合栈通信与集成

React Native
↓ 查看详情
🗄️

Node 全栈 & BaaS

打通前后端,实现真正的全栈开发

Node.js 后端开发与 BFF 层构建,服务端框架深度应用,高性能数据库

Npm/Yarn/PnpmExpressHTTPSSESQLSystem Design
↓ 查看详情
🏗

开发工具与运维

提升开发效率,构建完整工具链

开发工具选型与配置,自动化构建与部署,代码质量与协作工具

TerminalLinuxGitGithubDockerKubernetesNginx
↓ 查看详情
🤖

AI 原生开发

AI时代的新标配,掌握AI大模型相关技术

AI 提示词工程,AI 编程助手熟练使用,大模型 API 接入与 RAG 知识库构建

PythonStatisticsMachine LearningLLM ConceptsAgentPaper
↓ 查看详情
🎯

用户与产品体验

以用户为中心,打造卓越产品体验

产品规划与设计,用户研究与共情,数据驱动的产品迭代与优化

Figma设计原则
↓ 查看详情
👥

项目与团队管理

带领团队高效交付,驱动产品成功

项目规划与执行,团队建设与人才培养,绩效管理与激励机制

团队管理项目管理
↓ 查看详情
🧠

底层逻辑

通用思维模式

系统性思维、抽象与建模、技术深度与广度、第一性原理、持续学习

思考问题
↓ 查看详情
01

⚛️前端核心底座

立身之本,构建稳固的技术基础

核心能力

  • 类型系统驱动开发,以 TypeScript 为核心构建可靠应用
  • React 技术栈,Hooks 模式与状态管理方案实践
  • UI 工程化,基于 Tailwind CSS 与组件库快速构建界面
  • 构建工具链,Vite/Webpack 配置与性能调优
  • 图形与可视化,Canvas/WebGL 基础能力储备

技术栈

前端基础
JavaScriptDOMCSSTypeScript
React 生态
ReactZustand
UI 组件
shadcn/uiTailwind CSS
工程化
ViteESLintPrettier
可视化
Vis TheoryCanvasWebGL/WebGPU
02

📱跨端移动架构

RN业务、原生基础与混合开发

核心能力

  • React Native 新架构,Fabric 渲染与 JSI 桥接机制理解
  • iOS 原生基础,Swift 语法、UIKit 组件及 Xcode 配置
  • Android 原生基础,Kotlin、Gradle 构建及配置文件管理
  • 混合栈与桥接,原生模块封装与复杂交互处理
  • 工程化体系,自动化打包、发布流程与性能监控

技术栈

跨端框架
React NativeExpo
iOS 原生开发
SwiftUIKitXcode
Android 原生开发
KotlinAndroidManifest
数据库
SQLiteRoom
调试与构建
FlipperFastlaneEAS Build
03

🗄️Node 全栈 & BaaS

打通前后端,实现真正的全栈开发

核心能力

  • 服务端框架,NestJS/Express/Hono 构建 RESTful 与 GraphQL API
  • 数据库与缓存,PostgreSQL/Redis 配合 Prisma/Drizzle ORM
  • 认证授权,邮件/密码/OAuth/SAML 多种认证方式集成
  • 实时通信,Websocket 与 SSE 实现服务端推送
  • 消息队列,BullMQ/RabbitMQ 处理异步任务与高并发
  • 云存储,对象存储与 CDN 加速方案应用

技术栈

NodeJS 基础
NodeJSNpm/Yarn/PnpmBun
JS 框架
ExpressNestJSHono
网络通信
HTTPGraphQLWebsocketSSE
消息队列
BullMQRabbitMQ
Database & ORM
SQLRedisPrismaDrizzle
其他常用
AuthSSOCDN
04

🏗开发工具与运维

提升开发效率,构建完整工具链

核心能力

  • 开发环境,VSCode/IDEA 配置与效率优化
  • 命令行与脚本,Linux 系统操作与 Shell 自动化
  • 版本控制,Git 协作流程与代码管理
  • 容器化,Docker/Kubernetes部署与编排
  • 服务器运维,Nginx 配置与性能调优

技术栈

IDE 工具
VSCodeIDEA
命令行工具
TerminalLinux
API 工具
Postman
协作工具
GitGithubDrawio
容器工具
DockerKubernetes
服务器工具
Nginx
05

🤖AI 原生开发

AI时代的新标配,掌握AI大模型相关技术

核心能力

  • Python 数据科学:数据分析、处理与算法实现
  • 概率与统计学:概率论与数理统计在AI中的应用
  • 机器学习基础:基础概念、训练方法与模型评估
  • 大语言模型:定制化模型开发与性能优化
  • Agent 开发:构建自主决策与执行的智能代理系统
  • 论文阅读:跟踪前沿技术与研究成果

技术栈

Python 数据科学
PythonPandasNumPyScikit-learn
概率与统计学
Statistics
机器学习基础
Machine Learning
大语言模型
LLM ConceptsTransformers
Agent 开发
Agent
论文阅读
Paper
06

🎯用户与产品体验

以用户为中心,打造卓越产品体验

核心能力

  • 产品规划:制定产品愿景与路线图,明确优先级与里程碑
  • 用户研究:深度访谈、问卷调研与用户行为分析
  • 需求分析:挖掘用户痛点,转化为清晰可执行的产品需求
  • 数据驱动:通过数据指标监控产品表现,指导迭代优化
  • 体验设计:设计流畅的用户旅程,提升产品可用性与满意度

方法与工具

用户研究
用户访谈问卷调查用户画像可用性测试
需求分析
需求文档用户故事流程图
竞品分析
竞品调研功能对比差异化分析
体验设计
Figma设计原则动效设计
数据分析
Google AnalyticsMixpanelA/B 测试
07

👥项目与团队管理

带领团队高效交付,驱动产品成功

项目管理 (Project)

  • 规划与执行:制定清晰里程碑,确保按目标推进
  • 拆解与分配:分解复杂需求,合理分配任务给成员
  • 进度与风控:持续监控进度,识别风险并制定预案
  • 资源与沟通:协调内外部资源,保持多方高效沟通
关键词: Scrum, Kanban, OKR, Jira, Confluence

团队管理 (People)

  • 目标与文化:建立共同目标,塑造积极高效的团队文化
  • 招聘与培养:识别优秀人才,制定成员成长与发展计划
  • 绩效与激励:建立公平评估体系,激发团队最大潜能
  • 沟通与辅导:定期1-on-1沟通,提供反馈、指导和支持
关键词: 团队文化, 360度反馈, 技术分享会, 团建活动
08

🧠底层逻辑

通用思维模式

⚖️

1. 是非对错

明白什么是正确的事,比把事情做对更重要

实践应用:在生活和工作中坚持正确的价值观和原则,而非仅追求表面的成功

🤔

2. 思考问题

从事物的本质出发,寻找解决问题的路径

实践应用:面对困难时,回归事物本质寻找解决方案,避免被表象迷惑

🌱

3. 个体进化

个体如何在不确定时代持续进化

实践应用:终身学习,适应环境变化,不断提升自身能力和认知水平

🤝

4. 理解他人

换位思考,理解他人的立场和需求

实践应用:在人际交往中学会换位思考,增进相互理解和有效沟通

👥

5. 社会协作

建立有效的协作机制和信任关系

实践应用:在团队合作中建立信任,促进高效协作,实现共同目标

🔢

6. 四则运算

运用基本四则运算解决现实问题

实践应用:运用基本四则运算分析问题,通过数据和计算做出明智决策

📊

7. 笛卡尔坐标系

多维度思考问题,建立参照系

实践应用:从多个维度分析问题,建立参考框架,全面理解事物

📈

8. 指数和幂

理解积累和增长的威力

实践应用:重视积累的力量,通过持续努力实现指数级增长

🎲

9. 概率与统计

用概率思维应对不确定性

实践应用:用概率思维看待未来,为不确定性做好准备和预案

⚔️

10. 博弈论

理解多方利益关系,寻求共赢策略

实践应用:在多方互动中理解各方利益诉求,寻求互利共赢的解决方案