Day18

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

  bind

2-说明 localStorage 和 sessionStorage 的区别

  localStorage和sessionStorage一样都是用来存储客户端临时信息的对象。

  他们均只能存储字符串类型的对象(虽然规范中可以存储其他原生类型的对象,但是目前为止没有浏览器对其进行实现)。

  localStorage生命周期是永久,这意味着除非用户显示在浏览器提供的UI上清除localStorage信息,否则这些信息将永远存在。

  sessionStorage生命周期为当前窗口或标签页,一旦窗口或标签页被永久关闭了,那么所有通过sessionStorage存储的数据也就被清空了。

  不同浏览器无法共享localStorage或sessionStorage中的信息。相同浏览器的不同页面间可以共享相同的 localStorage(页面属于相同域名和端口),但是不同页面或标签页间无法共享sessionStorage的信息。这里需要注意的是,页面及标 签页仅指顶级窗口,如果一个标签页包含多个iframe标签且他们属于同源页面,那么他们之间是可以共享sessionStorage的。

3-localStorage 和 sessionStorage 和 cookies 的区别

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

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

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

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

  <!DOCTYPE html>
  <html lang="en">
  <head>
  <meta charset="UTF-8">
  <script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
  <title>jquery</title>
  </head>
  <body>
  <div id="content"></div>
  <button id="btnLoad">Load载入</button>
  <button id="btnGet">Get载入</button>
  <button id="btnAjax">Ajax载入</button>

  </body>
  </html>
  <script>
  $(document).ready( function () {

  $('#btnLoad').click( function () {
  $('#content').load('/content/ p',function () {
  alert('载入成功');
  });
  });

  $('#btnGet').click( function () {
  $.get('/content/',null,function (response) {
  $('#content').html(response);
  });
  });
  $('#btnAjax').click( function () {
  $.ajax({
  url:'/content/',
  method:'Get',
  data:null,
  success: function (response) {
  $('#content').html(response);
  }
  });
  });

  });
  </script>

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

  a. 2开头状态码;2xx (成功)表示成功处理了请求的状态代码;如:200 (成功) 服务器已成功处理了请求。
  b. 3开头状态码;3xx (重定向) 表示要完成请求,需要进一步操作。 通常,这些状态代码用来重定向。如:304 (未修改) 自从上次请求后,请求的网页未修改过。 服务器返回此响应时,不会返回网页内容
  c. 4开头状态码;4xx(请求错误) 这些状态代码表示请求可能出错,妨碍了服务器的处理;如:400 (错误请求) 服务器不理解请求的语法;403 (禁止) 服务器拒绝请求。404 (未找到) 服务器找不到请求的网页。
  d. 5开头状态码;5xx(服务器错误)这些状态代码表示服务器在尝试处理请求时发生内部错误。 这些错误可能是服务器本身的错误,而不是请求出错;如:500 (服务器内部错误) 服务器遇到错误,无法完成请求

posted @ 2021-02-19 22:10  warisFairy  阅读(23)  评论(0)    收藏  举报