0

    1、HTML5的新特性有哪些?新特性api?

    2023.04.21 | admin | 154次围观

    cookie:每次都会携带在HTTP头中,如果使用cookie保存过多数据会带来性能问题

    localStorage和sessionStorage:仅在客户端(即浏览器)中保存,不参与和服务器的通信

    易用性:

    cookie:需要程序员自己封装,源生的Cookie接口不友好

    localStorage和sessionStorage:源生接口可以接受,亦可再次封装来对Object和Array有更好的支持

    应用场景:

    从安全性来说,因为每次http请求都会携带cookie信息,这样无形中浪费了带宽,所以cookie应该尽可能少的使用,另外cookie还需要指定作用域什么是浏览器本地存储,不可以跨域调用,限制比较多。但是用来识别用户登录来说,cookie还是比storage更好用的。其他情况下,可以使用storage,就用storage。

    storage在存储数据的大小上面秒杀了cookie,现在基本上很少使用cookie了。

    localStorage和sessionStorage唯一的差别一个是永久保存在浏览器里面,一个是关闭网页就清除了信息。localStorage可以用来跨页面传递参数,sessionStorage用来保存一些临时的数据,防止用户刷新页面之后丢失了一些参数。

    浏览器支持情况:

    localStorage和sessionStorage是html5才应用的新特性,可能有些浏览器并不支持,这里要注意。

    image.png

    cookie的浏览器支持没有找到什么是浏览器本地存储,可以通过下面这段代码来判断所使用的浏览器是否支持cookie:

    if(navigator.cookieEnabled) {
      alert("你的浏览器支持cookie功能");//提示浏览器支持cookie  
    } else {
      alert("你的浏览器不支持cookie");//提示浏览器不支持cookie   }复制代码
    

    数据存放处:

    Cookie、localStorage、sessionStorage数据存放处.png

    5、什么是cookies?Cookie是HTTP协议的规范之一,它是服务器和客户端之间传输的小数据。Cookie规范6、vue怎么实现双向绑定?实现原理是什么?

    vue数据双向绑定是通过数据劫持结合发布者-订阅者模式的方式来实现的

    因为vue是通过Object.defineProperty()来实现数据劫持的。

    vue.js 则是采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调。

    7:如何实现浅复制8:什么是深度复制9:关于前端的一些优化手段

    1.页面内容

    10:什么是闭包11:vue在ie8、ie9中的空白显示问题

    版权声明

    本文仅代表作者观点。
    本文系作者授权发表,未经许可,不得转载。

    发表评论