离线应用：HTML5的新功能
给你说个新鲜东西，HTML5这个新科技可不只是好看而已，它还给我们用户带来很多方便，比如离线应用这个功能就挺实用的。就算你在没网的时候，也能照常使用web应用。所以，对于我们这种经常奔波或网络不稳的人来说，简直太好了！HTML5的离线功能其实就是把需要的数据在没网的时候缓存下来，这样即使没网也能用到它们。具体来讲，它包括三部分内容：离线资源缓存、在线状态监测和本地数据存储。跟以前的web应用比起来，现在的离线版又多了个描述文件，叫.appcache文件，它会帮你列出来哪些是你要下载到本地并永不下载的资源。这个文件有个特别的 mime-type类型，叫做”text/cache-manifest”，简单明了地告诉我们哪样东西要缓存。
推出一款应用的离线模式其实很简单，只需要把HTML文件跟manifest描述文链接起来就搞定！正是因为这种方便，才让更多的开发者喜欢用HTML5的离线功能，给大家带来更棒的使用感受。
介绍一下，LocalStorage和SessionStorage是两种常用的本地数据存储方式。
HTML5这次牛大了！它新增了离线功能，而且还有两个厉害角色——LocalStorage和SessionStorage。这个可是拯救cookie的神器！LocalStorage能给每个站点分配5MB大空间，这数量真够意思。而且它在用户不清理的情况下，会一直帮你保存数据。而另一位队员SessionStorage，它只管在当前网页里玩儿命干活（因为只在页面存在期间有效），等页面消失了，所有数据也就跟着灰飞烟灭。
用LocalStorage和SessionStorage，用户就可以把喜欢的数据留在电脑里，不再每次都去麻烦服务器了，这样不仅能帮服务器省点儿事，还能让网页加载更快！这特别适合那些经常要看资料或者希望数据安全的小伙伴们。
IndexedDB：强大的客户端数据库
说起来，HTML5新添了IndexedDB这个好用的客户端数据库系统！你知道吗？IndexedDB是种高效、有用的数据库，可在浏览器里处理大量数据，效率比普通Cookie或LocalStorage更高！有了它，程序员们就能更轻易地应对大数据处理和高性能需求！
CACHE MANIFEST #cache 之后的资源都会被缓存 CACHE: main.html style.css main.js #network 之后的资源不会被缓存，总是从线上获取 NETWORK: account/
用上IndexedDB这个工具，你就能做个像关系型数据库那样的东西，有很多键值对，还有索引查找和事务管理这些功能。这样你就可以更好地管理客户端数据，让用户感受到更流畅、更快的使用体验！
Web SQL：基于SQL语法的数据库
还有个牛逼的客户端数据库技术就是Web SQL。和普通我们常用的关系型数据库差不多，Web SQL也有自己的那种表结构跟查询语句的特点，用熟了SQL的你，只要学会运用Web SQL，就能搞定客户端上的数据管理了，当然喽，在有些状况下它还是挺好用的！
虽然之前大家都很喜欢用Web SQL，但是现在，它已经不被赞成做为标准了，被IndexedDB取代了。不过，有些老旧的浏览器还是可以兼容这个功能，特定情况下说不定还能用得上。
File API：操作本地文件
它除了能让你玩转各种各样的数据库技术之外，HTML5还有个厉害的东西：File API。这就像给网页的小脚丫添了个神奇的轮滑鞋，网页脚本能自己读取文件内容、编辑文件元数据甚至传文件上去等等。有了这个 File API，开发者们就能直接做出预览图片、编辑文档这样的网页功能，再也不需要借助那些高大上的插件或工具！
File API就是个连接器，能把网页和我们电脑上的文件系统连起来，这样网页就能方便快捷地操作用户上传下载的文件，还能提升用户交流感！
Web Storage API：统一管理本地数据
HTML5技术越来越牛，大家都来关心它的一个重要组件Web Storage API！Web Storage API这个东西就是一个统一接口来搞定不同的本地存储方式，比如LocalStorage, SessionStorage之类的，让你开发起来更轻松愉快！
Web Storage API让你能随心所欲地挑选适合的本地存储方法，而且用同一个接口就能搞定储存和调用。这个设计理念就是“约定胜过配置”，给咱们程序员带来更高效率和简单易用的感觉！
用App Cache API，轻松搞定网页应用的缓存
最后来聊聊这个API，叫做Application Cache API，它被用来帮我们管理整个网页应用程序的缓存。这东西能让我们决定哪些东西要缓存，怎么去更新它们。有了这个API，网页应用就能脱网跑得更欢，让每个用户都能用到最新的东西。
总的来说，HTML5里的离线功能和储存技术有好多东西！有人觉得不知道咋选？其实不用担心，只要看看自己需要什么就挑哪个呗，这样还能让你的用户体验更棒，应用也跑得更快。
评论0