带你读《2022技术人的百宝黑皮书》——淘宝购物车5年技术升级与沉淀(17)

简介: 带你读《2022技术人的百宝黑皮书》——淘宝购物车5年技术升级与沉淀(17)

带你读《2022技术人的百宝黑皮书》——淘宝购物车5年技术升级与沉淀(16)https://developer.aliyun.com/article/1340549?groupCode=taobaotech


image.png最终的技术方案

最终结合项目具体诉求我们选择客户端筛选的方式,方案时序如下图所示:

image.png

 

客户端筛选的本质,实际上从客户端的角度来看,是根据各个组件的筛选标以及当前筛选页对组件进行显示/隐藏,    实现最终的商品筛选。例如当前购物车主要组件如下:

image.png

 

 

 

那么对于各个筛选页面来说,各筛选态的结构如下:

 

image.png

 

 

结合购物车分页渲染商品列表的场景,使用客户端筛选方案,实现分页场景下勾选态保留的购物车筛选能力,在独立购物车、筛选入口方式、筛选项策略维度均具备扩展性;并支撑大促凑单筛选、预售筛选、多Tab等业务上线;

 

image.png

 

 

 

带你读《2022技术人的百宝黑皮书》——淘宝购物车5年技术升级与沉淀(18)https://developer.aliyun.com/article/1340547?groupCode=taobaotech

相关文章
|
存储 算法 数据挖掘
带你读《2022技术人的百宝黑皮书》——淘宝购物车5年技术升级与沉淀(3)
带你读《2022技术人的百宝黑皮书》——淘宝购物车5年技术升级与沉淀(3)
|
双11
带你读《2022技术人的百宝黑皮书》——淘宝购物车5年技术升级与沉淀(8)
带你读《2022技术人的百宝黑皮书》——淘宝购物车5年技术升级与沉淀(8)
|
存储
带你读《2022技术人的百宝黑皮书》——淘宝购物车5年技术升级与沉淀(2)
带你读《2022技术人的百宝黑皮书》——淘宝购物车5年技术升级与沉淀(2)
|
存储 算法 UED
带你读《2022技术人的百宝黑皮书》——淘宝购物车5年技术升级与沉淀(1)
带你读《2022技术人的百宝黑皮书》——淘宝购物车5年技术升级与沉淀(1)
|
测试技术 双11 UED
带你读《2022技术人的百宝黑皮书》——淘宝购物车5年技术升级与沉淀(16)
带你读《2022技术人的百宝黑皮书》——淘宝购物车5年技术升级与沉淀(16)
带你读《2022技术人的百宝黑皮书》——淘宝购物车5年技术升级与沉淀(13)
带你读《2022技术人的百宝黑皮书》——淘宝购物车5年技术升级与沉淀(13)
103 0
|
移动开发 weex UED
带你读《2022技术人的百宝黑皮书》——淘宝购物车5年技术升级与沉淀(10)
带你读《2022技术人的百宝黑皮书》——淘宝购物车5年技术升级与沉淀(10)
|
存储 算法
带你读《2022技术人的百宝黑皮书》——淘宝购物车5年技术升级与沉淀(18)
带你读《2022技术人的百宝黑皮书》——淘宝购物车5年技术升级与沉淀(18)
带你读《2022技术人的百宝黑皮书》——淘宝购物车5年技术升级与沉淀(12)
带你读《2022技术人的百宝黑皮书》——淘宝购物车5年技术升级与沉淀(12)
带你读《2022技术人的百宝黑皮书》——淘宝购物车5年技术升级与沉淀(14)
带你读《2022技术人的百宝黑皮书》——淘宝购物车5年技术升级与沉淀(14)