Digital Biome

卢楼豪

15258927042 bakersean@foxmail.com
https://bakersean.top/
https://github.com/BakerSean168/
前端/全栈工程师
Profile Picture

具备扎实的计算机基础,熟悉常见数据结构与算法、计算机网络及操作系统原理。熟练掌握 HTML5、CSS3 及现代 JavaScript (ES6+),深入理解原型链、闭包、Promise 异步编程及 Event Loop 事件循环机制。

熟练掌握 TypeScript,能够利用泛型、接口进行类型安全的开发。熟练使用 Vue3 及其生态(Pinia, Vue Router),深刻理解响应式原理与 Composition API;熟悉 React 18 及其 Hooks 机制,了解跨平台开发。

熟练使用 Tailwind CSS 进行高度可定制的响应式样式开发,具备 1:1 像素级 UI 还原能力。熟练运用 Element Plus、Shadcn UI 等主流组件库,以及运用 ECharts 进行复杂的数据可视化开发。

熟悉 Node.js 核心模块(fs、path、crypto)及流式数据(Stream)接收方案,深入理解 Node.js 事件循环。熟练掌握 RESTful API 设计规范,了解 JWT 鉴权与前后端标准数据流转闭环。

熟练使用 Vite 进行项目构建与插件配置;熟练配置 ESLint、Prettier、Husky 保障代码质量。熟悉自动化发布流程,能配置 GitHub Actions (release-please) 实现自动打包与测试,了解多环境变量的隔离配置与 Vitest 单元测试。

了解 Docker 容器化技术与 Nginx 基础配置。熟练使用 Figma 进行 UI 设计,具备良好的产品思维;善于利用大模型(ChatGPT/Gemini)辅助 Vibe Coding,拥有极强的学习自驱力与代码洁癖。

北京科睿金信技术有限公司

2025年07月 - 2025年11月

前端工程师(实习) 国际产品应用开发部

杭州

业务开发与重构:参与公司核心系统 OLP(在线学习平台)与 DDCC(档案管理系统)的前端迭代,基于 Vue3 + Element Plus 技术栈,独立负责并落地AI 知识管理模块从 0 到 1 的开发。

技术痛点攻坚:针对业务中遗留的技术债务进行主动优化。进行 DDCC 项目中“复杂签名表跨页打印”的重构,摒弃低效的 Canvas 截图方案,实现原生 DOM 级高清打印;解决分页表格跨页时选中状态丢失的复杂状态同步问题。

跨端与跨技术栈协作:不仅负责常规 Web 端开发,还深入参与底层会议系统的定制。在 Docker 环境下对开源系统 BigBlueButton 进行 React 源码级二次开发与界面重构,并独立排查多阶段构建时的缓存报错问题。

工程化与规范:熟悉企业级敏捷开发流程与 Git 团队协作,利用已有的高复用性通用组件(如超级搜索、动态表单等),提升团队交付效率。

OLP Online Learning Platform(在线学习平台)

2025年07月 - 2025年11月

前端开发工程师(实习) 国际产品应用开发部

杭州

项目描述:

面向 Majnoon 油田等跨国企业的综合性内部培训与职业发展系统。涵盖线上音视频课程、直播、考试、AI 知识沉淀与岗位能力匹配(EDP)等全流程体系。

技术栈:

Vue3 + TypeScript + Element Plus + Vite + ECharts

核心职责:

独立负责 AI 知识管理系统:主导用户端与管理端的知识生成、管理闭环。复用并改造大模型对话(Chatbot)组件,实现流式对话、自动提取摘要及标签打标功能;实现各类生成与上传文档的富文本渲染、在线预览及流式下载功能,完善管理端的批量审批与管理链路。

EDP(员工发展计划)模块开发:实现基于 AI 的岗位 JD 生成器与技能图谱匹配模块,处理复杂的级联数据回显。开发多维度的推荐学习内容搜索(按技能、匹配度、关键字精确/模糊查询),并实现手工更新与重算 AI 匹配度的交互逻辑。

复杂组件状态管理优化:修复管理端人员列表中因接口分页导致的“跨页选中状态丢失”缺陷,通过抽离全局选中对象与当前页视图状态,结合 isSettingSelection 锁机制,实现数据无缝翻页与表单回填,大幅提升交互体验。

DDCC(档案管理与线上协作系统)

2025年10月 - 2025年11月

前端开发工程师(实习) 国际产品应用开发部

项目描述:

包含高精度的档案业务流转平台,以及集成白板与实时字幕的线上会议室系统。

技术栈:

Vue3 + vue-print-next + pagedjs + React (BBB二次开发) + Docker

核心职责:

