项目清单

这里是我主导的一些项目，工作之余我会参与一些开源项目，满足自己需求的同时把成果分享给有同样诉求的人。我是知名 Vue 应用框架 `NuxtJS` V1 版本官网的中文翻译贡献者。

地铁轨道交通查询机系统

Mar, 2024 - Aug, 2024
技术负责人
地铁轨道交通查询机系统主要面向乘客提供乘车相关的信息查询以及广告播放服务，为响应落实央国企信息技术应用创新发展战略，本项目核心目标为将西安地铁存量的查询机系统替换为完全国产化的系统能力。
地铁轨道交通查询机系统
→ 项目挑战
  • 产品及业务层面：须对齐已有系统能力，并进行重新开发（原系统能力不支持国产软硬件设施）；须为业务方提供国产化设施（包括软硬件）选型方案；
  • 技术层面：B/S、C/S 混合架构，其中管理系统为 B/S 架构，查询机客户端为 C/S 架构，但公司当前没有客户端软件工程师；
  • 组织层面：当前技术团队没有国产化应用开发及部署的完整经验。
→ 研发目标
  • 实现存量“地铁轨道交通查询机系统”的国产化替代，将系统能力部署在国产服务器及操作系统上，并提供 7x24 小时的稳定服务。
→ 行动举措
  • 组织先行-招聘具有国产化应用开发及部署经验的关键技术人才；
  • 深潜业务-组织技术人员到地铁站实地深入使用存量系统能力；
  • 先硬后软-先完成国产化设施选型，再进行软件应用设计；先确定硬件可降低软件开发的兼容性成本；
  • 预研技术难点-对潜在的技术难点、卡点进行提前研究熟悉（例如可交互的地铁线路图、离线应用等）。
→ 关键结果
  • 组织方面：建立了稳定而有战斗力的项目团队；
  • 产品方面：截止 2024 年 6 月，管理系统完成 75% 的功能开发，客户端软件完成 90% 的功能开发；
  • 技术沉淀：基于 SVG 的可交互的地铁网络线路图组件（准备开源）。

歪马送酒微信小程序

Jul, 2022 - Nov, 2023
前端负责人
支撑美团自营歪马送酒业务线上营销运营的微信小程序，基于美团自研的小程序多端框架进行开发，产品功能主要由 6 个核心页面「首页」、「酒单页」、「商详页」、「购物车」、「个人中心」及「搜索页」，以及 3 大常驻营销页面「限时抢购」、「歪马精选」、「会员中心」构成。23 年 DAU 万级，用户总量数百万级。
歪马送酒微信小程序
→ 项目挑战
  • 90% 团队成员缺乏 C 端项目经验，对小程序开发经验不足，导致开发效率低，代码质量低；
  • 存在高风险技术债务，如缺乏单一数据源（Single Source Of Truth），导致偶发用户定位串乱；
  • 代码组织随意，缺乏 「DRY」和「组件化」意识，导致代码冗余度高，维护性低；代码质量指标 「千行代码缺陷率」 0.22‰，未达美团到家研发部基线要求 0.2‰；
  • 大部分核心页面的关键性能指标「秒开率」未达到美团到家研发部基线要求，来自业务方和用户的负面反馈多。
→ 研发目标
  • 提升团队成员 C 端项目研发思维意识，即“高稳定性、高性能，好体验“；
  • 「事前」结合终端质效稳定性统一运营要求，加强规范及机制、最佳实践、反面案例、技术债务治理的落地力度；「事中」优化迭代核心链路的告警监控能力，提升业务可用性；「事后」落实分类复盘分析；
  • 关键页面的性能体验实现对外领先行业竞对「酒小二」，对内追齐内部榜样「买菜小程序」。
→ 行动举措
  • 提思维-组织跨公司、垮团队的小程序开发专业分享；OKR 里明确个人对其所负责页面或模块的性能体验要求；深潜业务，组织客服听音、一线拎包、竞品分析；
  • 提质量-通过线上问题摸排分析、研发流程规范性摸排分析，制定了「歪马终端研发交付全流程工作指南」，确保每个研发流程有法可依；响应并落实上级部门的「稳定性全景治理和运营」，具体包括「歪马核心链路质量保障」、「歪马赋能共建质量保障」、「技术债汇总治理」 3 大重要事项；建设歪马小程序组件库；建立技术方案横向评审机制；
  • 提性能-完善了性能体验的度量能力和运营机制，较 22 年新增「秒开率」以对齐美团微信小程序指标运营标准，新增「真机页面打开时长」以实现与外部竞对做性能对标；成立「秒开率治理专项」、「首页性能治理专项」、「酒单页性能体验优化专项」，对 9 个核心页面发起了秒开率治理。
