快手秋招前端一二三面面经

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> = T | NestedArray<T>[];