前端常见面试内容

121 阅读1分钟

模块化 -- commonjs & ES Module

「万字进阶」深入浅出 Commonjs 和 Es Module - 掘金 (juejin.cn)

transition属性的含义

image.png

addEventListener的参数

window.addEventListener("click", closeSidebar, { passive: true });

第三个参数passive: 我们加上passive就是为了告诉浏览器,不用查询了,我们没用preventDefault阻止默认动作,从而提高了性能。

这里一般用在滚动监听,@scoll,@touchmove 。因为滚动监听过程中,移动每个像素都会产生一次事件,每次都使用内核线程查询prevent会使滑动卡顿。我们通过passive将内核线程查询跳过,可以大大提升滑动的流畅度。

注:不要把 .passive 和 .prevent 一起使用,因为 .prevent 将会被忽略。