APP7天快速开发教程4APP开发图片缓存原理.docxVIP

第四天：掌握使用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-module1.3 使用doT版本实现列表数据展2. 实现下拉刷新2.1 下拉刷新实现机制2.2 相关API使用2.2.1 默认下拉刷新api.setRefreshHeaderInfo()：/Client-API/api#46api.refreshHeaderLoading()：/Client-API/api#87api.refreshHeaderLoadDone：/Client-API/api#372.2.2 自定义下了刷新api.setCustomRefreshHeaderInfo()：/Client-API/api#94UIPullRefresh模块：/Client-API/UI-Layout/UIPullRefreshUIPullRefreshDrop模块：/Client-API/UI-Layout/UIPullRefreshDropUIPullRefreshFlash模块：/Client-API/UI-Layout/UIPullRefreshFlashUIPullRefreshMotive模块：/Client-API/UI-Layout/UIPullRefreshMotive2.3 实现下拉刷新功能3. 实现加载更多3.1 上拉加载实现机制3.2 相关API使用监听scrolltobottom事件3.3 实现上拉加载功能tapmode处理4. 实现图片缓存4.1 图片缓存机制4.2 相关API使用图片缓存：api.imageCache()：/Client-API/api#784.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-Framework/framework-dev-guide#38$api.rmStorage()：/Front-end-Framework/framework-dev-guide#39$api.clearStorage()：/Front-end-Framework/framew