时间:45minbase:北京自我介绍项目介绍项目中的某个功能做的目的项目中的数据埋点上报 和 性能监控如何做如何做数据埋点 和 性能优化,有什么思路如何做首屏资源加载优化,首屏加载的时间 如何统计、如何去优化,说思路输入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) }