林健

<前端架构师 />

// 11 年前端经验 · 企业级中后台架构 · 微前端 / 跨端 / 性能优化

[ job.ziya@outlook.com ] ~ 中南大学 · 计算机科学 (2015) $ 中文 / English
SCROLL
核心能力

核心能力

架构设计性能优化跨端开发团队管理前端工程化大型中后台

工作经历

[2022.01 – 2026.04]

顺丰科技有限公司

高级前端开发工程师

[+] 展开详情
  • 主导 ERP 财务系统全栈重构项目前端架构,系统承载 800+ 页面,覆盖应收/应付/总账/报表/合并全财务链路
  • 主导微前端架构(模块联邦)设计与落地,支持多团队独立开发、独立部署,构建耗时从 12min 降至 3min
  • 主导 FinSpread 自研工具研发,通过 iframe 隔离 SpreadJS 能力,降低授权成本约 30%
  • 搭建半低码方案:抽象 20+ 高频模式化页面模板,需求交付周期缩短 60%
  • 设计统一的错误监控与性能埋点体系(Sentry + 自研 SDK),线上问题发现率提升 80%
  • 管理 3-5 人外包团队,负责需求拆分、Code Review、技术方案评审
  • 主导性能优化专项:首屏加载时间从 4.2s 降至 1.8s(路由懒加载 + 资源预加载 + CDN)
[2018.09 – 2021.12]

深圳柔宇电子技术有限公司

高级前端开发工程师

[+] 展开详情
  • 主导 SSO 统一权限管理系统架构设计,打通 5+ 业务线后台的统一登录、统一授权、统一审计
  • 实现基于 RBAC 的动态路由系统,支持按钮级权限控制,覆盖 500+ 内部用户
  • 自研基于 iView 的企业级 UI 组件库(20+ 组件),被部门所有管理系统复用,开发效率提升约 40%
  • 主导制定 RESTful API 规范与前端开发规范,推动前后端协作效率提升
  • 搭建前端监控体系(埋点 + 性能采集 + 异常上报),输出月度前端质量报告
[2017.06 – 2018.07]

深圳信锐网科技术有限公司

前端开发工程师

[+] 展开详情
  • 负责信锐云管理平台前端架构,使用 Vue.js + Webpack 构建企业级网络设备管理系统
  • 使用 Ionic + Angular + TypeScript 开发移动端 App,实现网络设备远程管控
  • 搭建 Node.js Mock Server,支持团队离线开发与接口联调
  • 参与前端工程化建设:Webpack 配置优化、HMR 热更新、代码分割
[2015.07 – 2017.03]

深圳联友科技有限公司

前端开发工程师

[+] 展开详情
  • 使用 Framework7 + Cordova 开发多款企业移动端 App(OA 审批、考勤、巡检)
  • 使用 EasyUI + jQuery 开发 PC 端 OA 系统,实现流程审批、报表展示等核心功能
  • 获得早期混合跨端开发经验:Cordova 插件开发、原生桥接、离线缓存
  • 参与需求分析与技术方案设计,与产品经理、后端工程师紧密协作

项目经历

[2024.06 – 2026.04]点击翻转

ERP 财务系统全栈重构

> 前端架构师

主导公司核心 ERP 财务系统前后端同步重构,系统承载 800+ 页面,覆盖应收、应付、总账、报表、合并等全财务链路,服务集团 2000+ 用户日常财务核算与审计工作

Vue 3Vite 4FinUISpreadJS+3

// 项目亮点

← 返回
  • 主导微前端架构(Module Federation)设计与落地,实现多团队独立开发、独立部署,构建耗时从 12min 降至 3min
  • 搭建半低码方案:抽象 20+ 高频模式化页面模板,支持配置化生成,需求交付周期缩短 60%
  • 主导引入 Web Component 方案(Lit),实现跨 Vue/React 技术栈的组件复用,累计沉淀 8 个通用业务组件
  • 设计统一的错误监控与性能埋点体系(Sentry + 自研 SDK),线上问题发现率提升 80%
  • 制定前端工程化规范(Monorepo + ESlint + Husky + Changesets),团队代码质量显著提升
  • 主导首屏性能优化专项:路由懒加载 + 资源预加载 + 图片压缩 + CDN 配置,首屏加载时间从 4.2s 降至 1.8s
