专业技能

• 熟悉 W3C 标准与 ES6 规范，有良好的代码风格和编码习惯。
• 熟练掌握 HTML、CSS、JavaScript 等前端技术。
• 熟悉 Vue 以及底层原理，熟练使用 Vue 周边生态工具，如 VueRouter、Vuex 等。
• 熟练使用常用的前端组件库，如 ElementUI、ViewDesign、ECharts 等。
• 熟悉前端工程化工具，如 Vite、Webpack、Babel 等，以及开发自定义插件。
• 熟悉 Prettier/ESLint 基本配置、代码规范化和 Git Commit 规范。
• 熟悉 Node.js，能编写提高日常开发效率的脚本。
• 熟悉常用设计模式及常用数据结构和算法。

工作经历

• 华为技术有限公司 2023/05 - now
  • 参与 Meta SaaS ERP 订单模块及供应一站式底座产品的开发工作，确保代码满足军规要求与按时交付。
  • 负责供应一站式下多个前端子工程项目的开发及维护，针对开发过程中的技术难题进行深入分析，并提出解决方案。
  • 负责前端框架的全面升级，制定详细的升级方案及回退策略，成功推进其他产品逐步完成升级。
  • 参与不可信 UI 框架的迁移工作，开发高效的代码迁移工具，大幅提升迁移效率。
  • 参与供应领域前端公共组件库的开发，封装多个通用组件，供其他产品高效复用，显著提高开发效率。

• 中电信数智科技有限公司 2021/07 - 2023/04
  • 参与比翼研发云平台的开发建设工作。
  • 负责低代码编程模块的开发，包括需求方案设计及后续的迭代维护。
  • 制定并推行详细的代码规范及 Git Commit 规范，确保团队代码质量和一致性。
  • 二次封装多个通用组件和工具函数，大幅提高开发效率和代码复用性。

项目经历

• Meta SaaS ERP

  • 打造企业级 ERP 产品，通过配置式开发方式使得开发人员只需专注逻辑层，无需关注 UI 层，减轻开发人员负担，并且支持租户侧二次开发，可通过自定义配置进行扩展。
  • 负责订单产品前端开发，主导 SaaS UI 2.0 升级，采用 Composition API 抽离可复用 hooks，提升代码复用性，简化逻辑维护。
  • 由于 SaaS 框架缺乏源码定位功能，设计并实现了 Webpack 插件（code-inspector-plugin），方便开发人员快速定位源码位置，提升开发效率。
  • 配置式的写法导致代码逻辑过长且不方便查看 UI 结构，开发 Babel 插件（babel-plugin-jsx）扩展框架支持 JSX 语法，提升代码可读性，同时减少约一半的代码量。
  • 国际化字段在代码中难以识别具体含义，开发 VS Code 插件（Ti18n），便捷展示国际化字段并定位源配置文件，提升开发体验。

• 供应一站式底座

  • 承接整个供应领域前端门户桌面建设，底座日常维稳以及协助解决其他产品解决开发问题。
  • Webix 框架迁移 AUI 框架，UI 层需要采用 AUI 重新实现，开发框架转换工具，将 Webix 转换成 AUI 风格，提升转换效率。
  • 内部 AUI 框架缺少快速预览和演示平台，设计并搭建了一个 Playground 在线预览网站，支持切换不同的版本，方便演示和分享代码。
  • 页面切换卡顿，借助开发者工具定位问题根因，解决内存泄漏，并优化了页面逻辑，缩短了交互的响应时间，提升用户体验。

• 低代码大屏

  • 通过组件拖拉拽的形式，快速构建一个数据可视化大屏，支持数据集绑定和以链接的形式分享出去。
  • 开发物料组件，对当前使用 UI 库组件进行自定义扩展，以及定制化开发各种 ECharts 图表组件。
  • 将物料组件与项目解耦，将所有项目内组件都统一归纳到组件库中，通过远程加载的方式，动态引入组件。
  • 提供了一套规范的组件开发模板，方便用户自主开发组件。将用户提供的组件，扩充到已有的组件库列表中，丰富组件库。
  • 开发了一个 Prettier 插件，用以格式化资源引入路径，解决了项目迁移后，资源路径需要手动替换的问题。
  • 基于 ViewDesign 实现主题换肤，在官方不支持动态主题的前提下，将主题色相关值统一替换成 CSS 变量的格式，以实现动态主题切换。

• 大屏组件开发工具

  • 为了方便大屏物料组件的开发，自己开发了一个集生成组件 JSX、新增组件的代码生成测试和预览大屏下载代码的一个工具。
  • 通过表单可视化配置的方式快捷生成 JSX 文件，结合组件设计文档可以迅速生成组件配置文件。
  • 用 Node.JS 编写脚本，实现 Vue 格式文件与 FreeMarker 格式文件之间的相互转换，降低了新语言的学习成本，提升了开发效率。
  • 通过脚本实现了，从远端下载 zip 包，并解压到指定目录，有效地缩短了下载代码的测试时间。

开源项目

• NeedClipboard：由 Electron + Vue + Node Addon 开发的在 Windows 系统上运行的剪贴板小工具。
• Ti18n：VS Code 国际化提示插件，支持多种国际化配置，便携展示国际化，并快速定位到原配置文件。
• ivu-extends：基于 View Design 组件库进行扩展，对表单、表格等组件进行功能扩展，及动态主题切换。

个人方面

• 善于独立思考并解决问题，专注度高，工作效率高。
• 热爱开源，平时喜欢关注前沿前端技术，看技术博客，逛开源社区。
• 写过不少类型的插件，包括但不限于：Vue、Webpack、Prettier、Babel、VS Code、Tampermonkey 等。
• 个人网站上会有技术博客分享，技术书刊的阅读笔记以及平时一些有趣的想法。

教育经历

河南大学﹒软件学院﹒软件工程﹒本科 2017/09 - 2021/06