- 内容简介
- 译者序
- 前言
- 第 1 章 安装配置新项目
- 第 2 章 Flexbox 布局介绍
- 第 3 章 用 React Native 开发一个应用
- 第 4 章 在 React Native 中使用导航
- 第 5 章 动画和滑动菜单
- 第 6 章 用 React Native 绘制 Canvas
- 第 7 章 使用 React Native 播放音频
- 第 8 章 你的第一个自定义视图
- 第 9 章 Flux 介绍
- 第 10 章 处理复杂的应用程序状态
- 第 11 章 使用 Node 来实现服务端 API
- 第 12 章 在 React Native 中使用文件上传
- 第 13 章 理解 JavaScript Promise
- 第 14 章 fetch 简介
- 第 15 章 在 iOS 中使用 SQLite
- 第 16 章 集成 Google Admob
- 第 17 章 React Native 组件国际化
- 附录 A React.js 快速介绍
- 附录 B Objective-C Primer
- 附录 C webpack 入门
文章来源于网络收集而来,版权归原创者所有,如有侵权请及时联系!
让复杂的异步代码变得更加简单
现在,我们来写些具体的代码。假如我们要实现下面的一个流程:
1.一开始显示一个“加载中”的图标。
2.加载一篇小说 JSON 格式的数据,它包含了小说名称和每一章节的 URL 地址。
3.将小说名称添加到页面上。
4.加载每一章节的正文内容。
5.将小说的正文内容全部添加到页面上。
6.停止“加载中”的图标提示。
在整个过程中如果发生错误要及时通知用户,并停止图标的提示状态。不然的话,它会一直转来转去,让人眼花,从而影响到其他 UI 界面的展示效果。
当然,你也可以不用 JavaScript 来加载相关内容,而是直接输出 HTML,这样会让页面加载更快。但是,上面这个流程是非常典型的处理 API 请求的模式:加载多个数据,当全部加载完成后再处理其他业务逻辑。
首先,我们要解决加载远程数据的问题。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论