showlotus's blog

首页

归档

关于

showlotus

电话:151******** | 邮箱:showlotus2000@gmail.com
个人网站:https://github.com/showlotus
年龄:26 岁 | 性别:男

专业技能

  • 扎实的前端基础,深入理解 JavaScript 核心原理(闭包、原型链、异步编程等),熟悉 ES6+ 规范及 W3C 标准。
  • 熟练掌握 React 技术栈,理解 Hooks、虚拟 DOM 渲染机制,熟练使用 React Router、ahooks 等生态工具,具备组件设计与性能优化经验。
  • 熟练掌握 Vue 全家桶,深入理解响应式原理、组件通信及生命周期,熟悉 Composition API 的实践应用。
  • 具备丰富的工程化实践经验,熟练使用 Vite、Webpack、Babel 等构建工具,具备从零搭建脚手架及自定义插件开发能力。
  • 具备性能优化实战经验,擅长通过分析工具定位性能瓶颈,解决内存泄漏、页面卡顿等问题,提升用户体验。
  • 熟悉组件库设计与开发,具备二次封装及主题定制能力,熟练使用 Ant Design、ElementUI、ViewDesign、ECharts 等。
  • 具备低代码平台开发经验,熟悉动态组件加载、表单设计器、可视化配置等技术方案。
  • 熟练使用 Node.js 进行工具开发,能够编写自动化脚本及代码转换工具,提升团队开发效率。
  • 具备良好的工程素养,熟悉代码规范、Git 工作流、Code Review 流程,注重代码质量与团队协作。

工作经历

  • 来未来科技有限公司 2025/04 - now
    • 负责司内金刚产品的开发工作,基于 qiankun 微前端架构实现业务模块化开发。
    • 参与护理文书、体温单可视化、AI 智能体等核心业务的开发。
    • 基于平台扩展点机制实现业务扩展功能,支持多机构差异化配置需求。
    • 开发代码仓静态扫描工具,实现函数调用链分析及扩展点识别,提升代码质量管理效率。

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

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

项目经历

  • 医疗文书系统

    • 基于 React 技术栈开发医疗行业的文书管理系统,包括医生文书编辑器、护理文书可配置表单及体温单可视化三大核心模块。
    • 护理文书基于自定义 Schema 设计,通过表单设计器可视化配置组件并绑定数据元,支持普通表单和可编辑表格两种渲染模式。
    • 体温单模块使用 zrender 二维渲染引擎,将护理文书中的数据以图表形式直观展示,通过可视化配置页面支持字段个性化配置。
    • 通过 Schema 驱动的架构设计,实现文书的动态配置与渲染,解决传统体温单手工绘制效率低下的问题,大幅降低业务开发成本。

  • Meta SaaS ERP

    • 打造企业级 ERP 产品,基于配置式开发方式实现逻辑层与 UI 层分离,支持租户侧灵活扩展与二次开发。
    • 负责订单产品前端开发,主导 SaaS UI 2.0 升级,采用 Composition API 封装可复用 hooks,简化业务逻辑维护。
    • 针对 SaaS 框架缺乏源码定位的问题,开发 Webpack 插件,实现点击页面元素快速定位源码,提升开发效率。
    • 针对配置式写法导致代码逻辑过长的问题,开发 Babel 插件扩展框架支持 JSX 语法,提升代码可读性并减少约一半代码量。
    • 针对国际化字段难以识别的问题,开发 VS Code 插件,便捷展示国际化字段并定位源配置文件,提升开发体验。

  • 供应一站式底座

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

  • 低代码大屏

    • 基于拖拽式交互开发数据可视化大屏搭建平台,支持数据集绑定及链接分享,降低数据大屏开发门槛。
    • 开发物料组件库,对 UI 组件进行自定义扩展,并定制化开发多种 ECharts 图表组件。
    • 将物料组件与项目解耦,统一归纳到组件库中,通过远程加载的方式动态引入组件。
    • 提供规范的组件开发模板,支持用户自主开发组件,将用户组件扩充到已有的组件库列表中,丰富组件生态。
    • 开发 Prettier 插件,用于格式化资源引入路径,解决项目迁移后资源路径需要手动替换的问题。
    • 基于 ViewDesign 实现主题换肤,在官方不支持动态主题的前提下,将主题色相关值统一替换成 CSS 变量的格式,实现动态主题切换。

  • 大屏组件开发工具

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

开源项目

  • code-inspector-plugin:Webpack 插件,支持点击页面元素快速定位到源码位置,提升开发调试效率。
  • babel-plugin-jsx:Babel 插件,为不支持 JSX 的框架扩展 JSX 语法支持,提升代码可读性并减少代码量。
  • Ti18n:VS Code 国际化提示插件,支持多种国际化配置,便捷展示国际化并快速定位到原配置文件。
  • NeedClipboard:由 Electron + Vue + Node Addon 开发的在 Windows 系统上运行的剪贴板工具。

个人方面

  • 具备较强的问题分析与解决能力,能够快速定位问题根因并提供有效解决方案。
  • 热爱开源,持续关注前沿前端技术动态,积极参与开源社区,保持技术敏感度。
  • 保持技术输出习惯,在个人网站分享技术博客、阅读笔记及实践心得,沉淀技术经验。

教育经历

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