字节-商业化技术-前端日常实习一面面经

时间：45min

base：北京

1. 自我介绍
2. 项目介绍
3. 项目中的某个功能做的目的
4. 项目中的数据埋点上报 和 性能监控如何做
5. 如何做数据埋点 和 性能优化，有什么思路
6. 如何做首屏资源加载优化，首屏加载的时间 如何统计、如何去优化，说思路
7. 输入URL地址之后会发生什么情况？
8. 针对于7，询问什么是缓存、缓存分为什么？什么是强缓存/协商缓存 及其原理？
9. 针对于7，询问 若发送https加密和解密的流程和原理？
10. 针对于7，询问 浏览器是如何渲染页面的？
11. 针对于7，询问 页面渲染的执行顺序是什么，HTML、CSS、JS 加载顺序
12. 针对于11，询问 JS加载的时候会遇到什么情况（事件循环）
13. 针对于11，询问JS加载的时候 会遇到重绘重排，解释一下这个
14. 针对于13，说明重绘重排有哪些情况，为什么 改变字体的颜色不会触发 重排
15. 看代码，会出现什么情况，代码在后面
16. 说下 opacity:0 和 visibility:hidden 和 display：none 三者的区别display：none 这就是完全的隐藏了，直接消失 元素隐藏后依旧占据着空间opacity:0 元素的透明度设置为0后，元素也是隐藏的visibility:hidden 元素隐藏后依旧占据着空间 所以它只会导致浏览器重绘而不会重排。
17. 实现 二叉树最短路径

 <div>
        <div class="child1" style="background-color: aqua;">1</div>
        <div class="child2" style="background-color: red;">2</div>
        <div class="child3" style="background-color: orange;">3</div>
    </div>
    .child2{
        transform: translateY(200px)
    }