Skip to main content

不积跬步,无以至千里

Team Lead | AI 时代大前端全栈架构师

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

技能全景图

⚛️

前端核心底座

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

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

JavaScriptDOMCSSTypeScriptReactVis TheoryCanvasWebGL/WebGPU
↓ 查看详情
📱

跨端移动架构

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

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

React Native
↓ 查看详情
🗄️

Node 全栈 & BaaS

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

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

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

AI 原生开发

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

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

PythonStatisticsMachine LearningLLM ConceptsAgentPaper
↓ 查看详情
🏗

开发工具与运维

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

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

TerminalLinuxGitGithubDockerKubernetesNginx
↓ 查看详情
🎨

设计与交互体验

将技术与设计结合,打造卓越用户体验

设计评审与方案落地,产品思维与用户共情,设计系统与工程化协作

设计原则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

🤖AI 原生开发

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

核心能力

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

技术栈

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

🏗开发工具与运维

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

核心能力

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

技术栈

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

🎨设计与交互体验

将技术与设计结合,打造卓越用户体验

核心能力

🎯

设计原则

掌握设计的基本原则,如对齐、对比、重复和亲密性等,以提升产品的视觉美感和用户体验。

💻

Web 设计

理解响应式设计、无障碍设计和用户界面设计的最佳实践,能够与设计师协作实现高质量的Web产品。

📱

移动端设计

熟悉移动端设计规范和交互模式,能够在React Native等框架中实现流畅的移动用户体验。

技术栈

设计原则
设计原则
动效设计
Motion Design
网页设计
Web Design
移动端设计
Mobile Design
设计工具
FigmaPencilAI
07

👥项目与团队管理

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

项目管理 (Project)

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

团队管理 (People)

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

🧠底层逻辑

通用思维模式

⚖️

1. 是非对错

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

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

🤔

2. 思考问题

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

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

🌱

3. 个体进化

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

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

🤝

4. 理解他人

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

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

👥

5. 社会协作

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

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

🔢

6. 四则运算

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

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

📊

7. 笛卡尔坐标系

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

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

📈

8. 指数和幂

理解积累和增长的威力

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

🎲

9. 概率与统计

用概率思维应对不确定性

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

⚔️

10. 博弈论

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

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