下拉加载的应用十分广泛，一个优良的刷新动画可以使加载过程传递出情浸染、人道化和品牌化。

• 定义： 页面下拉，出现加载动画，释放后对页面进行从新加载。
• 场景： 实用于界面信息会经常更新或变革的情况。（这个场景应当任何应用都有吧。）
• 感化： 已成为用户习惯的加载方法，便应用户刷新当前页面，获取新数据。
• 缺点： 非首屏，无法进行该手势操作。
• 表示情势： 如下图所示，是下拉加载的各类表示情势。当然，一个相符品牌调性的趣味性加载动画更能吸引用户，但一个通俗的加载过程可能是产品欲望用户加倍专注于内容本身。

3.2.分步加载

5.智能加载

• 定义： 推敲收集情况、用户流量成本，选择合适的方法却竽暌箍现图片、视频、音乐等高流量消费的资本。例如以下的处理方法：

在WIFI情况下：优先加载高质量的图片、视频、音乐等。

在4G情况下：提示是否终止下载行动或主动停止下载行动，优先加载通俗甚至停止加载图片、视频、音乐等，并提示用户当前收集情况可能消费大年夜量流量。

在弱网情况下：默认加载低质量甚至停止加载图片、视频、音乐等，并提示用户当前收集情况异常。

• 场景： 实用于有大年夜量图片或视频的应用，如消息资讯类应用、视频类、直播类的应用。
• 感化： 根据场景来控制流量消费，赞助用户避免出现流量非自愿损耗的情况。
• 缺点： 不必定能精确地知足用户的需求。（土豪不会推敲流量身分。）
• 表示情势： 如下图所示，需检测用户当前设备的收集情况。非WIFI情况下进入直播间，提示用户当前收集情况不雅看直播会消费大年夜量流量；查看今日头条消息，非WIFI情况下，文┞仿内的图片默认显示缩略图，用户可选择性地显示大年夜图，避免流量消费过多，WIFI情况下直接显示大年夜图，以包管体验更佳。

6.缓存加载

• 定义： 应用大年夜本地数据库获取已缓存的数据，以至在无网/弱网的情况下，用户仍可查看一些内容或应用一些功能。
• 场景： 实用于消息资讯、小说、视频等内容列表及已查看的内容详情的缓存及相干的功能离线操作，即时通信消息的缓存及相干功能的离线操作。（同时也要推敲流量身分，WIFI情况下和4G情况下缓存处理应差别处理。）
• 感化： 进步应用的加载效力，在无网/弱网情况下，仍可查看一些内容或应用某些功能，应用内容列表不至于空白；针对用户可能二次查看的即时内容，缓存处理可以削减流量损耗。
• 缺点： 应用的缓存需推敲容量限制和清理时光，不然缓存量越来越大年夜，会导致手机不堪重负，运行迟缓。
• 表示情势： 如下图所示，今日头条缓存了资讯列表及咨询内容的文本及框架，便于用户无收集时查看（如在地铁上），体验远远好于内容空白；优酷视频袈溱离线状况下缓存了内容展示页的文字及框架（封面图较多，占得缓存比较大年夜）；微信同伙圈支撑离线
   3/3   首页 上一页 1 2 3
  
  

  　　推荐阅读

  　　数据库写操作弃用“SELECT … FOR UPDATE”解决方案

  膳绫擎的解决办法只是一些workaround，今朝情况下最最终的解决办法是应用lock-free的办法来对数据库进行操作，也就是无锁的方法，这就 须要对代码进行修改，如今Nova，Neutron，Gnocchi等项目已经对其进行了修改。>>>详细阅读

  
  

  本文标题：[交互基础］系列之移动端页面加载详解

  地址：http://www.17bianji.com/lsqh/37270.html

   1/2    1