HTML5几个知识点整理

1.h5已经可以实现本地存储的功能了，现在来比较下本地存储和cookie：

a.传统的本地存储cookie的劣势

大小被限制在4k左右

不易操作

浪费带宽（用户请求url后，浏览器先检查该域名下是否存在cookie，如果存在的话，将cookie存入header，发给服务器

b.localStorage

大小限制是每个域名最多5mb，当容量不够的时候，会提示用户是否添加。

容易操作

本地存储包括2种：

sessionStorage 浏览器页面关闭就清空

localStorage  一直存储在本地

具体api如下：

设置

1.localStorage.setItem(key,val);

获取

2.localStorage.getItem(key);

清空

3.localStorage.clear();

 

2.跨域接口

实现跨域接口，之前是通过jsonp来实现的，现在也可以通过设置头的Access-Control-Allow-Origin来轻松实现跨域接口，但是发现ie7,8中不支持

response.setHeader("Access-Control-Allow-Origin", "*");

3表单的自动填充经常会影响美观

 

chrome在页面中设置了自动填充表单，input背景会变成黄色，会影响视觉

是因为chrome会给input添加属性

input:-webkit-autofill { 

-webkit-box-shadow: 0 0 0px 1000px white inset; 

border: 1px solid #CCC!important;

 }

目前做法，给input 添加autocomplete="off"，可以解决，但是不会再自动填充表单。