美文网首页产品经理产品设计@产品
常见的页面刷新方式有哪些?

常见的页面刷新方式有哪些?

作者: MrMr_zhu | 来源:发表于2017-10-27 14:27 被阅读47次

一、下拉刷新

1、什么是下拉刷新?

拖动页面往下,然后放开,页面数据会更新到最新;

2、为什么要做下拉刷新?

用户想要看到最新的数据;

3、什么时候比较适合做下拉刷新?

当我们的数据是实时更新时,需要有下拉刷新查看最新的数据。比如资讯类、数据类、社交类等软件。

[例如:微博的头条信息,就是下拉刷新;因为信息是随时随地都在更新的,用户有诉求要看到更多的新信息。]

二、上拉刷新

1、什么是上拉刷新?

拖动页面往上,然后放开,页面数据会更新到最新;

2、为什么要做上拉刷新?

因为数据量太大的情况下,我们一般会对数据进行分页处理或者预加载多少条,想要加载更多这个时候就会用到上拉刷新了。

上拉刷新的需求是:用户想要看到最新的数据;

3、什么时候比较适合做上拉刷新?

当我们的数据量比较大,全部加载会造成服务压力大或者网络条件要求高的情况下。比如电商、社交圈子等软件。

[例如:淘宝的商品列表页,当你想要看到更多商品时就需要下拉刷新了]

三、点击页面按钮刷新

1、什么是点击按钮刷新?

点击页面上的刷新按钮,页面数据会进行重新加载;

2、为什么要做点击按钮?

一般来说我们会做这样一个按钮是因为数据加载出现问题或者网络不畅等异常情况,需要重新请求数据的情况。

[例如:闲鱼APP,当网络断开或数据加载时候的情况就会采用这种刷新方式]

当我们的页面是全局加载的情况时,这会用的比较多;如果我们做的是局部加载,一般来说我们会使用下拉刷新的方式,因为我们并不希望用户什么都看不到的情况下等待刷新。

四、系统自动刷新

1、什么是系统自动刷新?

系统会定时进行数据更新;

2、为什么要做系统自动刷新?

目的是避免用户看不到最新信息,或者重复看到已浏览的信息。

做法一般是如下两种1、根据一定的算法展示最新的内容 ;2、将最新信息自动更新客户即将看到的信息列表中。

[比如:映客直播APP,会根据当前的热度自动刷新首页直播信息】

相关文章

  • 常见的页面刷新方式有哪些?

    一、下拉刷新 1、什么是下拉刷新? 拖动页面往下,然后放开,页面数据会更新到最新; 2、为什么要做下拉刷新? 用户...

  • 「React Native」用代码刷新ReactNative页面

    问题描述 当我们需要刷新页面时,通常使用的时setState({...})来刷新页面 但这个刷新方式有局限性 比如...

  • Flutter&Bedrock框架——页面的局部刷新介绍

    常见的Widget刷新 一般在flutter中刷新widget,最常用的是通过方法 举个栗子,有页面如下 伪-代码...

  • node.js form文件上传

    1. 传统上传方式 注意:以上方式会导致整个页面刷新,不刷新整个页面需要使用ajax局部刷新技术。 2. ajax...

  • AJAX、CORS

    课堂笔记 有哪些标签可以用于发送请求,它们各有哪些特点? 可以用任意方法提交请求,但提交请求后会刷新页面或新开页面...

  • 【Vue】Vue实现无痕刷新

    一、什么是无痕刷新 在不刷新浏览器的情况下,实现页面的刷新。传统的刷新页面方式window.location.re...

  • 页面布局的方式有哪些?

    方式:双飞翼、多栏、弹性、流式、瀑布流、响应式布局 (1)、双飞翼布局 经典三列布局,也叫做圣杯布局【Holy G...

  • AJAX

    发请求的方式 ,但是会刷新页面或者新开页面 ,可以发送get请求,也会刷新页面或者新开页面 ,可以发送get请求,...

  • 常见的加密方式有哪些?

    还是觉得有必要单独拿出来说一下: 第一种是最直接的方式:发链接的关键部分 其实无论是百度网盘链接(例如: http...

  • Flask框架(六)URL及HTTP基础知识

    网站开发基础知识补充 什么是URL 常见的网络协议有哪些 常见的HTTP请求方式有哪些 GET请求与POST请求有...

网友评论

    本文标题:常见的页面刷新方式有哪些?

    本文链接:https://www.haomeiwen.com/subject/npgrpxtx.html