四川农业大学 (211)
2022年09月 - 2026年06月物联网工程 本科 信息工程学院 全日制
雅安主修课程:数据结构与算法、计算机网络、操作系统、数据库原理、Web前端开发技术等
物联网工程 本科 信息工程学院 全日制
雅安主修课程:数据结构与算法、计算机网络、操作系统、数据库原理、Web前端开发技术等
具备扎实的计算机基础,熟悉常见数据结构与算法、计算机网络及操作系统原理。熟练掌握 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,拥有极强的学习自驱力与代码洁癖。
前端工程师(实习) 国际产品应用开发部
杭州业务开发与重构:参与公司核心系统 OLP(在线学习平台)与 DDCC(档案管理系统)的前端迭代,基于 Vue3 + Element Plus 技术栈,独立负责并落地AI 知识管理模块从 0 到 1 的开发。
技术痛点攻坚:针对业务中遗留的技术债务进行主动优化。进行 DDCC 项目中“复杂签名表跨页打印”的重构,摒弃低效的 Canvas 截图方案,实现原生 DOM 级高清打印;解决分页表格跨页时选中状态丢失的复杂状态同步问题。
跨端与跨技术栈协作:不仅负责常规 Web 端开发,还深入参与底层会议系统的定制。在 Docker 环境下对开源系统 BigBlueButton 进行 React 源码级二次开发与界面重构,并独立排查多阶段构建时的缓存报错问题。
工程化与规范:熟悉企业级敏捷开发流程与 Git 团队协作,利用已有的高复用性通用组件(如超级搜索、动态表单等),提升团队交付效率。
前端开发工程师(实习) 国际产品应用开发部
杭州项目描述:
面向 Majnoon 油田等跨国企业的综合性内部培训与职业发展系统,涵盖线上音视频课程、直播、考试、AI 知识沉淀与岗位能力匹配等全流程体系。
技术栈:
Vue3 + TypeScript + Element Plus + Vite + ECharts
核心职责:
独立负责 AI 知识管理系统:主导用户端与管理端的知识生成、管理闭环。复用并改造大模型对话(Chatbot)组件,实现流式对话、自动提取摘要及标签打标功能;实现各类生成与上传文档的富文本渲染、在线预览及流式下载功能,完善管理端的批量审批与管理链路。
EDP(员工发展计划)模块开发:实现基于 AI 的岗位 JD 生成器与技能图谱匹配模块,处理复杂的级联数据回显。开发多维度的推荐学习内容搜索(按技能、匹配度、关键字精确/模糊查询),并实现手工更新与重算 AI 匹配度的交互逻辑。
复杂组件状态管理优化:修复管理端人员列表中因接口分页导致的“跨页选中状态丢失”缺陷,通过抽离全局选中对象与当前页视图状态,结合 isSettingSelection 锁机制,实现数据无缝翻页与表单回填,大幅提升交互体验。
前端开发工程师(实习) 国际产品应用开发部
项目描述:
包含高精度的档案业务流转平台,以及集成白板与实时字幕的线上会议室系统。
技术栈:
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 结构规范布局,显著提升了会议模式下的用户视觉体验与操作一致性。
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,优雅实现了同一数据源的跨场景渲染与极佳的打印排版支持。
全栈独立开发(个人项目)
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),实现底层数据库操作与核心业务逻辑的彻底解耦。
• 计算机三级:网络技术
• 语言:CET-6
• 扎实的技术基础:具备扎实的计算机基础与工程化思维,熟练掌握现代前端技术栈(Vue3、React、TypeScript)。不仅能高效落地复杂业务需求,更具备主动识别并攻坚技术痛点的能力(如独立实现纯 DOM 打印流重构、解决跨页状态异常)。
• 全栈开发能力:熟悉 Node.js 后端开发与数据库建模,能够完成从前端到后端的完整数据闭环。了解 Docker 容器化与 Nginx 配置,具备将应用从开发到部署的全流程落地能力。
• 持续学习与沉淀:长期使用 Obsidian 沉淀技术笔记与知识体系,已累计 1000+ 篇笔记。构建个人知识生态 Digital Biome,将技术洞察与项目经验转化为可复用的知识资产。追求优雅的代码实现与极致的用户体验,拥有极强的学习自驱力。