浏览器
马小兜-
这个作者很懒,什么都没留下…
展开
-
如何给localStorage设置过期时间
ES5扩展Storage思路比较简单,就是存储一个时间戳,下次取值的时候验证时间戳就可以注意:localStorage存储的时候只能存储字符,存入的时候要将对象转换成json字符串,读取的时候也要解析Storage.prototye.setExpire=(key,value,expire)=>{ let obj={ data:value, time:Date.now(), expire:expire};localstorage.setExpire(key,JSON.string原创 2020-09-29 21:35:36 · 692 阅读 · 0 评论 -
详解跨域问题
同源策略在说跨域之前,先来了解一下“同源策略”什么是源?源=协议+域名+端口号。如果两个url的协议、域名、端口号完全一致,那么这两个url就是同源的。我们可以通过window.origin或location.origin得到当前源。什么是同源策略?同源策略:不同源之间的页面不能互相访问数据。浏览器规定:如果JS运行在源A里,那么就只能获取源A的数据,不能获取 源B的数据,即不允许跨域假设 wang.com/index.html引用了ergou.com/1.js,那么就说1.js运行在源w原创 2020-07-24 09:05:35 · 639 阅读 · 0 评论 -
详解浏览渲染原理
我们都知道JS有一个JS引擎,那么执行渲染也有一个渲染引擎,同样,渲染引擎在不同的浏览器中也是不同的。浏览器接收到HTML文件并转换成DOM树当我们打开一个网页时,浏览器都会去请求对应的html文件,虽然平时我们写代码的时候都会分为HTML、CSS、JS文件,也就是字符串,但是计算机硬件不理解这些字符串,所以在网络中传输的内容都是0和1这些字节数据。当浏览器接收到这些字节数据以后,它会将字节数据转换为字符串,也就是我们写的代码。当数据转换成字符串以后,浏览器会先将这些字符串通过词法分析转换成标记,这原创 2020-07-26 07:22:38 · 166 阅读 · 0 评论