→ 关键结果
  • 联合京东组织了 1 场跨公司专业分享《美团歪马X京东购物小程序交流会》；内部与买菜、外卖、团好货等业务线前端团队建立沟通群，并组织若干场分享会；
  • 歪马小程序千行代码缺陷率降低至 0.18‰ 以下，优于美团到家研发部基线要求；
  • 整体秒开率从 22 年的 46% 提升至 71%：除购物车页、订单预览页外，其余页面秒开率已实现对齐内部榜样买菜小程序；核心交易页面除购物车页外，真机页面打开时长已实现领先竞对酒小二小程序。

歪马送酒中后台系统（供应链）

Jul, 2022 - Nov, 2023
前端负责人
支撑美团歪马送酒业务 C 端（歪马送酒微信小程序）营销运营开展的中后台系统，涵盖 「供应商管理（SRM）、商品管理、采购管理（PMS）、仓储管理（WMS）、运输管理（TMS）、订单管理（OMS）、配送履约管理、门店管理、财务结算」 等子系统。当前除了 「运输管理」 为外采，及「财务结算」使用美团基建能力外，其他系统能力均为歪马自建。
歪马送酒中后台系统（供应链）
→ 项目挑战
  • 歪马送酒作为美团自营零售的先锋业务，其所建设的系统能力，是否适用于未来其他自营零售业务？
  • 当前建设的供应链系统能力，与美团其他业务（如医药）的供应链系统能力能否做整合统一？
  • 供应链系统能力的通用化及整合统一建设涉及跨业务、跨事业线、跨团队，复杂度高，模糊度高。
→ 研发目标
  • 以 WMS 通用化建设作为试点，探索零售供应链系统能力整合统一的解决方案；
  • 完成包含仓内管理和出入库等 WMS 基础管理能力的通用化建设，通过低成本复用，满足新业务在小型仓的 WMS 管理诉求。
→ 行动举措
  • 组织先行：成立零售供应链统一建设的虚拟组织，明确目标、执行计划、各细分方向的负责人；
  • 调研对标：联同干事团队进行「外部行业调研」及「内部业务系统摸排」，梳理及借鉴学习行业解决方案，完成零售供应链统一建设整体方案的设计；
  • 试点推行：结合业务需求，协同前后端团队推进 WMS 基建工作开展，推进 PC 端 WMS 基础管理能力的通用化建设，在 23 年底实现 WMS 基础管理能力通用化率达 100%。
→ 关键结果
  • 完成对行业领先的富勒公司 WMS 系统、盒马生鲜供应链系统的调研，以及内部医药业务供应链系统能力的摸排梳理，共识了零售供应链统一建设的目标、实施路径以及关键里程碑，前端相应完成了 WMS 模块通用化目标及整体方案的架构设计及关键里程碑设计；
  • 协同设计团队完成了零售供应链设计体系及前端物料的建设，提升了系统平台的设计标准和用户体验（样式标准度达 85%，计算公式：设计变量使用量 / （设计变量使用量 + 硬编码样式数量））；
  • 提升 PC 端需求研发提效率提升至 23%+（22 年17.79%），提升 App 端需求研发效率 15%+（分子：代码中使用组件的数量 * 单个组件的开发时长；分母：需求开发时长+分子）；
  • 完成可配置可拓展的 3 大业务流程模板的建设及投产：「任务流程模板」、「单据流程模板」及「主数据流程模板」，为 WMS 基础管理能力的通用化建设做好了底层的技术铺垫。

京东羚珑营销内容设计平台

Apr, 2016 - Apr, 2022
研发负责人
羚珑（ling.jd.com）是一个京东自主研发的聚焦电商领域的多场景营销内容在线设计平台，汇集营销创意内容与设计工具于一体，为不同场景下的设计需求提供优质的解决方案。其核心产品功能矩阵包括「图片设计」、「动图设计」、「视频设计」，以及面向外部企业、内部业务部门提供的集「设计、管理、协作于一体」的「内容专区」。此外羚珑还提供「一键抠图」、「智能配色」、「URL实时合图」等实用工具和接口服务。
京东羚珑营销内容设计平台
→ 项目挑战
  • 从 0 到 1 自主孵化，团队缺乏图片、动图、视频在线编辑的项目经验；
  • 赛马项目，即有其他部门做类似的产品，需要比速度、比体验。
→ 研发目标
  • 快速孵化并迭代完善羚珑平台能力，为用户提供体验良好的在线素材设计服务；
  • 在公司内竞品中脱颖而出。
→ 行动举措
  • 快速原型开发及价值共识：前期由前端团队进行技术调研并快速孵化原型，验证技术可行性，向上共识项目价值；
  • 建立产研闭环的专业团队：组建一个由经验丰富的交互设计师、视觉设计师、软件工程师和项目管理专家组成的团队，以确保项目从概念到实施的每个阶段都有专业支持；
  • 寻找技术合作伙伴：与公司内涉及文件存储、图片后处理（缩放、调质、抠图等）等能力的技术部门建立合作关系；
  • 培训与支持：为京东的商家提供在线培训和教程，帮助他们快速掌握新平台，确保他们能够有效地使用工具；
  • 性能优化及持续创新：不断优化平台的性能，确保素材的加载和编辑速度快，用户体验流畅。持续跟踪最新的设计趋势和技术，确保平台能够提供创新的设计解决方案。