高精度报表打印模块重构:针对旧版 html2canvas 方案导致的报表打印模糊、长表格被拦腰截断、签名区无法跨页重复等痛点进行重构。

基于 pagedjs 的跨页排版落地:引入 vue-print-next 结合 pagedjs 排版引擎实现 DOM 级高清打印。利用 pagedjs 动态解析 CSS Paged Media 规范,精准计算页面边界与数据表自动分页;配合 vue-print-next 注入克隆 DOM,完美实现动态签批表在每一页 A4 纸底部的重复渲染。

BBB 视频会议系统二次开发:在测试服务器的 Docker 环境下,对基准版 BigBlueButton 的前端仓库(React / HTML5 客户端)进行定制开发。将原有的 Smart Caption(实时语音转文字)从独立悬浮窗重构集成至页面左侧抽屉面板(Sidebar),通过复用公共聊天的 UI 结构规范布局,显著提升了会议模式下的用户视觉体验与操作一致性。

Digital Biome(个人知识生态与导航系统)

Github: https://github.com/BakerSean168/digital-biome

项目描述:

基于 Astro 构建的高性能静态知识生态站点。项目与本地 Obsidian 知识库深度绑定,通过解析 Markdown 文件与层级标签,自动将其转化为包含工具导航(Dashboard)、沉浸式阅读(Notes)及专业简历等多种场景视图的线上数字花园,实现了内容创作与网页展示的无缝流转。

技术栈:

Astro + TypeScript + Tailwind CSS + Node.js + Pagefind

核心职责:

工程化数据同步流构建:独立编写 Node.js 同步脚本(sync-obsidian.ts),深度解析并清洗 Markdown 数据。实现对 Obsidian 特有 Wikilinks 语法的正则转换与图片路径重写,并自动提取 frontmatter 网址以缓存 Favicon 图标,打通本地 Vault 到 Web 目录的自动化同步链路。

数据驱动的动态视图引擎:设计并实现基于 YAML frontmatter 的层级标签(Hierarchical Tags)系统。通过解析 notes 数据提取 tech、website 等标签,动态生成仪表盘(Dashboard)的网址书签资源库、笔记侧边栏分类树以及反向链接(Backlinks),实现视图与内容的高度解耦。

前端架构设计与性能优化:采用 Astro 的静态优先策略(SSG)与 Islands 架构,大幅降低客户端 JS 体积。整合 Content Collections 进行强类型内容查询,并接入 Pagefind 实现纯静态的秒级全文搜索;抽象出多套独立 Layout,优雅实现了同一数据源的跨场景渲染与极佳的打印排版支持。

DailyUse(全栈效能管理系统)

2024年01月 - 至今 (持续维护)

全栈独立开发(个人项目)

Github: https://github.com/BakerSean168/DailyUse

项目描述:

一款注重工程化规范与极致用户体验的全栈效能管理应用。项目严格遵循企业级开发标准,实现了从数据库建模、领域层解耦到前端复杂状态调度的完整数据闭环。

技术栈:

Vue3 + TypeScript + Node.js + Prisma + Axios

核心职责:

标准全栈通信与鉴权闭环:基于 Axios 深度封装 HTTP Client,运用 Result Pattern 抹平底层网络与业务异常,免除业务层冗余 try-catch 代码。在拦截器中利用 Promise 锁机制与任务队列,实现了严谨的 401 无感 Token 并发刷新机制。

前端复杂状态解耦与聚合:针对配置项繁多的巨型表单,运用组件化思维将其拆解为多个细粒度视图(如基础信息、时间规则等)。提取自定义 Hook 集中调度分布式校验状态,严格遵循单向数据流原则,大幅降低代码耦合度。

规范化数据建模与服务隔离:采用 Prisma 进行复杂关系型数据库建模,熟练应用树状级联(Cascade)与联合索引优化查询。在后端架构中引入仓储模式(Repository),实现底层数据库操作与核心业务逻辑的彻底解耦。

四川农业大学

2022年09月 - 至今 (预计 2026年06月 毕业)

物联网工程 本科 信息工程学院 全日制

雅安

主修课程:数据结构与算法、计算机网络、操作系统、数据库原理、Web前端开发技术等

• 计算机三级:网络技术

• 语言:CET-6

具备极强的技术热情与自驱力,热爱并持续深耕大前端领域。拥有扎实的计算机基础与工程化思维,不仅能高效响应并落地复杂业务需求,更具备主动识别并攻坚技术痛点(如独立实现纯 DOM 打印流重构、解决跨页状态异常)的能力。追求优雅的代码实现与极致的用户体验,习惯将技术反思沉淀于个人数字花园(Digital Biome)。期待加入技术氛围浓厚的团队,共建高质量的 Web 产品。

返回关于