北京泰豪前端面经

9.12一面，9.14二面，9.20三面改到了9.24，实习强相关的问题就不放了面完泡一个月十月底给hr发了个邮件流程结束捏🤗————————————————一面animation和transition的区别手撕动画 div先下移100px 再右移100px手撕 倒计时组件cdn为什么可以加速splitchunks怎么配置前端如何进行缓存react和vue的区别esm和cmj的区别————————————————二面i18n原理强缓存和协商缓存强缓存什么情况下会失效兼容性的问题一般怎么看有没有了解过为什么兼容性会造成高度塌陷的问题app和h5具体怎么调试手撕 LRU缓存手撕 聊天框————————————————三面，输得很彻底输得心服口服。。。。。。。。跨域的情况下如何获取到别的页面localstorage里存放的数据 如何进行安全处理性能指标怎么看的 fcp理想状态应该在几秒内（……）哪些优化会对这个指标产生影响性能指标好和坏的标准为什么服务器反应时间会对fcp和si造成影响从读到这个主文档到最终的这个页面被完全渲染出来发生了什么splitchunks可以无限分包吗什么情况会引发重绘和重排构建的时候js是异步还是同步 js会阻塞dom树渲染吗defer和async的区别 假如在defer后面又有了dom元素怎么办最新的es属性了解吗weakset和set的区别 强引用和弱引用的区别js垃圾回收堆和栈的概念内存泄漏如何检测 有没有实践过什么情况会引发内存泄漏如果写了死循环会造成什么手撕 数组拍平+去重手撕 type嵌套数组的类型 type NestedArray = T | NestedArray[];

时长20min左右Cookie、SessionStorge、LocalStorge应用场景，如何使用Webpack配置项Webpack如何进行性能优化内存泄漏插槽的种类和作用事件循环CSRF攻击如何防范常见的设计模式职业规划项目难点

块级元素和行级元素实现垂直居中flex布局flex的order实现字体小于等于12px，边距0.5px手动画三角形letconst和var找出数组的最大值与最小值组件通信vifvshow的区别防止用户连续点击axios二次封装

0-4月年终 需要提前实习满70天