闲鱼技术2022年度白皮书-KUN主题-三代终端容器KUN的首次大考【架构演进】(下)

简介: 闲鱼技术2022年度白皮书-KUN主题-三代终端容器KUN的首次大考【架构演进】

接上篇:https://developer.aliyun.com/article/1225888?spm=a2c6h.13148508.setting.17.595d4f0eudDbz0


四、 体验变化效果

 

1. 性能

 

首屏性能上,KUN与Weex1.0勉强持平,中高端机器上维持秒开。内存水位上初步测试较Weex、WebView有所降低,待补充准确数据(上图为KUN,下图为Weex)

 

 

2. 渲染质量

 

基础样式、布局、事件体系等方面已基本对齐前端标准,overflowvisible、z-index、rich-text等均已正常渲染

 

3. 扩展能力

 

Kun使得前端享有了闲鱼客户端Flutter生态。闲鱼号升级中,快速扩展了前端无法(标准)实现组件10余个,包括:

 

流畅嵌套滚动

富交互下拉封面

滚动视频播控

图片加载控制(裁剪、渐显等能力)

带高斯模糊背景的弹幕

 

image.png

原文为gif

 

借助Flutter能力取背景图主色的蒙层

 

image.png

借助Flutter在上屏之前能获取布局信息,标准化实现了纯前端难以模拟的行数过多动态折叠功能

 

image.png

原文为gif

 

4. 终端体验一致性

 

渲染引擎较少与OS渲染能力耦合,解决了双端组件、交互(bounce效果)、布局等方面不一致问题。除了文字排版和字体外,基本做到双端一致。研发过程中,渲染层面也几乎不出现if(isAndroid){renderAndroid()} if(isIOS){renderIOS()}的代码。

 

image.png


五、 后续思考

 

如果从闲鱼号端侧诉求的视角出发,我们可以这样看待KUN的演进:

 

image.png


KUN在基础规范上会持续扩充,并且与W3C规范持续对齐在扩展能力上通过CSS扩展、JSAPI扩展、混合组件扩展等方式持续增强容器能力、拓展容器边界、提升用户体验。

 

闲鱼号架构在持续演进中。有了KUN的加持,我们对此充满信心。

 

相关文章
|
14天前
|
运维 Kubernetes Cloud Native
云原生技术:容器化与微服务架构的完美结合
【10月更文挑战第37天】在数字化转型的浪潮中,云原生技术以其灵活性和高效性成为企业的新宠。本文将深入探讨云原生的核心概念,包括容器化技术和微服务架构,以及它们如何共同推动现代应用的发展。我们将通过实际代码示例,展示如何在Kubernetes集群上部署一个简单的微服务,揭示云原生技术的强大能力和未来潜力。
|
12天前
|
存储 分布式计算 关系型数据库
架构/技术框架调研
本文介绍了微服务间事务处理、调用、大数据处理、分库分表、大文本存储及数据缓存的最优解决方案。重点讨论了Seata、Dubbo、Hadoop生态系统、MyCat、ShardingSphere、对象存储服务和Redis等技术,提供了详细的原理、应用场景和优缺点分析。
|
12天前
|
传感器 算法 物联网
智能停车解决方案之停车场室内导航系统(二):核心技术与系统架构构建
随着城市化进程的加速,停车难问题日益凸显。本文深入剖析智能停车系统的关键技术,包括停车场电子地图编辑绘制、物联网与传感器技术、大数据与云计算的应用、定位技术及车辆导航路径规划,为读者提供全面的技术解决方案。系统架构分为应用层、业务层、数据层和运行环境,涵盖停车场室内导航、车位占用检测、动态更新、精准导航和路径规划等方面。
58 4
|
13天前
|
Kubernetes Cloud Native 持续交付
云原生技术在现代应用架构中的实践与思考
【10月更文挑战第38天】随着云计算的不断成熟和演进,云原生(Cloud-Native)已成为推动企业数字化转型的重要力量。本文从云原生的基本概念出发,深入探讨了其在现代应用架构中的实际应用,并结合代码示例,展示了云原生技术如何优化资源管理、提升系统弹性和加速开发流程。通过分析云原生的优势与面临的挑战,本文旨在为读者提供一份云原生转型的指南和启示。
28 3
|
13天前
|
运维 Kubernetes Cloud Native
云原生技术在现代应用架构中的实践与挑战####
本文深入探讨了云原生技术的核心概念、关键技术组件及其在实际项目中的应用案例,分析了企业在向云原生转型过程中面临的主要挑战及应对策略。不同于传统摘要的概述性质,本摘要强调通过具体实例揭示云原生技术如何促进应用的灵活性、可扩展性和高效运维,同时指出实践中需注意的技术债务、安全合规等问题,为读者提供一幅云原生技术实践的全景视图。 ####
|
14天前
|
Kubernetes Cloud Native Docker
云原生时代的容器化实践:Docker和Kubernetes入门
【10月更文挑战第37天】在数字化转型的浪潮中,云原生技术成为企业提升敏捷性和效率的关键。本篇文章将引导读者了解如何利用Docker进行容器化打包及部署,以及Kubernetes集群管理的基础操作,帮助初学者快速入门云原生的世界。通过实际案例分析,我们将深入探讨这些技术在现代IT架构中的应用与影响。
56 2
|
4天前
|
Kubernetes Linux 开发者
深入探索容器化技术——Docker 的实战应用
深入探索容器化技术——Docker 的实战应用
26 5
|
8天前
|
运维 Cloud Native 云计算
云原生之旅:Docker容器化实战
本文将带你走进云原生的世界,深入理解Docker技术如何改变应用部署与运维。我们将通过实际案例,展示如何利用Docker简化开发流程,提升应用的可移植性和伸缩性。文章不仅介绍基础概念,还提供操作指南和最佳实践,帮助你快速上手Docker,开启云原生的第一步。
|
11天前
|
机器学习/深度学习 数据采集 Docker
Docker容器化实战:构建并部署一个简单的Web应用
Docker容器化实战:构建并部署一个简单的Web应用
|
9天前
|
运维 持续交付 虚拟化
深入解析Docker容器化技术的核心原理
深入解析Docker容器化技术的核心原理
30 1
下一篇
无影云桌面