For investors
股价:
5.36 美元 %For investors
股价:
5.36 美元 %认真做教育 专心促就业
我们在前几期的文章中曾经给大家详细介绍了在不同的网页和软件开发中都有哪些加载方式,比如说预加载、分屏加载等等。今天,我们就一起来通过案例分析来了解一下,关于网页加载的实现表现形式,以及在进行产品设计的过程中都有哪些问题会产生。下面,请看今天的主要内容。
“加载”的技术实现方式
从发起一个“展示页面”数据请求,到“展示页面”,这其中的加载方式有哪些呢?下面为大家介绍3种比较常见的加载方式。
整体加载
统一加载完成统一显示。这是最基本的方式,不再累叙。
懒加载
首先加载框架,然后填充内容。模式为“白屏–页面框架展现—页面展现”。很多app首页都是使用的这种实现方式。比如,一个电商app的首页,有“广告图楼层”“秒杀楼层”“女装楼层”“男装楼层”“猜你喜欢楼层”,每一个楼层都有好多的图片。所以整体加载完的时间会很长,十分影响体验。懒加载会先将框架画出,然后再加载图片。这就好像进入一个餐馆,会先给你你一个菜单,几个小菜。然后一段时间之后,再上全部的菜品一样
自动加载
自动加载,一般采用分页加载的方式。一般应用在我们信息流中。比如搜索结果页,也就是我们经常看到的列表视图。当我们“将要滑到”页面底部时,页面自动请求数据,为你加载出下一页。所以一般你在浏览下图这种列表时,感觉非常流畅。因为页面进行了自动加载。
那么这个“将要滑到”是如何实现呢?一般都是通过对当前页面的浏览状态的监听实现的。比如监听到当前页面还有已经滑到70%,就定义为需要再去请求接口。
“加载”的产品处理逻辑难题1——启动时
谈到启动时“加载”大家一般想到的是app,或者最近流行的小程序启动。
但是对于H5页呢?什么叫做启动呢?比如,一个用户扫描二维码之后,进入一个H5页,在等待H5页的过程中,我觉得其实也相当于启动。
“加载”的产品处理逻辑难题2——用户操作反馈
用户进入页面之后,大部分“加载”都来源于用户的操作。这时候的“加载”不仅仅是一个过渡期,同时也是用户操作的即时反馈。
好了,关于网页加载和app预加载的一些知识我们就介绍到这里了,下期我们一起来学习一下关于这些问题是如何来解决的。希望今天的文章会对大家有所帮助,我们下期再见。