我正在研究堆叠上下文并使用创建堆叠上下文的属性进行一些测试.
我做了几次测试,发现除了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()将记录相同的结果.
有任何性能差异吗?