什么是离线应用程序?
为了让应用程序离线状态使用,就必须把所有构成应用程序的资源文件,html,css.js脚本文件等放在本地缓存中,当服务器区的资源文件没有和internet 建立连接时,也可以利用本地缓存中的资源文件来正常运行应用程序
为什么要开发离线应用程序呢?
因为web应用程序的缺点是如果用户没有连接internet,他就不能利用web应用程序,html5中本地缓存机制解决了这个问题,为离线web应用程序的开发提供了可能性
什么是本地缓存?
本地缓存和网页缓存有什么区别呢?
本地缓存为这个应用程序服务的,网页缓存只服务于单个网页,,人和网页都有网页缓存,而本地缓存只缓存那些你制定的缓存的网页!其次是网页缓存是不安全,不可靠的,不知道什么要缓存什么不缓存!而本地缓存是可靠的,可以用她控制那些事缓存的那些不需要缓存!
H5 一共有6种缓存机制?
浏览器缓存机制--http协议层支持 适合:静态文件的缓存
Dom Storgage(Web Storage)存储机制--较大储存空间,使用简单,临时,简单数据的缓存,cookie的扩展
Web SQL Database 存储机制 储存,管理复结构数据用indexedDBA t替代,不推荐使用
Application Cache(AppCache)机制方便构建离线app,使用app,静态文件缓存,
Indexed Database (IndexedDB)
File System API
什么是manifest文件呢?
webapp=html5+css3+js---
提供数据持久技术
Application Cache(AppCache)--本地缓存应用所需的文件
localstorage键值对c
htm5---中文网:
将一个rss新闻阅读应用改造为ios离线应用:
新闻阅读器的构架---
功能#实现页面无刷新切换
读取服务器的rss
将文章显示在主页上,
点击标题打开文章详情
返回主页
刷新新闻
mvc设计模式
c--控制器定义程序行为,将用户动作映射到模型更新视图
m---保存数据,封装数据操作,通知控制器数据更新
v--显示模型
接受用户的输入
将用户输入发给控制器
代码分析
改造方案
代码修改讲解