zoukankan      html  css  js  c++  java
  • HTML5中一些新特性与HTML旧有特性的比较

    一、Web Storage与cookies的比较

      cookie:保存在浏览器端的信息,可以在有限期内持久化地存储少量的数据,但是也有一定的局限:

      1.每一次HTTP请求都会发送cookie信息。这样一次又一次无意义地传输同样的数据,占用了用户带宽。

      2.每一次HTTP请求中发送的cookie信息都以未加密的形式在因特网上传输,这样很不安全(除非整个Web应用都是基于SSL的)。

      3.Cookie信息量最大不能超过4KB,这足以拖慢Web应用。

    但是Cookie默认的各种浏览器都支持,相比而言webStorage则是IE7及以下版本不支持,其实webStorage的支持范围还是足够大的。

      Web Storage(又分为sessionStorage和localStorage):

      与Cookie相比,Web Storage的优势有以下几点:

      1.存储空间更大,每个存储域拥有5MB的空间,这个大小在各浏览器难得的一致。

      2.存储内容不会发送到服务器,仅仅存在于本地,不会与服务器发生任何交互,而Cookie的内容会随着请求一并发送给服务器。

      3.更多丰富易用的接口,而且基于键值对的形式存储,存储和检索数据都是通过指定的键名,提供了setItem,getItem,removeItem和clear四个基本操作,分别对应存储value、读取value、删除key和清除所有的键值。此外还有storage事件,当键值改变或者clear的时候就可以出发storage事件。

      此外sessionStorage和localStorage的区别在于,在有效期上,sessionStorage的内容仅在当前的浏览器窗口关闭前有效,而localStorage则是始终有效,窗口或浏览器关闭也一直保存,可以作持久数据;在作用域上,sessionStorage不在不同的浏览器窗口中共享,即使是同一个页面,而localStorage在所有同源窗口中都是共享的。

    补充:

      1.判断浏览器是否支持localStorage的方法:

    1 function support_html5_storage() {
    2   return ('localStorage' in window) && window['localStorage'] !== null;
    3 }

      或者

    1 if(window.localStorage) {
    2   //do something with localStorage
    3 } else {
    4   alert("浏览器不支持localStorage!");
    5 }
  • 相关阅读:
    Android数据加密之异或加密算法
    Android数据加密之SHA安全散列算法
    Android数据加密之Base64编码算法
    Android数据加密之MD5加密
    Android业务组件化之子模块SubModule的拆分以及它们之间的路由Router实现
    Android业务组件化之现状分析与探讨
    Android业务组件化之URL Scheme使用
    Android消息传递之基于RxJava实现一个EventBus
    mysql存储中文乱码
    MongoDB中创建root的角色失败:Error couldn’t add user No role named root@test
  • 原文地址:https://www.cnblogs.com/s1nker/p/4531728.html
Copyright © 2011-2022 走看看