原创力文档- 1、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。。
- 2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
- 4、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
- 5、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传，每下载1次， 网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
APP7天快速开发的教程4—APP开发图片缓存原理
第四天：掌握使用JS模版来实现列表数据，推荐使用doT模版；了解下拉刷新和上拉加载的实现原理及相关API的使用，实现下拉刷新、上拉加载更多功能；了解APICloud图片缓存原理及相关API的使用，对APP中网络图片实现本地缓存；了解APICloud平台提供的本地数据能力，理解APICloud应用沙箱结构，了解应用资源访问协议，掌握相关API的使用 第四天课程源码
http://7/apicloud/dcf300598ee3df5f3076faa74f384e22.zip) 教程更新：
Github地址
/apicloudcom/APICloud-7Days-Online-Training-Tutorials/blob/master/Day4.md 学习目标
使用doT模版函数实现列表数据 下拉刷新，上拉加载 图片缓存 数据更新后的点击事件优化 主要内容 1.?使用JS模版展示列表数据 ????1.1 JS模版原理 ????1.2 doT模版使用 ????1.3 使用doT版本实现列表数据展示 2.????现下拉刷新 ????2.1 下拉刷新实现机制 ????2.2 相关API使用 ????2.3 实现下拉刷新功能 3.?实现上拉加载 ????3.1 上拉加载实现机制 ????3.2 相关API使用 ????3.3 实现上拉加载功能 ???? 4.?实现图片缓存 ????4.1 图片缓存机制 ????4.2 相关API使用 ????4.3 实现图片缓存功能 ???? 5.?本地数据存储 ????5.1 APICloud平台提供的本地数据存储能力 ????5.2 数据存储相关API使用 ????5.3 实现数据存储功能 6.?应用沙箱结构 ???? ????6.1 默认的沙箱位置 ????6.2 修改Android默认沙箱位置 7.?资源访问协议 ????7.1 资源存放的位置 ????7.2 资源访问协议 ????7.3 资源访问相关API属性 ???? 1. 使用JS模版展示列表数据 1.1 JS模版原理 在JS代码中写标签 1.2 doT模版使用 doT使用文档：/apicloudcom/apicloud-js-module 1.3 使用doT版本实现列表数据展
2. 实现下拉刷新 2.1 下拉刷新实现机制 2.2 相关API使用 2.2.1 默认下拉刷新 api.setRefreshHeaderInfo()：/Client-API/api#46 api.refreshHeaderLoading()：/Client-API/api#87 api.refreshHeaderLoadDone：/Client-API/api#37 2.2.2 自定义下了刷新 api.setCustomRefreshHeaderInfo()：/Client-API/api#94 UIPullRefresh模块：/Client-API/UI-Layout/UIPullRefresh UIPullRefreshDrop模块：/Client-API/UI-Layout/UIPullRefreshDrop UIPullRefreshFlash模块：/Client-API/UI-Layout/UIPullRefreshFlash UIPullRefreshMotive模块：/Client-API/UI-Layout/UIPullRefreshMotive 2.3 实现下拉刷新功能 3. 实现加载更多 3.1 上拉加载实现机制 3.2 相关API使用 监听scrolltobottom事件 3.3 实现上拉加载功能 tapmode处理 4. 实现图片缓存 4.1 图片缓存机制 4.2 相关API使用 图片缓存：api.imageCache()：/Client-API/api#78 4.3 实现图片缓存功能 5. 本地数据存储 5.1 APICloud平台提供的本地数据存储能力 5.1.1 localStorage 在平台内部扩展实现，不再受Webkit默认存储容量限制 实现跨窗口同步存取机制 支持JSON对象存取操作 5.1.2 偏好设置 封装了系统偏好设置相关接口，应用内全局有效 5.1.3 文件 封装了标准的文件操作相关接口 支持同步方式接口调用 5.1.4 数据库 封装了标准的数据库操作相关接口 支持同步方式接口调用 5.2 数据存储相关API使用 5.2.1 localStorage $api.setStorage()：/Front-end-Framework/framework-dev-guide#37 $api.getStorage()：/Front-end-
文档评论（0）