HTML5本地存储和离线缓存应用研究
2015-05-30 04:41董卫利
科技创新与应用 2015年34期
摘 要：HTML5是一代具有创新性、革命性的新型互联网编程语言，是当前网络上应用最为广泛的语言形式，同时也是形成网页文档的主要语言之一。近几年来，在互联网行业与领域得到了广泛的普及与发展。HTML的传统旧版本已经在十余年前形成并使用，然而面对现代Web的应用需求却存在不足。在基于现代Web现代需求的基础上，HTML5应运而生。文章主要针对HTML5本地存储与离线缓存应用进行探析。
关键词：HTML5；本地存储；离线缓存
1 HTML5特性
HTML5是互联网的新一代标准，同时也是构建与表现互联网内容的一种语言方式，其被认为是互联网的重要核心技术之一[1]。HTML自从1990年开始已经经过了二十余年的发展。1997年HTML4已成为了互联网的标准，并且普及应用到互联网的开发过程中，而HTML5是HTML的第五个版本，同时也是最新的版本。HTML5的广义概念为包括HTML、CSS以及JavaScript 的技术结合，其作用在于减少浏览器对于需要插件的丰富性网络应用服务，比如Adobe Flash、Microsoft Silverlight 与 Oracle JavaFX的需求，同时还可以给予更多的能够强化网络应用的标准集[2]。总体来说，HTML5增加了多样的语法特征，其中包括
2 HTML5本地存储与离线缓存的应用
2.1 HTML5本地存储应用
HTML5进行本地存储一共有以下规范标准，分别为Web Storage、Web SQL Database以及 IndexedDB。（1）Web Storage 存储。其为在cookie之外提供另外一种能够存储用户会话数据的方式，并且实现了存储量更大同时还能跨越访问的形式。在Web Storage中不单单给予开发人员更加便捷实用的接口，使得数据操作更加便捷，而且还提供了独立的存储空间，使得数据的存放变得更加有条理[3]。Web Storage包括session torage和 localStorage。其两者均为以“键值对”的形式来将数据进行存储。开发人员能够使用相关代码对其中的“键值对”进行设计，并且在下次加载页面时利用相关代码将其读取出来。（2）Web SQL Database的应用能够弥补Web Storage无法完善存储大数据问题的缺陷。Web SQL Database的核心方法分别为openDatabase、transaction 和executeSql，分别可以实现数据库的新建、打开、出来以及记录的相关处理。（3）IndexedDB。开发人员可以在域中建立多个 IndexedDB数据库实例，并且在每一个数据库实例中又可以存储多个对象。IndexedDB的API接口可以分为同步与异步版本，通常情况下均使用异步版本API[4]。
2.2 HTML5离线缓存应用
对于网页的应用来说离线功能的使用越来越重要。虽然部分浏览器客户端拥有缓存机制，但是该缓存机制的安全性与可靠性有待提升。在HTML5中的应用缓存能够有效改善离线所带来的问题，使用离线缓存接口，让网页应用能够实现支持离线浏览的功能。应用缓存可以让开发人员制定任意浏览器要缓存的文件资源以及能够供用户离线时访问。其与浏览器自身所具备的缓存机制不同，即便用户在离线的状态下进行刷新页面这一操作，应用缓存依然可以换正常的加载缓存与正常运行[5]。应用缓存中最重要的部分即为缓存资源清单文件——manifest。该文件是简易的文本文件，其中罗列了需要缓存的资源，浏览器能够根据这些清单将资源自动缓存在本地。该文件中一般包括Cache、Network、Fallback三个部分，这三个部分在manifest中的顺序可以任意排列，并且三个部分均可以多次出现。
3 结束语
从当前的发展形势来看HTML5将会成为未来Web开发的主流平台，其将会变得更加成熟更加丰富，带来更加多元化的网络应用。
参考文献
[1]张玉亮，杜克明，孙忠富.本地存储技术在农业远程监控系统中的集成应用[J].农业网络信息，2010（4）：13-16.
[2]许中博，董彬.利用HTML5的本地存储实现图书馆网站的个性化[J].科技资讯，2013（11）：253.
[3]胡晶.基于HTML5离线存储的产品演示系统的开发[J].洛阳师范学院学报，2014（11）：60-62+66.
[4]郑艳.Research and Application of HTML5Local Storage and Offline Caching Mechanisms[D].武汉理工大学，2014.
作者简介：董卫利（1983-），女，河南郑州人，本科，解放军信息工程大学，研究方向：软件工程。
