每日两道前端面试题20190226

本文深入解析了cookie, sessionStorage和localStorage的区别,包括它们的数据存储方式、大小限制、有效时间和应用场景。同时,探讨了iframe的优缺点及其对网页加载的影响。

请描述一下 cookies,sessionStorage 和 localStorage 的区别?

1.cookie是网站为了标示用户身份而储存在用户本地终端(Client Side)上的数据 - 通常经过加密
2.cookie数据始终在同源的http请求中携带,即使不需要,也会在浏览器和服务器间来回传递。
3.sessionStorage和localStorage不会自动把数据发给服务器,仅在本地保存

存储大小:
cookie数据大小不能超过4K
sessionStorage和localStorage虽然也有存储大小的限制,但比cookie大得多,可以达到5M或更大。

有效时间:
localStorage:存储持久数据,浏览器关闭后数据不丢失除非主动删除数据
sessionStorage:数据在当前浏览器窗口关闭后自动删除
cookie:设置的cookie过期时间前一直有效,即使窗口和浏览器关闭

iframe有那些缺点?

1.iframe会阻塞主页面的Onload事件;
2.搜索引擎的检索程序无法解读这种页面,不利于SEO;
3.iframe和主页面共享连接池,而浏览器对相同域的连接有限制,所以会影响页面的并行加载。

什么是并行加载?
同一时间针对同一域名下的请求。一般情况,iframe和所在页面在同一个域下面,而浏览器的并加载的数量是有限制的

解决方案:
使用iframe之前需要考虑两个缺点,如果使用Iframe最好通过javascript动态给iframe添加src属性值,可以解决以上两个问题.

<iframe id="fram">
</iframe>
document.getelementbyid("fram").src="a2.html"
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值