→ 关键结果
  • 对内，面向公司业务运营、数十万商家提供便捷的线上广告图、短视频可视化设计服务，每年输出近百万的广告图及短视频创意，同时依托高性能稳定可靠的广告图实时合成服务结合商品BI推荐能力，助力京东APP实现首焦广告图的千人千面无人化运营，日均商业点击率（PCTR）相较人工运营的广告图提升超过10%；
  • 对外，与京东商业提升事业部（广告部）达成重点合作，在京东广告投放平台（京准通 jzt.jd.com）上面向广告主提供广告图、视频的可视化制作能力，大大降低了广告主的设计成本，提升了广告主的广告投放效率；
  • 此外，羚珑借助自身体验与能力的优势，帮助广告部摆脱了与筷子科技公司的合作依赖，每年节约数百万的合作费用。

京东千人千面内容营销

Mar, 2021 - Apr, 2022
研发负责人
“一千个人眼中就有一千个哈姆雷特”，用户的不同个性不同背景决定了一千个用户对于设计式样会有一千个看法。千人千面内容营销项目是羚珑项目的延伸（第二增长曲线），2021年年初正式立项，作为部门重点项目由 10 人跨职能团队（包含产品、前后端、算法等角色）进行攻坚。其核心目标是在京东 APP 首焦广告图千人千面的基础上深化提炼完整可靠的千人千面内容营销解决方案，包括「广告图千人千面」、「营销页千人千面」、「商品文案千人千面」三大部分，以帮助京东流量阵地里的营销内容最大化提升转化率。
京东千人千面内容营销
→ 项目挑战
  • 缺少大数据、算法相关的项目成员；
  • 方案复杂度、模糊度高；营销页千人千面相关方案虽早在 2016 年在阿里就有相关实践及PR材料，但在京东是无人区。
→ 行动举措
  • 建团队：引入技术产品经理、大数据、算法工程师角色，搭建产研、数据、算法闭环的攻坚团队；
  • 定策略：借鉴阿里的思路，结合京东自身的特点，构建京东用户设计画像，结合实时合图服务、智能配色服务、智能文案服务，实现图片、营销页内容的千人千面；
  • 拿结果：联合营销部门，逐步在广告图坑位、营销活动页中落地实践，验证并优化效果。
→ 关键结果
  • 基于大数据分析及算法技术，沉淀了近 2 亿京东用户的设计画像（设计审美偏好特征），包含广告图设计层面的「色系」、「布局」、「字体」等维度；
  • 借助用户设计画像的能力，将广告图千人千面方案推广至京东的其他业务场景，如京东APP秒杀首焦广告图；
  • 在营销页千人千面方向，实现了基于用户群体的「楼层组件样式个性化推荐」算法模型及推荐服务，在 2021 年 618 、双11大促会场上进行落地应用，赋能超过 50+ 会场活动，助力会场GMV提升。

AIFIRE.ART

Nov, 2023 - Aug, 2025
联合创始人
🌟🎨📸🎥🎶 一个“AIGC+PGC”的媒体素材（包括图片、视频、音效、音乐、字体、AI模型等）内容平台，核心的产品能力为：面向内容消费者提供海量的高质的媒体素材内容，提供多维度的信息聚合检索手段（基础分类、专题场景等）帮助消费者快速找到所需素材；面向内容生产者提供AI模型信息、AI提示词（prompts）、字体和相关媒体设计工具。直接竞对产品为 Pixabay，使命是「帮助大家用上最优质的媒体素材」。
AIFIRE.ART

Gitalk

Jul, 2017 - Mar, 2021
项目发起人
Gitalk 是一个基于 GitHub Issue 和 Preact 开发的开源评论插件，截止 2023 年 12 月共计 6.9 K 个 Star。它将 GitHub Issue 转换为评论系统，集成 Github 登陆，为开发者用户提供了一个简单、无缝和可定制的评论系统，可以轻松集成到个人网站或博客中，简化评论管理并促进协作。它开源且免费，用户可以自由地使用和修改它以满足自己的需求。
Gitalk

Vue-easy-gantt

Apr, 2017 - Nov, 2017
项目所有者
一个简单的 Vue.js 甘特图插件，用于展示每周任务。

凹凸实验室

Oct, 2015 - Aug, 2025
联合创始人
一个前端领域知名的技术品牌，创建于 2015 年 10 月，是一个专注于用户体验及产品价值提升的开源研发组织。围绕多端开发、服务端开发、人工智能、产品设计、视觉设计等方向沉淀与传播相关的专业知识及案例，为业界贡献经验价值。核心产品包括「羚珑 - 智能设计平台」、「Taro - 多端统一开发解决方案」等，深耕智慧设计、智能研发、跨端云研发体系的能力，助力泛零售业务实现智慧营销。
凹凸实验室