杨忠源
- 熟练运用 Cursor/Codex/Gemini 等 AI 工具并融入日常研发工作流,实现 30%+ 的开发与重构提效;具备 AI 应用与生态开发经验,熟悉 Skill、MCP、RAG、Agent 的设计与落地。
- 深入掌握 Vue 3 核心机制(响应式原理、Composition API、编译期优化与 Diff 算法),熟悉 Pinia 状态管理。
- 熟悉 Performance 面板分析及 Web Vitals 核心指标(LCP/INP/CLS),有多个性能优化落地案例。
- JavaScript 基础扎实,深入理解原型链、闭包、Promise、事件循环、垃圾回收等核心机制,了解 Typescript,能够基于 Babel AST 开发编译器插件。
- 熟练掌握 Webpack/Vite 构建原理与 Node.js,具备 CLI 命令行工具开发经验,擅长前端工程化与性能优化(DLL/SplitChunks/懒加载/缓存策略)。
- 熟悉 HTTP/1.1 、HTTP/2 协议、CORS 跨域与 SSE 推送机制,了解浏览器渲染管线与关键渲染路径优化。
- 有大型前端项目工程化与 CI/CD 建设经验,熟练配置 Jenkins 自动化构建与部署流水线,熟悉 Sentry 错误监控接入及 Monorepo 多包管理。
项目简介:该项目是 AI 智能体(Agent)的前端核心对话与运行工作台,采用多页面应用(MPA)架构,主要负责大模型流式交互开发、Agent 提示词调优,并通过 iframe 桥接机制与低代码(aPaaS)平台进行深度业务联动。
技术栈: vite + TypeScript + Sass + Vue 3 + SSE + Docker + Jenkins
核心贡献:
- 设计 AI 动态组件安全渲染机制:白名单注册 + Zod 运行时 Schema 校验两层防护,支持 AI 生成的图表、表格等动态内容安全渲染,解决 AI 输出类型不确定性导致的 XSS 风险
- 大模型流式对话交互:基于 HTTP SSE 实现了平滑的打字机流式输出;精细化设计了多模态消息数据结构,支持大模型**思维链(CoT)**推理展示、Tool Calling 工具调用以及多模态附件的流式渲染。
- 设计 iframe + postMessage 双向通信桥接方案,解决跨域 SSO token 透传与 aPaaS 表单权限校验问题,结合 AI 自动预填字段,用户操作路径缩短 60%,无需页面跳转完成表单填报。
项目简介: 企业级低代码应用开发平台,支持通过可视化拖拽快速搭建业务应用。平台采用微内核架构,核心包括表单引擎、规则引擎、流程引擎、插件系统等模块,前端代码规模 92 万行,服务 500+ 企业客户。
技术栈:Vue 2 + Vuex + TypeScript + Webpack + Babel + Element-UI + Vxe-Table + AntV X6
核心贡献:
- 设计并实现 DSL 规则引擎:自研 Babel 插件将运算符重载,配合 BigNumber.js 实现零精度误差;通过
new Function()+ 变量屏蔽隔离window/document实现受限执行;编译结果缓存复用,支撑 50+ 内置函数与复杂联动场景。
- 优化规则执行策略:将「全量计算」改为「按依赖图触发」,建立字段依赖关系,结合 300ms 防抖批处理,经日志实测复杂场景性能提升 80%,解决客户反馈的 3000+ 数据表单卡顿问题。
- 主导运行时性能优化:针对钉钉消息审批场景表单打开慢的问题,通过 Performance 面板定位瓶颈,将表单配置、表单数据、业务事件三个串行请求改为
Promise.all并行加载;修改缓存策略,结合 LRU 缓存高频接口响应,表单打开时间从 7s 降至 3.5s(↑50%)。
项目简介: 针对不同租户需要差异化功能集合(钉钉集成、飞书集成、电子签名、数据加密等 20+ 业务模块)的定制需求,传统硬编码条件判断导致主包体积膨胀、功能无法热插拔。设计并实现前端插件化架构从根本上解决这一问题。
技术栈:JavaScript + Vue 2 + UMD + IndexedDB
核心贡献:
- 引擎核心:
ExtensionEngine单例统一管理插件全生命周期;每次状态变更通过 md5 签名触发响应式更新,驱动视图层自动重渲染,实现功能热插拔。
- 动态加载 + IndexedDB 缓存:插件通过单独打包以独立 UMD JS 产物形式部署,运行时动态按需注入;引入 IndexedDB 作为本地缓存层,命中版本缓存时直接内联注入跳过网络请求,版本变更时自动更新缓存。
- HookManager 跨插件通信:基于发布-订阅实现,
callHook广播并收集所有插件返回值;插件失效时自动注销订阅,避免内存泄漏。
- 主导核心业务模块的技术方案设计与架构评审,主导前端代码质量把控与交付标准制定。
- 负责低代码平台高复杂度模块研发,持续进行组件化重构与性能调优,保障业务系统的高可用与流畅度。
- 负责前端团队工程化建设与效能提升,维护自研通用脚手架、构建工具链及高质量 UI 组件库。
- 负责面向企业级客户的自开发/插件化集成方案设计,赋能客户进行个性化业务能力的扩展与定制。
杨忠源
- 熟练运用 Cursor/Codex/Gemini 等 AI 工具并融入日常研发工作流,实现 30%+ 的开发与重构提效;具备 AI 应用与生态开发经验,熟悉 Skill、MCP、RAG、Agent 的设计与落地。
- 深入掌握 Vue 3 核心机制(响应式原理、Composition API、编译期优化与 Diff 算法),熟悉 Pinia 状态管理。
- 熟悉 Performance 面板分析及 Web Vitals 核心指标(LCP/INP/CLS),有多个性能优化落地案例。
- JavaScript 基础扎实,深入理解原型链、闭包、Promise、事件循环、垃圾回收等核心机制,了解 Typescript,能够基于 Babel AST 开发编译器插件。
- 熟练掌握 Webpack/Vite 构建原理与 Node.js,具备 CLI 命令行工具开发经验,擅长前端工程化与性能优化(DLL/SplitChunks/懒加载/缓存策略)。
- 熟悉 HTTP/1.1 、HTTP/2 协议、CORS 跨域与 SSE 推送机制,了解浏览器渲染管线与关键渲染路径优化。
- 有大型前端项目工程化与 CI/CD 建设经验,熟练配置 Jenkins 自动化构建与部署流水线,熟悉 Sentry 错误监控接入及 Monorepo 多包管理。
项目简介:该项目是 AI 智能体(Agent)的前端核心对话与运行工作台,采用多页面应用(MPA)架构,主要负责大模型流式交互开发、Agent 提示词调优,并通过 iframe 桥接机制与低代码(aPaaS)平台进行深度业务联动。
技术栈: vite + TypeScript + Sass + Vue 3 + SSE + Docker + Jenkins
核心贡献:
- 设计 AI 动态组件安全渲染机制:白名单注册 + Zod 运行时 Schema 校验两层防护,支持 AI 生成的图表、表格等动态内容安全渲染,解决 AI 输出类型不确定性导致的 XSS 风险
- 大模型流式对话交互:基于 HTTP SSE 实现了平滑的打字机流式输出;精细化设计了多模态消息数据结构,支持大模型**思维链(CoT)**推理展示、Tool Calling 工具调用以及多模态附件的流式渲染。
- 设计 iframe + postMessage 双向通信桥接方案,解决跨域 SSO token 透传与 aPaaS 表单权限校验问题,结合 AI 自动预填字段,用户操作路径缩短 60%,无需页面跳转完成表单填报。
项目简介: 企业级低代码应用开发平台,支持通过可视化拖拽快速搭建业务应用。平台采用微内核架构,核心包括表单引擎、规则引擎、流程引擎、插件系统等模块,前端代码规模 92 万行,服务 500+ 企业客户。
技术栈:Vue 2 + Vuex + TypeScript + Webpack + Babel + Element-UI + Vxe-Table + AntV X6
核心贡献:
- 设计并实现 DSL 规则引擎:自研 Babel 插件将运算符重载,配合 BigNumber.js 实现零精度误差;通过
new Function()+ 变量屏蔽隔离window/document实现受限执行;编译结果缓存复用,支撑 50+ 内置函数与复杂联动场景。
- 优化规则执行策略:将「全量计算」改为「按依赖图触发」,建立字段依赖关系,结合 300ms 防抖批处理,经日志实测复杂场景性能提升 80%,解决客户反馈的 3000+ 数据表单卡顿问题。
- 主导运行时性能优化:针对钉钉消息审批场景表单打开慢的问题,通过 Performance 面板定位瓶颈,将表单配置、表单数据、业务事件三个串行请求改为
Promise.all并行加载;修改缓存策略,结合 LRU 缓存高频接口响应,表单打开时间从 7s 降至 3.5s(↑50%)。
项目简介: 针对不同租户需要差异化功能集合(钉钉集成、飞书集成、电子签名、数据加密等 20+ 业务模块)的定制需求,传统硬编码条件判断导致主包体积膨胀、功能无法热插拔。设计并实现前端插件化架构从根本上解决这一问题。
技术栈:JavaScript + Vue 2 + UMD + IndexedDB
核心贡献:
- 引擎核心:
ExtensionEngine单例统一管理插件全生命周期;每次状态变更通过 md5 签名触发响应式更新,驱动视图层自动重渲染,实现功能热插拔。
- 动态加载 + IndexedDB 缓存:插件通过单独打包以独立 UMD JS 产物形式部署,运行时动态按需注入;引入 IndexedDB 作为本地缓存层,命中版本缓存时直接内联注入跳过网络请求,版本变更时自动更新缓存。
- HookManager 跨插件通信:基于发布-订阅实现,
callHook广播并收集所有插件返回值;插件失效时自动注销订阅,避免内存泄漏。
- 主导核心业务模块的技术方案设计与架构评审,主导前端代码质量把控与交付标准制定。
- 负责低代码平台高复杂度模块研发,持续进行组件化重构与性能调优,保障业务系统的高可用与流畅度。
- 负责前端团队工程化建设与效能提升,维护自研通用脚手架、构建工具链及高质量 UI 组件库。
- 负责面向企业级客户的自开发/插件化集成方案设计,赋能客户进行个性化业务能力的扩展与定制。