今天主要学习了一下知识点:
HTML本地存储
HTML本地存储:优于cookies
什么是HTML本地存储?
通过本地存储,web应用程序能够在用户浏览器中对数据进行本地的存储。
在HTML5之前,应用程序数据只能存储在cookie中,包括每个服务器请求。本地存储则更安全,并且可在不影响网站性能的前
提下将大量数据存储于本地。
与cookie不同,存储限制要大得多,并且信息不会被传输到服务器。
本地存储经由起源地。所有页面,从起源地,能够存储和访问相同的数据
浏览器支持
表格中的数组指示了完全支持本地存储的首个浏览器版本
HTML本地存储对象
HTML本地存储提供了两个在客户端存储数据的对象:
window.localStrorage-存储没有截止日期的数据
window.sessionStorage-针对一个session来存储数据
localStorage对象
localStorage对向存储的是没有截止日期的数据,当浏览器被关闭时数据不会被删除,在下一天,周或年中,都是可用的。
sessionStorage对象
sessionStorage对象等同localStorage对象,不同之处在于只对一个session存储数据。如果用户关闭具体的浏览器标签页,
数据也会被删除。
HTML5应用程序缓存
使用应用程序缓存,通过创建cache manifest文件,可轻松创建web应用的离线版本。
什么是应用程序缓存?
HTML5引入了应用程序缓存,这意味着可对web应用进行缓存,并可在没有因特网连接时进行访问。
应用程序缓存为应用带来三个优势:
1离线浏览-用户可在应用离线时使用他们
2速度-已缓存资源加载得更快
3减少服务器负载-浏览器将只从服务器下载更新过或更改过的资源
HTML本地存储
HTML本地存储:优于cookies
什么是HTML本地存储?
通过本地存储,web应用程序能够在用户浏览器中对数据进行本地的存储。
在HTML5之前,应用程序数据只能存储在cookie中,包括每个服务器请求。本地存储则更安全,并且可在不影响网站性能的前
提下将大量数据存储于本地。
与cookie不同,存储限制要大得多,并且信息不会被传输到服务器。
本地存储经由起源地。所有页面,从起源地,能够存储和访问相同的数据
浏览器支持
表格中的数组指示了完全支持本地存储的首个浏览器版本
HTML本地存储对象
HTML本地存储提供了两个在客户端存储数据的对象:
window.localStrorage-存储没有截止日期的数据
window.sessionStorage-针对一个session来存储数据
localStorage对象
localStorage对向存储的是没有截止日期的数据,当浏览器被关闭时数据不会被删除,在下一天,周或年中,都是可用的。
sessionStorage对象
sessionStorage对象等同localStorage对象,不同之处在于只对一个session存储数据。如果用户关闭具体的浏览器标签页,
数据也会被删除。
HTML5应用程序缓存
使用应用程序缓存,通过创建cache manifest文件,可轻松创建web应用的离线版本。
什么是应用程序缓存?
HTML5引入了应用程序缓存,这意味着可对web应用进行缓存,并可在没有因特网连接时进行访问。
应用程序缓存为应用带来三个优势:
1离线浏览-用户可在应用离线时使用他们
2速度-已缓存资源加载得更快
3减少服务器负载-浏览器将只从服务器下载更新过或更改过的资源