维美家

电子商务 B2B 案例ID:199051
沈小川
1 年经验· 武汉中科创达软件有限公司
微信扫码沟通,客服可协助直接对接工程师;如当前档期不合,也可继续推荐相似案例作者。

案例介绍

首页:获取数据然后通过指定进行列表渲染

分类:上下结构,上面是搜索框,下面左侧是商品导航,右侧是商品列表,使用楼层效果,点击左侧的商品导航右侧商品列表
自动浮动窗口顶部,滚动右侧滚动条,左侧对应的商品导航高亮显示(使用keep-alive对分类页面进行缓存)
keep-alive缓存不需要销毁的页面

商品详情页面:商品下拉刷新,定义一个空数组,每次将请求的数据拼接到数组中,下拉刷新事件,获取当前页面中的最后一个标签,判断该标签到窗口顶部的距离(getBoudingClientRect().top),与窗口的可见高度,当小于窗口的可见高度时,获取数据,渲染页面
定义节流阀,阀值为bool值,请求数据前,阀值为true,可以发送请求,发送请求时,阀值为false,不能发送请求,请求数据成功后,阀值为true,可以发送新的请求

维美家

电子商务 · B2B 案例ID:199051
联系该工程师
微信扫码,建群沟通
作者: 沈小川 - 1年经验- 武汉中科创达软件有限公司

案例介绍

首页:获取数据然后通过指定进行列表渲染

分类:上下结构,上面是搜索框,下面左侧是商品导航,右侧是商品列表,使用楼层效果,点击左侧的商品导航右侧商品列表
自动浮动窗口顶部,滚动右侧滚动条,左侧对应的商品导航高亮显示(使用keep-alive对分类页面进行缓存)
keep-alive缓存不需要销毁的页面

商品详情页面:商品下拉刷新,定义一个空数组,每次将请求的数据拼接到数组中,下拉刷新事件,获取当前页面中的最后一个标签,判断该标签到窗口顶部的距离(getBoudingClientRect().top),与窗口的可见高度,当小于窗口的可见高度时,获取数据,渲染页面
定义节流阀,阀值为bool值,请求数据前,阀值为true,可以发送请求,发送请求时,阀值为false,不能发送请求,请求数据成功后,阀值为true,可以发送新的请求

相似案例推荐

发布任务

企业点击发布任务,工程师会在任务下报名,招聘专员也会在 1 小时内与您联系确认。

1小时精推人才

需求方专属客服,免费梳理匹配

需求方客服微信二维码
扫码加微信 · 客服人工对接
更多案例 联系该工程师
微信沟通 客服 看中这位工程师了?客服帮你 1 小时对接沟通 → ×