my blog
    • 前端-刘发狮-18727782912
    • 算法笔记，JavaScript实现
    • 开发中遇到的cookie问题
    • 发布-订阅设计模式
    • 柯里化和组合函数
    • 从 HTTP 1.0 到 HTTP 3.0
    • 使用node将你的学习笔记一键转化为markdown
    • 谈一谈前端开发中的惰性思想
    • web项目的灰度发布/金丝雀发布
    • 关于我的组件库 rain-ui
    • 搭建react脚手架，以及脚手架工具
    • unit-test
    • webpack优化指南

    前端-刘发狮-18727782912

    个人简历#

    姓名：刘发狮
    性别：男
    工作经验：4年
    工作城市： 武汉
    邮箱：email@liufashi.top
    联系电话：18727782912

    教育经历#

    北华大学 2017 - 2021 计算机科学与技术

    个人优势#

    扎实的前端基础，包括但不限于 es6，css3
    熟悉 react 以及生态工具（redux,zustand,next.js）等
    拥有解决复杂问题的能力，有大型项目前端（react）后端（nest.js）开发经验，千万级总用户量，团队日活万级（https://www.apifox.com）
    有客户端开发经验（electron），能够处理好版本兼容等客户端和web的差异性。熟悉electron
    有组件库开发经验，参与过公司组件库的开发维护工作，此前自己也尝试过组件库编写 https://liufashi-mr.github.io/rain-ui/
    有 ai 产品开发经验 https://anakin.ai
    有vue2开发大型项目经验，能够快速上手vue3
    熟悉原生微信小程序开发
    具有项目架构能力，项目规范配置，根据业务不同采用不同方案。
    良好的编程习惯和代码规范，垃圾代码是不可接受的.

    工作经历#

    Apifox (2023/03 - 2025/03) 全栈工程师#

    Apifox 是一个 API 设计、开发、测试一体化协作平台，解决研发流程的效率问题。 总用户达千万级，团队日活万级，私有化订单千万级。
    技术栈： React, TypeScript, Electron, Node.js, Nest.js, Docker, Redis, MySQL, Go

    工作职责#

    前端： 主要负责 Apifox 应用以及其矩阵产品开发，技术攻关。多分支多版本模块负责人
    后端： 针对需求设计和实现可扩展的 Web 服务和 RESTful API。
    测试： 用 Apifox 编写对应功能的测试用例，通过测试用例来保证功能的稳定。
    基建： 维护项目构建的 CI/CD，CLI 工具简化 Web 端和客户端发版流程。

    多分支、多版本#

    多分支多版本是对整个apifox代码架构影响最大的功能，同时也是 apifox 最重要的与竞品拉开差异化的功能，为 API 文档提供类似于git的迭代能力即多分支功能，让 API 迭代内容更清晰、更快速，API 文档更稳定。同时支持发布稳定的版本到分享文档（用于分享 apifox 中的API文档）即多版本功能。
    写时复制（Copy On Write）：解决创建分支的时会导致出现大量数据，创建一个分支的时候仅创建开分支内资源的引用，只有在实际修改的时候才会创建资源的副本。
    分支合并：分支拉取和合并时的冲突解决，为用户提供可视化的方案。通过diff页面显示的差异手动选择需要改动的内容。
    差异对比：为分支中的API文档等提供与上游分支可视化的对比差异。
    原子组件拆分：因为业务侧重不一致导致迭代分支、主分支、多版本的目录树内容必然不同。封装最小粒度的组件、hooks，通过不同组合实现目录树的不同表现。提高代码的复用性
    自动化测试：自动化测试支持多分支功能，实现既能不同分支独立运行各自分支的测试用例，也可以引用主分支的测试用例。
    分享文档：apifox 分享文档每个文档站支持分享多版本中的内容，为用户提供多版本、多语言文档的解决方案。
    MR：提供分支保护功能，保护分支项目成员需要通过提交 MR 的方式，在 MR 审核通过之后才能修改保护分支内容。
    目录树性能优化：在目录树滚动时卸载大量不需要的组件，解决大数据场景下目录树卡顿的问题。

    Mock 服务#

    apifox支持根据接口文档定义的数据结构来mock数据。
    将国内版mock服务由midway.js切换为nest.js, 并通过添加中间件抹平差异。
    将本地mock、云端mock、国际版mock、私有化mock、runner业务中的mock公用部分抽离。差异部分通过配置化满足不同的业务。解决了一个需求需要改动多个地方的问题，并抹平了不一致的行为。

    多协议#

    apifox支持调试socket.io的接口
    事件订阅：支持调试订阅的事件
    多参数：调试socket.io时支持多参数
    ack：支持验证服务端的确认响应
    多版本：支持多个socket.io版本

    修改历史#

    apifox的API文档、数据模型、markdown支持记录修改历史。
    符合 rfc6902 标准的 json diff 格式，支持可视化对比、还原等操作。
    markdown 的diff内容优化存储空间，采用文档diff的格式存储与git diff一致。
    支持JSON Schema的表格形式的diff，采用 LCS 算法。

    评论#

    apifox的资源支持评论功能，便于沟通和记录。
    快速定位：支持链接跳转到某条评论
    图片上传：支持上传前base64缩略图，支持查看进度、预览。
    支持@功能：支持@团队内成员，并发送通知。支持富文本。

    其他#

    将旧的服务端代码从 Egg.js 迁移到 Nest.js 写的新服务端，编写相应的接口用例。
    封装 SplitView 组件，支持方向切换、 拖拽调整大小和收起展开，让用户可以最大程度的利用屏幕 空间。
    作为版本迭代发车人，跟进迭代打包和发版工作。
    客户支持回复 SaaS 版和私有化用户，远程定位解决问题。
    参与团队 Code Review，为同事的代码提供意见反馈。
    飞书机器人公司内部管理系统消息推送到飞书。

    浙江远图技术股份有限公司 （2021/12 - 2023/2）前端开发工程师#

    技术栈： React, TypeScript

    工作职责#

    负责公司内部管理系统的开发维护、医院系统的对接与调整和项目基本脚手架框架的维护

    基建相关#

    从零开发易用、标准化的后台管理模板，符合公司UI规范，配置化、易改造。包含路由权限控制、布局调整、主题配置等
    统一小组内的eslint，prettier，commit 规范。
    可视化大屏图表组件开发

    就医导引系统#

    移动端适配
    针对各家医院系统的差异性，通过后台配置的方式实现轻松对接多家医院。

    项目管理系统#

    使用之前开发的应用模板在较短的周期完成项目的开发。
    精确到操作级别的权限控制。

    杭州涂鸦信息技术有限公司 （2021/6 - 2021/12）前端开发工程师#

    杭州涂鸦信息技术有限公司是一家致力于让生活更智能的物联网技术公司，在中国（杭州&深圳）、美国、日本、德国、印度和哥伦比亚六国设有总部，并且与超过50家世界500强公司合作，包括飞利浦、施耐德电气、联想等。
    技术栈： React, TypeScript，Next.js，vue

    工作职责#

    负责公司Expo电商平台、涂鸦硬件平台的开发维护以及基础组件、低代码平台组件的开发维护

    Expo 涂鸦智能电商平台#

    项目描述：涂鸦的 B2B2C 电商平台，前台有手机端，pc 端，后台有运营平台和商家平台。
    站点：https://expo.tuya.com
    项目架构：Nextjs、Typescript，运营平台为 vue2
    工作内容：
    金牌供应商功能开发，通过后台配置调整配置首页推荐的供应商，功能完成后是当时该平台的主要收入之一。
    网页 SEO 优化

    涂鸦硬件平台（方案中心）#

    项目描述：涂鸦的方案中心，前台兼容手机和 pc，后台为运营平台
    站点：https://solution.tuya.com
    项目架构：nextjs+scss，运营平台为 vue2
    工作内容：
    行业解决方案功能开发。帮助客户一站式选择适合自己场景的全套IOT设备解决方案

    其他#

    组件库#

    react组件库 https://liufashi-mr.github.io/rain-ui/
    支持计算色阶
    支持运行时切换主题
    暗色模式、紧凑模式
    修改于 2025-05-19 12:16:25
    下一页
    算法笔记，JavaScript实现
    Built with