showlotus's blog

首页

归档

关于

关于

工作经历

  • 华为技术有限公司 2023/05 - now
    • 参与公司产品 Meta SaaS ERP 订单模块开发,以及供应一站式底座产品开发与建设。
    • 负责一站式底座的前端框架升级,制定升级方案及回退策略,并推进其他产品逐步升级。
    • 参与不可信 UI 框架迁移(由 Webix 迁移到 AUI),开发代码迁移效能工具,提升迁移效率。
    • xx
    • yy

  • 中电信数智科技有限公司 2021/07 - 2023/04
    • 参与公司产品比翼研发云平台的开发建设工作;
    • 负责组内低代码编程模块的开发,需求方案的设计,以及后续迭代和维护工作;
    • 使用 Prettier + ESLint 制定组内代码规范以及 Git Commit 规范,推行组内执行和遵守;
    • 基于使用的 UI 库,二次封装了多个通用组件和常用工具函数,提高了日常开发效率;

项目经历

  • Meta SaaS ERP

    • 负责订单产品前端开发,主导 SaaS UI 2.0 升级,降低代码功能逻辑复杂度,提升代码可读性,方便后续维护。
    • 为了方便开发人员调试及快速定位源码位置,开发了一个 Webpack 插件(code-inspector-plugin),扩展了内部打包工具,可以在页面上快速定位到当前组件的源代码,并在本地编辑器中打开,提升了开发效率。
    • 通过 Babel 扩展内部框架 LinkJS 支持 JSX 语法,提升代码可读性,并降低了约一半的代码量。
    • 开发了一个 VS Code 国际化插件(Ti18n),可以更加便携地展示国际化字段,并能定位到源配置文件,提升开发体验。

  • 供应一站式底座

    • 承接整个供应领域前端门户桌面建设,底座日常维稳以及协助解决其他产品解决开发问题。
    • 参与 Webix 迁移 AUI 框架替换,开发框架转换工具,解析原框架代码到 AST,然后转换成目标代码风格,提升转换效率。
    • 为内部 AUI 框架搭建了一个 Playground 在线预览网站,支持切换不同的版本,方便演示和分享代码。
    • 解决卡片资源因内存泄漏导致页面卡顿的问题,并优化了页面逻辑,缩短了交互的响应时间,提升用户体验。

  • 低代码大屏

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

  • 大屏组件开发工具

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

开源项目

  • NeedClipboard:由 Electron + Vue + Node Addon 开发的在 Windows 系统上运行的剪贴板小工具。
  • Ti18n:VS Code 国际化提示插件,支持多种国际化配置,便携展示国际化,并快速定位到原配置文件。
  • wordcloud-online:由 React + Ant Design + ECharts 搭建的在线词云生成网站,支持多种形状和主题色,可自定义上传文本。
  • ivu-extends:基于 View Design 组件库进行扩展,对表单、表格等组件进行功能扩展,及动态主题切换。

专业技能

  • 熟悉 W3C 标准与 ES6 规范,有良好的代码风格和编码习惯;
  • 熟练掌握 HTML、CSS/LESS/SCSS、JavaScript 等前端技术;
  • 熟悉 Vue(v2.x) 以及底层原理,熟练使用 Vue CLI 开发 Vue 项目,以及开发自定义业务组件和二次封装组件;
  • 熟练使用常用的前端组件库,如 ElementUI、ViewDesign、ECharts 等;
  • 了解 Prettier/ESLint 基本配置、代码规范化和 Git Commit 规范;
  • 了解 Node.js,能编写提高日常开发效率的脚本;
  • 了解常用设计模式及常用数据结构和算法。

个人方面

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

教育经历

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