带你读《2022技术人的百宝黑皮书》——打造淘宝极简包的轻量化框架(4)

简介: 带你读《2022技术人的百宝黑皮书》——打造淘宝极简包的轻量化框架(4)

带你读《2022技术人的百宝黑皮书》——打造淘宝极简包的轻量化框架(3)https://developer.aliyun.com/article/1340480?groupCode=taobaotech


统一api层

 

极简包基础框架中做了一套统一基础实现。集成常用的工具类,对功能的使用也做了封装。

image.png

基础实现包类展示

 

 

每个包的划分使职责明确。使用方可以直接用里面的各种方法。也可以自己自定义需要的功能,或者实现接口扩展想要的能力。

 

 

极简外围容器

 

容器外围承接了业务的基础功能,保证正常的H5流程及安全相关的支持。同时也可以自定义实现业务方自己的扩展。

 

image.png拦截导航

路由拦截导航主要分为两个部分:替换器(Replace)和拦截器(Filter)。拦截器主要负责拦截并且做一些安全性的校验以及处理;替换器主要处理业务上通用的功能,方便调试测试的功能等等。

 

image.png多WebView方案

为提升用户体验,极简包采用多WebView方案,对h5页面的前进、后退进行了优化,即在前进时打开一个新 WebView进行页面加载,回退时可以立刻隐藏WebView实现秒退。

image.png

多WebView设计

带你读《2022技术人的百宝黑皮书》——打造淘宝极简包的轻量化框架(5)https://developer.aliyun.com/article/1340477?groupCode=taobaotech 

相关文章
|
Android开发 开发者
Android UI设计: 请解释Activity的Theme是什么,如何更改应用程序的主题?
Android UI设计: 请解释Activity的Theme是什么,如何更改应用程序的主题?
567 1
|
数据采集 监控 安全
带你读《2022技术人的百宝黑皮书》——打造淘宝极简包的轻量化框架(3)
带你读《2022技术人的百宝黑皮书》——打造淘宝极简包的轻量化框架(3)
251 0
|
移动开发 开发工具 容器
带你读《2022技术人的百宝黑皮书》——打造淘宝极简包的轻量化框架(2)
带你读《2022技术人的百宝黑皮书》——打造淘宝极简包的轻量化框架(2)
305 0
|
存储 缓存 移动开发
别催更啦!手淘全链路性能优化下篇--容器极速之路
历时1年,上百万行代码!首次揭秘手淘全链路性能优化(上)我们重点介绍了手淘在性能优化中的一些实践和思路,主要集中在原生的代码的优化,这次,我们将继续分享在手淘容器化页面如 H5 及 Weex 相关的优化实践。
别催更啦!手淘全链路性能优化下篇--容器极速之路
|
移动开发 前端开发 IDE
手淘双11最新实践:PopLayer弹层领域研发模式升级
近年来,各大APP内的弹层需求逐渐增多,以手机淘宝为例,日常的弹层上线频率为单端每月50次左右,而在大促期间可以达到240次以上。在手淘内,各类弹层业务都会通过PopLayer中间件的能力进行投放。但业务往往会遇到开发弹层难、慢、稳定性差的种种困难。对比于往年业务研发成本较高的现状,PopLayer在今年提出了【低研发搭投模式】来解决这类问题,形成一套快速搭建+可视化+多端多场景通用的解决方案,在日常与大促期间得到了广泛应用:
|
移动开发 缓存 前端开发
带你读《2022技术人的百宝黑皮书》——打造淘宝极简包的轻量化框架(1)
带你读《2022技术人的百宝黑皮书》——打造淘宝极简包的轻量化框架(1)
291 0
|
传感器 运维 网络协议
面向 IPv6 的淘宝 App 网络技术与体验升级
面向 IPv6 的淘宝 App 网络技术与体验升级
8368 0
|
搜索推荐 定位技术 UED
淘宝用户体验分析方法论(上)
淘宝用户体验分析方法论(上)
2876 0
|
自然语言处理 数据挖掘 数据建模
淘宝用户体验分析方法论(下)
淘宝用户体验分析方法论(下)
1165 0
|
安全
带你读《2022技术人的百宝黑皮书》——打造淘宝极简包的轻量化框架(5)
带你读《2022技术人的百宝黑皮书》——打造淘宝极简包的轻量化框架(5)
287 0