APP 架构设计经验

数据列表

加载状态,建议使用 Symbol

const LoadStatus = {
  loading = Symbol('loading'),
  loaded = Symbol('loaded'),
  loadedAll = Symbol('loadedAll'),
  hasError = Symbol('hasError')
}

数据数组处理

  1. 数组初始值为 null
  2. 初次加载时,往数组尾部追加;
  3. 加载更多时,往数组尾部追加;
  4. 下拉刷新,往数组前部追加。

可以创建加载列表的方法,使用 flag 标识 往前 还是 往后 追加数据。

request 库封装:

  1. 是否需要登录;
  2. 是否显示加载动画,以及文字提示(默认机制);
  3. 超时处理;
  4. 重试机制,包括 401重试请求失败 重试;
  5. 仅在正常数据请求进入 reslove,请求发起失败或者响应错误进入 reject

数据缓存

待更新