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

 

相关文章
|
3月前
|
存储 缓存 安全
某鱼电商接口架构深度剖析:从稳定性到高性能的技术密码
某鱼电商接口架构揭秘:分层解耦、安全加固、性能优化三维设计,实现200ms内响应、故障率低于0.1%。详解三层架构、多引擎存储、异步发布、WebSocket通信与全链路防护,助力开发者突破电商接口“三难”困境。
|
3月前
|
人工智能 自然语言处理 安全
AI助教系统:基于大模型与智能体架构的新一代教育技术引擎
AI助教系统融合大语言模型、教育知识图谱、多模态交互与智能体架构,实现精准学情诊断、个性化辅导与主动教学。支持图文语音输入,本地化部署保障隐私,重构“教、学、评、辅”全链路,推动因材施教落地,助力教育数字化转型。(238字)
728 23
|
3月前
|
Java Linux 虚拟化
【Docker】(1)Docker的概述与架构,手把手带你安装Docker,云原生路上不可缺少的一门技术!
1. Docker简介 1.1 Docker是什么 为什么docker会出现? 假定您在开发一款平台项目,您的开发环境具有特定的配置。其他开发人员身处的环境配置也各有不同。 您正在开发的应用依赖于您当前的配置且还要依赖于某些配置文件。 您的企业还拥有标准化的测试和生产环境,且具有自身的配置和一系列支持文件。 **要求:**希望尽可能多在本地模拟这些环境而不产生重新创建服务器环境的开销 问题: 要如何确保应用能够在这些环境中运行和通过质量检测? 在部署过程中不出现令人头疼的版本、配置问题 无需重新编写代码和进行故障修复
418 2
|
3月前
|
存储 人工智能 搜索推荐
拔俗AI助教系统:基于大模型与智能体架构的新一代教育技术引擎
AI助教融合大语言模型、教育知识图谱、多模态感知与智能体技术,重构“教、学、评、辅”全链路。通过微调LLM、精准诊断错因、多模态交互与自主任务规划,实现个性化教学。轻量化部署与隐私保护设计保障落地安全,未来将向情感感知与教育深度协同演进。(238字)
441 0
|
3月前
|
Cloud Native Serverless API
微服务架构实战指南:从单体应用到云原生的蜕变之路
🌟蒋星熠Jaxonic,代码为舟的星际旅人。深耕微服务架构,擅以DDD拆分服务、构建高可用通信与治理体系。分享从单体到云原生的实战经验,探索技术演进的无限可能。
微服务架构实战指南:从单体应用到云原生的蜕变之路
|
弹性计算 API 持续交付
后端服务架构的微服务化转型
本文旨在探讨后端服务从单体架构向微服务架构转型的过程,分析微服务架构的优势和面临的挑战。文章首先介绍单体架构的局限性,然后详细阐述微服务架构的核心概念及其在现代软件开发中的应用。通过对比两种架构,指出微服务化转型的必要性和实施策略。最后,讨论了微服务架构实施过程中可能遇到的问题及解决方案。
|
Cloud Native Devops 云计算
云计算的未来:云原生架构与微服务的革命####
【10月更文挑战第21天】 随着企业数字化转型的加速,云原生技术正迅速成为IT行业的新宠。本文深入探讨了云原生架构的核心理念、关键技术如容器化和微服务的优势,以及如何通过这些技术实现高效、灵活且可扩展的现代应用开发。我们将揭示云原生如何重塑软件开发流程,提升业务敏捷性,并探索其对企业IT架构的深远影响。 ####
386 3
|
6月前
|
缓存 Cloud Native Java
Java 面试微服务架构与云原生技术实操内容及核心考点梳理 Java 面试
本内容涵盖Java面试核心技术实操,包括微服务架构(Spring Cloud Alibaba)、响应式编程(WebFlux)、容器化(Docker+K8s)、函数式编程、多级缓存、分库分表、链路追踪(Skywalking)等大厂高频考点,助你系统提升面试能力。
367 0