先开个头吧,记录日常开发中遇到的一些问题和容易忽视的细节
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
- 如果通过点击a标签(设置
target="_black"
)(或window.open)打开的新页面,旧页面的sessionStorage数据会拷贝
一份到新页面的sessionStorage中,这两个页面的sessionStorage只是值相同,已经没有关联(修改旧页面的sessionStorage并不会影响新页面的sessionStorage)。 - 刷新页面sessionStorage并不会消失。
- 手动新建一个新标签页,sessionStorage是空的。
HTML(DOM)部分
iframe
https://blog.csdn.net/weixin_44256803/article/details/123359290
面试题中经常说的iframe会阻塞主页面的onload事件
。
实际上阻塞主页面的onload是有条件的,只有当iframe与父页面同源时,才会共用渲染进程
。