闲鱼技术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的加持,我们对此充满信心。

 

相关文章
|
9月前
|
存储 容器
46.[HarmonyOS NEXT RelativeContainer案例三] 打造自适应容器:内容驱动的智能尺寸调整技术
在HarmonyOS NEXT的UI开发中,创建能够根据内容自动调整尺寸的容器是实现灵活布局的关键。RelativeContainer结合自适应尺寸设置,可以实现内容驱动的智能尺寸调整,使UI更加灵活且易于维护。本教程将详细讲解如何创建自适应尺寸的RelativeContainer,帮助你掌握这一实用技术。
283 5
|
7月前
|
Kubernetes Cloud Native 持续交付
Docker:轻量级容器化技术解析
Docker:轻量级容器化技术解析
|
7月前
|
运维 测试技术 Docker
Docker:轻量级容器化技术革命
Docker:轻量级容器化技术革命
|
11月前
|
弹性计算 Java Maven
从代码到容器:Cloud Native Buildpacks技术解析
Cloud Native Buildpacks(CNB)是一种标准化、云原生的容器镜像构建系统,旨在消除手动编写Dockerfile,提供可重复、安全且高效的构建流程。它通过分层策略生成符合OCI标准的镜像,实现应用与基础镜像解耦,并自动化依赖管理和更新。阿里云应用管理支持通过CNB技术一键部署应用至ECS,简化构建和运行流程。
|
12月前
|
存储 虚拟化 Docker
|
12月前
|
开发工具 虚拟化 git
自学软硬件第755 docker容器虚拟化技术youtube视频下载工具
docker容器虚拟化技术有什么用?怎么使用?TubeTube 项目使用youtube视频下载工具
|
安全 容灾 网络安全
深度用云——释放企业潜能 | 网络先行——阿里云网络卓越架构白皮书正式发布
深度用云——释放企业潜能 | 网络先行——阿里云网络卓越架构白皮书正式发布
590 3
|
监控 Kubernetes Cloud Native
基于阿里云容器服务Kubernetes版(ACK)的微服务架构设计与实践
本文介绍了如何基于阿里云容器服务Kubernetes版(ACK)设计和实现微服务架构。首先概述了微服务架构的优势与挑战,如模块化、可扩展性及技术多样性。接着详细描述了ACK的核心功能,包括集群管理、应用管理、网络与安全、监控与日志等。在设计基于ACK的微服务架构时,需考虑服务拆分、通信、发现与负载均衡、配置管理、监控与日志以及CI/CD等方面。通过一个电商应用案例,展示了用户服务、商品服务、订单服务和支付服务的具体部署步骤。最后总结了ACK为微服务架构提供的强大支持,帮助应对各种挑战,构建高效可靠的云原生应用。
|
监控 Cloud Native Java
基于阿里云容器服务(ACK)的微服务架构设计与实践
本文介绍如何利用阿里云容器服务Kubernetes版(ACK)构建高可用、可扩展的微服务架构。通过电商平台案例,展示基于Java(Spring Boot)、Docker、Nacos等技术的开发、容器化、部署流程,涵盖服务注册、API网关、监控日志及性能优化实践,帮助企业实现云原生转型。
|
Kubernetes 安全 数据安全/隐私保护
云卓越架构:容器安全最佳实践
本次分享由阿里云智能集团解决方案架构师张玉峰主讲,主题为“云卓越架构:容器安全最佳实践”。内容涵盖容器安全的挑战、云原生容器安全架构及典型场景。首先分析了容器安全面临的问题,如镜像漏洞和权限管理。接着介绍了容器安全架构的五个维度:身份权限管理、配置安全检查、运行时防护、镜像安全检测及发布的安全管控。最后通过具体场景展示了容器身份与权限管理、密钥管理、运行时防入侵等最佳实践,强调了安全左移的重要性,确保从开发到运行的全生命周期安全覆盖。

热门文章

最新文章