接上篇:https://developer.aliyun.com/article/1225888?spm=a2c6h.13148508.setting.17.595d4f0eudDbz0
四、 体验变化效果
1. 性能
首屏性能上,KUN与Weex1.0勉强持平,中高端机器上维持秒开。内存水位上初步测试较Weex、WebView有所降低,待补充准确数据(上图为KUN,下图为Weex)。
2. 渲染质量
基础样式、布局、事件体系等方面已基本对齐前端标准,overflow:visible、z-index、rich-text等均已正常渲染。
3. 扩展能力
Kun使得前端享有了闲鱼客户端Flutter生态。闲鱼号升级中,快速扩展了前端无法(标准)实现组件10余个,包括:
• 流畅嵌套滚动
• 富交互下拉封面
• 滚动视频播控
• 图片加载控制(裁剪、渐显等能力)
• 带高斯模糊背景的弹幕
原文为gif
• 借助Flutter能力取背景图主色的蒙层
• 借助Flutter在上屏之前能获取布局信息,标准化实现了纯前端难以模拟的行数过多动态折叠功能
原文为gif
4. 终端体验一致性
渲染引擎较少与OS渲染能力耦合,解决了双端组件、交互(bounce效果)、布局等方面不一致问题。除了文字排版和字体外,基本做到双端一致。研发过程中,渲染层面也几乎不出现if(isAndroid){renderAndroid()} if(isIOS){renderIOS()}的代码。
五、 后续思考
如果从闲鱼号端侧诉求的视角出发,我们可以这样看待KUN的演进:
KUN在基础规范上会持续扩充,并且与W3C规范持续对齐;在扩展能力上通过CSS扩展、JSAPI扩展、混合组件扩展等方式持续增强容器能力、拓展容器边界、提升用户体验。
闲鱼号架构在持续演进中。有了KUN的加持,我们对此充满信心。