Day18

1-如何多次给同一元素绑定多种同类型的事件？

$(".aa").on("click",function(){
        alert(1)
    }).on("mousemove",function(){
        console.log(1);
    });

$(".aa").on({click:function(){
        alert(1)
    },mousemove:function(){
        console.log(2);
    }})

2-说明 localStorage 和 sessionStorage 的区别

 

 localStorage和sessionStorage的区别点注意：

• localStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localStorage信息，否则这些信息将永远存在。
• sessionStorage生命周期为当前窗口或标签页，一旦窗口或标签页被永久关闭了，那么所有通过sessionStorage存储的数据也就被清空了。
• 不同浏览器无法共享localStorage或sessionStorage中的信息。相同浏览器的不同页面间可以共享相同的 localStorage（页面属于相同域名和端口），但是不同页面或标签页间无法共享sessionStorage的信息。这里需要注意的是，页面及标 签页仅指顶级窗口，如果一个标签页包含多个iframe标签且他们属于同源页面，那么他们之间是可以共享sessionStorage的。

 

 

3-localStorage 和 sessionStorage 和 cookies 的区别

1. localStorage: localStorage 的生命周期是永久的，关闭页面或浏览器之后 localStorage 中的数据也不会消失。localStorage 除非主动删除数据，否则数据永远不会消失

2. sessionStorage: sessionStorage 的生命周期是仅在当前会话下有效。sessionStorage 引入了一个“浏览器窗口”的概念，sessionStorage 是在同源的窗口中始终存在的数据。只要这个浏览器窗口没有关闭，即使刷新页面或者进入同源另一个页面，数据依然存在。但是 sessionStorage 在关闭了浏览器窗口后就会被销毁。同时独立的打开同一个窗口同一个页面，sessionStorage 也是不一样的

3. cookie: cookie生命期为只在设置的cookie过期时间之前一直有效，即使窗口或浏览器关闭。 存放数据大小为4K左右, 有个数限制（各浏览器不同），一般不能超过20个。缺点是不能储存大数据且不易读取

 

 

4-使用 jquery 完成一个 ajax请求

1.$().load(url,callback)

2.$.get(url,data,callback)

3.$.ajax({选项}) 
url 地址 
method 方法(GET,POST) 
data 提交给服务器的数据 
dataType 服务器返回的数据 
timeout 超时时间，单位毫秒 
success 成功后的回调函数 
error 失败后的回调函数 
complete 完成后的回调函数 
xhr 回调函数获取xhr引用

 

 5-http 常见的状态码有哪些？

200 – 请求成功

301 – 资源(网页等)被永久转移到其它URL

404 – 请求的资源(网页等)不存在

500 – 内部服务器错误