关于前端的一些不符合直觉的细节

先开个头吧，记录日常开发中遇到的一些问题和容易忽视的细节

CSS部分

1. fixed失效

https://baii.icu/blogs/position-fixed-invalid

罪魁祸首是transform，设置fixed的元素，只要其祖先元素设置了transform，那么该元素将相对于设定了transform的祖先元素进行定位。（虽然设置了fixed，表现为absolute）

JS部分

sessionStorage

https://blog.haoji.me/aboute-session-storage.html

1. 如果通过点击a标签(设置target="_black")（或window.open）打开的新页面，旧页面的sessionStorage数据会拷贝一份到新页面的sessionStorage中，这两个页面的sessionStorage只是值相同，已经没有关联（修改旧页面的sessionStorage并不会影响新页面的sessionStorage）。
2. 刷新页面sessionStorage并不会消失。
3. 手动新建一个新标签页，sessionStorage是空的。

HTML（DOM）部分

iframe

https://blog.csdn.net/weixin_44256803/article/details/123359290

面试题中经常说的iframe会阻塞主页面的onload事件。
实际上阻塞主页面的onload是有条件的，只有当iframe与父页面同源时，才会共用渲染进程。