我正在研究堆叠上下文并使用创建堆叠上下文的属性进行一些测试.
我做了几次测试,发现除了z-index
当然,以下属性还会创建堆叠上下文:
transform
除了none
;opacity
除了1
;perspective
.是否有其他属性应用堆叠上下文?
使用Array.from(document.querySelectorAll('div'))
或是否有一些区别[...document.querySelectorAll('div')]
?
这是一个例子:
let spreadDivArray = [...document.querySelectorAll('div')];
console.log(spreadDivArray);
let divArrayFrom = Array.from(document.querySelectorAll('div'));
console.log(divArrayFrom);
Run Code Online (Sandbox Code Playgroud)
在console.log()
将记录相同的结果.
有任何性能差异吗?