一、dom 阻塞问题
1、css
css加载不会阻塞DOM树的解析
css加载会阻塞DOM树的渲染
css加载会阻塞后面js语句的执行
2、iframe会阻塞主页面的onload事件;
3、搜索引擎检索程序无法解读这种页面,不利于SEO;
4、会影响页面的并行加载。
并行加载:同一时间对同一域名下的加载数量是有限制的:
MDN解析:当初始HTML文档已完全加载和解析时,将触发DOMContentLoaded事件,而不需要等待样式表,图像和子框架页面加载(事件可以用来检测HTML页面是否完全加载完毕(fully-loaded))。
总结:页面中会阻塞解析的操作
1.内联css
2.内联js
3.普通外联js
4.外联defer js (下载不会阻塞,执行阻塞)
5.js之前的外联css
详情看:https://blog.csdn.net/liuanpingfirst/article/details/85276720
defer 用法:
defer 作用 是dom解析之后执行,是优先于window.onload 的
关于 window.onload 与 DOMContentLoaded 区别
window.onload 是在所有的元素都加载完成之后再执行
DOMContentLoaded 是加载完dom 元素之后 执行的 也就是说 DOMContentLoaded再window.onload 之前 difer的顺序也是在window.onload 之前 但是不一定在DOMContentLoaded之前
二、关于cookie
当前域的cookie都可以通过js获取这句话 是错误的
如果设置了httpOnly 是不能获取到的 常用此方法来组织xss
关于cookie session localStorage sessionStorage 的区别
session 是保存在服务器端的 一般 5m 左右 session 默认失效时间大概20分钟左右