Vue 3Vite 4FinUISpreadJSModule FederationPiniaTypeScript
[2024.06 – 2024.11]点击翻转

FinSpread 自研工具

> 主程

自研电子表格能力平台,通过 iframe 架构隔离 SpreadJS 核心能力,以微服务形式向财务系统、预算系统、报表系统等多个业务线提供在线表格编辑与计算服务,降低 SpreadJS 授权成本约 30%

SpreadJSiframepostMessageVue 3+1

// 项目亮点

← 返回
  • 设计统一的 postMessage 通信协议(请求-响应模式 + 事件订阅模式),支持跨域双向通信
  • 封装 SpreadJS 核心 API 为独立服务,暴露统一的 CRUD + 公式计算 + 格式化接口
  • 输出完整的接入文档与 SDK,3 个业务系统在 2 周内完成接入
  • 实现操作录制与回放能力,支持用户操作审计与问题追溯
  • 设计插件化架构,支持按需加载行列操作、数据透视、图表等能力模块
SpreadJSiframepostMessageVue 3TypeScript
[2018.09 – 2021.12]点击翻转

SSO 统一权限管理系统

> 前端负责人

主导柔宇科技统一认证与权限管理系统架构设计与开发,打通 5+ 业务线后台系统的统一登录、统一授权、统一审计,覆盖 500+ 内部用户的日常权限管理需求

Vue 2.6iViewNuxt.jsLess+2

// 项目亮点

← 返回
  • 实现基于 RBAC 的动态路由系统:后端下发权限树,前端动态生成路由与菜单,支持按钮级权限控制
  • 设计统一登录方案:OAuth 2.0 + JWT,支持 SSO 单点登录、Token 无感刷新、多端互踢
  • 自研基于 iView 的企业级组件库(20+ 组件),包含高级表格、表单引擎、权限指令等,被部门所有管理系统复用
  • 搭建前端监控体系(埋点 + 性能采集 + 异常上报),输出月度前端质量报告
  • 主导制定 RESTful API 规范与前端开发规范,推动前后端协作效率提升 40%
Vue 2.6iViewNuxt.jsLessVuexNode.js
[2019.10 – 2020.04]点击翻转

柔记 PC 端(Electron)

> 核心开发

跨平台桌面应用(Windows / macOS),连接柔记智能手写板硬件,实现手写输入、绘画创作、笔记管理等功能,支持手写板与屏幕双画布实时同步渲染

ElectronVue 2.6Node.jsLess+1

// 项目亮点

← 返回
  • 实现手写板 USB 驱动通信与数据解析,基于 Node.js native addon 封装硬件 SDK
  • 设计双画布实时同步渲染架构:手写板画布 → 数据压缩 → 屏幕画布,延迟控制在 16ms 以内
  • 实现笔迹压感模拟与平滑曲线算法(贝塞尔曲线插值),还原真实书写体验
  • 处理 macOS / Windows 双平台兼容问题:文件路径、系统托盘、快捷键、窗口管理
  • 实现笔记导入导出功能:支持 PDF、PNG、JPG 格式,批量导出性能优化(100 页 < 3s)
ElectronVue 2.6Node.jsLessCanvas

技术栈

技术Vue 3Vue 2React 18AngularNuxt.jsVite 4WebpackRspackMonorepoModule FederationWeb ComponentsSSRSPAElectronTaroCordovaIonicTypeScriptJavaScriptHTML5CSS3Element PlusiViewAnt DesignFinUINode.jsExpressKoaRESTful APISpreadJSEChartsRich Text Editor// 太阳系中心 = 技术核心 · 卫星 = 技能8 轨道 · 32 技能

评论