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

 

相关文章
|
6天前
|
存储 缓存 安全
某鱼电商接口架构深度剖析:从稳定性到高性能的技术密码
某鱼电商接口架构揭秘:分层解耦、安全加固、性能优化三维设计,实现200ms内响应、故障率低于0.1%。详解三层架构、多引擎存储、异步发布、WebSocket通信与全链路防护,助力开发者突破电商接口“三难”困境。
|
8天前
|
机器学习/深度学习 人工智能 搜索推荐
万字长文深度解析最新Deep Research技术:前沿架构、核心技术与未来展望
近期发生了什么自 2025 年 2 月 OpenAI 正式发布Deep Research以来,深度研究/深度搜索(Deep Research / Deep Search)正在成为信息检索与知识工作的全新范式:系统以多步推理驱动大规模联网检索、跨源证据。
578 46
|
18天前
|
监控 数据可视化 数据库
低代码的系统化演进:从工具逻辑到平台架构的技术解读
低代码正从开发工具演变为支撑企业架构的智能平台,融合可视化开发、AI引擎与开放生态,实现高效构建、自动化运维与跨场景协同,推动数字化转型迈向智能化、系统化新阶段。
|
20天前
|
Java Linux 虚拟化
【Docker】(1)Docker的概述与架构,手把手带你安装Docker,云原生路上不可缺少的一门技术!
1. Docker简介 1.1 Docker是什么 为什么docker会出现? 假定您在开发一款平台项目,您的开发环境具有特定的配置。其他开发人员身处的环境配置也各有不同。 您正在开发的应用依赖于您当前的配置且还要依赖于某些配置文件。 您的企业还拥有标准化的测试和生产环境,且具有自身的配置和一系列支持文件。 **要求:**希望尽可能多在本地模拟这些环境而不产生重新创建服务器环境的开销 问题: 要如何确保应用能够在这些环境中运行和通过质量检测? 在部署过程中不出现令人头疼的版本、配置问题 无需重新编写代码和进行故障修复
210 2
|
13天前
|
存储 人工智能 搜索推荐
拔俗AI助教系统:基于大模型与智能体架构的新一代教育技术引擎
AI助教融合大语言模型、教育知识图谱、多模态感知与智能体技术,重构“教、学、评、辅”全链路。通过微调LLM、精准诊断错因、多模态交互与自主任务规划,实现个性化教学。轻量化部署与隐私保护设计保障落地安全,未来将向情感感知与教育深度协同演进。(238字)
|
2月前
|
Kubernetes Docker Python
Docker 与 Kubernetes 容器化部署核心技术及企业级应用实践全方案解析
本文详解Docker与Kubernetes容器化技术,涵盖概念原理、环境搭建、镜像构建、应用部署及监控扩展,助你掌握企业级容器化方案,提升应用开发与运维效率。
584 108
|
3月前
|
存储 监控 测试技术
如何将现有的应用程序迁移到Docker容器中?
如何将现有的应用程序迁移到Docker容器中?
337 57

热门文章

最新文章