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