2022.04 ~ 至今
前端技术专家
搭建工程体系、提升团队能力、研发迭代产品
2020.04 ~ 2022.04
高级前端开发工程师
维护前端通用组件库
搭建低代码开发平台
2019.04 ~ 2020.04
高级前端开发工程师
负责 Bio / Chemical 产品的迭代
2017.07 ~ 2019.04(含实习期)
全栈开发工程师
负责前后端项目构建及维护
1. 熟练使用语义化 HTML 结构,确保代码可读性和可维护性,符合 W3C 标准
2. 熟练使用 Flexbox 和 Grid 布局,能够实现复杂的多列布局和响应式设计,确保页面在不同设备上的良好表现
3. 熟练使用预处理器 Less、Sass/Scss、Stylus 等预处理器,能够实现 CSS 的模块化、变量定义和使用,提高代码可维护性
4. 深入理解浏览器渲染机制,熟悉 DOM 树构建、样式计算和布局流程
5. 具备跨浏览器兼容性开发经验,能够在常用浏览器和不同设备中实现一致的视觉效果
1. 熟悉 TypeScript,熟练掌握如何在项目中集成其工具链,了解其高级类型
2. 熟悉 JavaScript 核心基础;掌握 ES6 常用语法
1. 熟练掌握 Vue2、Vue3 框架,能够高效构建单页 Web 应用
2. 熟练掌握 Nuxt 和 Next 框架,用于搭建服务端渲染的 Web 应用,显著提升 SEO 表现和页面加载速度
3. 熟悉微信原生框架和 uniapp 开发,能够快速搭建并优化微信小程序
1. 熟练使用 Webpack 和 Vite 进行项目构建和优化,能够根据项目需求定制复杂的打包配置。
2. 熟悉 npm 和 pnpm 进行依赖管理,优化项目的依赖树,减少安装时间和体积。
1. 有过大型单页 Web 应用实战经验,处理过大规模的数据变更场景下的优化,了解前端性能优化与调试技巧
2. 具备 Jenkins 和 Gitlab Runner 的实践经验,能够从 0 到 1 搭建和维护 CI/CD 流水线,实现自动化测试和部署,提升开发效率。
3. 通过使用 Lighthouse 进行性能分析,优化前端性能,提升用户体验
4. 在团队中推广使用自动化工具(如 Husky、Lint-Staged)进行代码提交前的检查,减少了代码提交冲突。
项目地址:www.eesaenergy.com | www.eesaexpo.com
储能行业头部展会官网集群,承载展位预定、观众登记、展商管理等核心业务,日均PV 5000+。
1. 基于Next.js Pages Router构建SSR/SSG混合渲染架构,配合CDN缓存策略实现秒级首屏
2. 自研i18n路由中间件,支持/zh、/en路径切换
3. 封装视频背景Banner组件(懒加载+降级图片)、实时倒计时Hook、社交媒体浮窗组件
项目地址:database.handy-es.com | handy-es.com/platform | 微信小程序(掌上储能)
面向储能产业链的专业服务平台,涵盖数据库查询、企业服务和报告管理系统,支撑储能行业的信息化转型。
1. Vue.js模块化架构,支持复杂查询与展示,掌上储能生态Web端与触媒平台统一构建
2. 模块化代码管理与按需加载,主题切换与移动端适配
3. 全局加载状态统一管理,构建流程标准化,资源加载效率优化
项目地址:industrial-map.handy-es.com
储能产业链地理信息可视化平台,展示全国2000+企业分布,支持多维度数据钻取。
1. Next.js 14 App Router + React Server Components,实现流式SSR与选择性水合
2. 高德地图JS API封装,实现点聚合算法、InfoWindow动态渲染、自定义Marker图层
3. 虚拟列表优化万级数据渲染,CSS Containment隔离重绘区域提升滚动性能
项目地址:data.handy-es.com | middle-platform.eesaenergy.com
主导企业级数据中台与管理中台的前端架构设计与开发,构建统一的技术底座,支撑公司多个业务系统的数据统一管理和业务协作。
1. 采用Vue 3.2 + Composition API重构企业级应用,集成Pinia 2.0.28状态管理、Element Plus 2.2.27组件库、Vue Router 4.1.6路由系统
2. 建立Vue 3 + Pinia + Vue Router + Element Plus标准体系,实现两个中台项目技术架构统一
3. 使用阿里云CDN统一管理前端依赖库,实施模块预加载策略,集成ECharts 5.4.0实现复杂数据可视化
项目地址:eslearning.handy-es.com | eslearning-backend.handy-es.com
面向储能行业的专业化在线教育平台,提供课程学习、视频播放和教学管理功能。
1. Vue.js模块化前端架构,集成ckplayer多媒体播放器、阿里云视频播放解决方案
2. 集成多种视频播放方案,支持格式兼容性,二维码生成与社交分享功能
3. 图片预加载技术优化用户视觉体验,模块化代码按需加载
项目地址:service.eesaexpo.com | exhibitor-backend.eesaexpo.com
为展会提供完整的数字化管理解决方案,涵盖展商、搭建商等多角色的业务流程管理。
1. Vue 3 + Pinia + Vue Router技术栈,阿里云CDN统一管理依赖库
2. 多角色权限管理体系,展商信息、赞助信息、奖项申报等业务功能
3. 搭建商团队管理、报馆审图流程、字段动态配置