三代终端容器 KUN 的首次大考【架构演进】

闲鱼号近期进行了架构升级,采用KUN渲染容器,解决了Weex存在的性能、渲染质量、终端体验一致性和扩展能力问题。KUN通过对接前端和Flutter生态,提供更好的渲染质量和终端一致性,同时增强了扩展能力和性能,降低了内存占用。升级后,闲鱼号在基础样式、布局、交互体验等方面得到显著提升,如新增下拉封面交互、下拉刷新交互和优化滚动体验。
摘要由CSDN通过智能技术生成

闲鱼号在闲鱼业务中一直承担着非常重要的角色,它既是卖家组织商品的货架,又是达人自我表达的载体,既是大 V 私域运营的阵地,又是小铺开店经营的门面。它是闲鱼各产品线的交汇点,号店浑然一体,一定要类比的话,它更像是抖音/小红书个人主页 + 淘宝店的综合体。

69839c76c1972c46950eb933409c277f.png

闲鱼号是个用户高频访问的场景,产品 Feature 快速迭代,体验上备受关注,当下面临的问题:

  • • 古董级高度耦合的业务代码、多业务线并行的日常需求时常让前端成为交付瓶颈

  • • 基于 Weex 1.0 渲染附带着大量的双端不一致问题和体验顽疾,也限制了交互创新

最近我们对闲鱼号做了架构升级,相信很快就会和大家见面,这里做个小结,概括下来这次升级直接带来的收益:

体验

中高端机上维持秒开,同时:

  • • 新增微信朋友圈式的下拉封面交互,手势体感更加连贯,个人表达更加充分

  • • 新增贴近原生体验的下拉刷新交互,提升 APP 体验一致性

  • • 优化嵌套滚动的交互体验,纵划横划更加自然顺滑,逛起来更高效

97c02e8eaf33592c5323e59808d611d6.gif

(iPhone12/iOS16 录制,Gif 压缩掉帧严重,实际无明显卡顿感)

  • 可维护性

可维护性的提升是「产品->设计->实现」综合优化的结果,具体:

  • • 产品侧重新梳理所有 Features,抽象并制订同类功能的表达原则,确定各业务的表达方式、优先级

  • • 设计侧综合考虑模块权重、所属角色、用户比例、扩展方式等因素确定设计框架

  • • 技术侧通过组件化拆分+全局状态的方式解耦业务逻辑,提高需求并行效率

为什么要升级

闲鱼号项目已有超过5年历史,目前业务较难向前迭代,原因主要归结为端容器能力受限和架构腐化两方面。

端容器能力受限

闲鱼号目前是前端页面,容器使用 Weex 1.0(后文统称 Weex)。Weex 两年前就少有维护,其既有问题使得承载当下业务有以下问题:

  1. 1. 难维护。闲鱼号存在较多的舆情顽疾,究其原因,Weex 不是标准前端容器,在布局、组件、动画、事件等方面与预期不一致。一部分绕道解决,一部分只能保持现状依托升级容器解决

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值