阅读此文需要5分钟

美美：哈哈～好开心，经过夜以继日的加班，APP项目终于做完了，终于可以把设计稿甩给开发哥哥，好好休息休息。

老刘：来，让我看看你的设计稿，

…

美美，你的开发哥哥看到你的设计稿会被你气的原地爆炸，天天跑来问你要页面。

美美：为什么？我都按照功能把页面做完了呀，风格排版都通过了，还缺少什么呢？

老刘：美美啊！让我好好给你说道说道被你遗忘的“缺省页”这件事！

缺省页，顾名思义是页面没有数据或者网络不良，网络中断的时候，我们给用户提供的反馈，目的是缓解用户不安的情绪或者指引用户下一步该干什么？

缺省页包含：

1，当网络不良，页面没有加载出来的时候；

2，当前页面没有状态的时候；

3，当信号中断，完全没有网络的时候；

4，当服务器发生错误返回404页面的时候；

接下来且听我一一给你剖析

01

当网络不良，页面没有加载出来

网络不良并不是没有网络，这点你要搞清楚，此时你的页面可能会出现以下3类情况：

①页面局部功能未加载出来，如下图

②页面图片/图标未加载出来，如下图

③页面全部没有加载出来，如下图

02

当前页面没有状态的时候

该状态指的是我们没有对页面进行操作，没有数据可以展示，此时会出现以下2类情况：

①直观展示无数据的结果，没有进一步的指引，如下图

②简单粗暴的诱导用户接下来该如何操作，如下图

03

当信号中断，完全没有网络的时候

该状态指的是当网络完全中断展示，此时会出现以下2类情况：

①以页面的形式展示，如下图

②以弹框的形式展示，如下图

04

当服务器发生错误返回404页面的时候

该状态指的是当服务器发生错误，返回的展示，如下图：

好啦，关于缺省页这件事介绍完毕~

仔细想想缺省页的类型，你平时一定会经常见，只不过运用到实际项目中的时候就抛之脑后。

老刘：美美啊！明白了吗？

他往往是最容易被忽略的部分，但往往也是考验你是否细致的部分，他能更好的打通你与开发哥哥之间的沟通效率，俗话说的好，用别人喜欢的方式去影响他，降低你的沟通成本，如果天天盯着自己的稳定性，希望别人来替你做这些事情，那你的未来永远离你很遥远（略带装13）。

好啦，分享结束，以上观点仅代表个人立场，你有什么想法欢迎进一步交流哦~