Web应用中的客户端缓存技术研究

摘要

在互联网蓬勃发展和Web技术不断革新的背景下，Web应用从功能较为单一的内容提供者逐步演变为内容丰富、功能强大、业务处理复杂的应用服务系统，这一过程中对Web应用的性能要求越来越高。合理设计缓存可以提高数据利用率和检索效率，是提升服务器系统可扩展性和响应及时性的有效途径之一。客户端硬件性能的飞速提升和缓存技术的新发展为开发人员设计和利用客户端存储能力进行数据缓存提供了较为成熟的应用条件。
　　本文主要在客户端缓存机制的研究基础上，阐述不同缓存机制的适用场景与各自的优缺点。继而着重研究HTML5标准中客户端存储技术的新发展及HTML5存储的特点，提出一套Web应用在客户端数据缓存的通用准则和基于HTML5存储的客户端缓存新方案，并探讨了该方案下新的Web应用工作原理。在新方案中对集成页面模式做了适当改进，增强其对动态数据的适用性，实现页面动态数据与页面静态模板的分离，设计方便客户端存取的数据结构，将两部分分别在客户端进行缓存并由通用集成器在客户端完成页面的集成。最后将这一方案在具体案例应用中实施和加以验证。
　　新方案的实施一方面可以避免重复请求和网络带宽浪费，降低网络延迟，提升客户端体验。另一方面可以减少服务器的重复计算，提高服务器的吞吐率，优化服务器端性能表现。

目录

声明

摘要

1 引言

1．1 研究背景及意义

1．2 国内外研究现状

1．2．1 关于客户端缓存机制的研究

1．2．2 关于Web动态内容缓存的研究

1．3 本文主要研究内容

1．4 本文组织结构

2 相关技术

2．1 Web缓存技术

2．1．1 缓存定义和其原理

2．1．2 缓存分类

2．1．3 服务器缓存与客户端缓存对比

2．2 客户端缓存技术

2．2．1 浏览器缓存方案

2．2．2 第三方插件缓存方案

2．2．3 HTML5存储新发展

2．2．4 客户端与服务器通信机制研究

2．3 Web应用客户端技术

2．3．1 Web应用概述

2．3．2 Ajax相关技术

2．4 本章小结

3 Web应用客户端缓存方案研究

3．1 HTML5客户端存储机制研究

3．1．1 Web Storage

3．1．2 Indexed Database

3．1．3 Application Cache

3．1．4 存储机制对比与应用场景分析

3．2 Web应用客户端数据缓存准则

3．3 基于HTML5的Web应用客户端缓存方案

3．3．1 客户端缓存方案

3．3．2 新方案可行性分析

3．3．3 新方案下Web应用工作原理

3．3．4 新方案的优势与实施挑战

3．4 本章小结

4 面向客户端缓存的Web应用框架

4．1 Web应用结构框架设计

4．2 详细设计与实现

4．2．1 数据缓存模块

4．2．2 资源缓存模块

4．2．3 页面集成模块

4．2．4 网络检测模块

4．2．5 请求与同步模块

4．2．6 服务器端操作模块

4．3 本章小结

5 应用与效果评估

5．1 案例应用简介与实现

5．2 客户端缓存方案核心函数

5．3 测试环境

5．4 测试内容

5．4．1 页面模板

5．4．2 功能测试

5．5 效果评估

5．6 本章小结

6 总结

6．1 本文工作总结

6．2 未来工作展望

致谢

参考文献