20221017小米面试经历

• 时间：2022/10/17 15:00
• 形式：牛客

几乎一模一样：小米前端实习一面

• 利用 flex 布局实现几个效果

1. 普通居中，但是注意 order
2. 双栏 AC B，各靠左和靠右，利用 margin auto
3. 居中，ABC 间距 30 px，但是随着 parent 的缩小，间距也缩小，利用添加看不见的 div 和 flex shrink

• 绝对定位的元素 A 和 B，修改 z-index，还是没法调整，可能的原因？

参考 z-index神奇的失效了！

• 8 px 看起来要比设计稿上要大了，你会如何排查？

正解应该是 chrome 不支持 css 中 12 px 以下的字体渲染。

参考 Chrome 谷歌浏览器下不支持 css 字体小于 12 px 的解决办法

• 你了解 requestAnimationFramework 吗？

寄，没听说过。

• setTimeout 设定 20 ms 后执行，结果 30 ms 才执行，可能原因？
• 宏任务微任务的输出顺序，交错 Promise。
• 给定俩数组，从大数组里移除小数组里的元素

set + for

• 一个网页，让用户今天第一次打开就弹窗，第二次就不弹窗

设备上利用 localStorage 存储日期

• 监听对象属性变化，手写。

可以参考 Proxy 和 Object.defineProperty

• 页面元素完全进入视口，打印元素，并且只打印一次。

intersectionObserver