快手前端

优化前端性能是一个广泛的领域，有很多方法可以提高网站或应用程序的加载速度和性能。以下是一些常见的优化技巧：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=07d53be4cd034a4ab270d500feebcc8d压缩和合并文件：将CSS和JavaScript文件压缩和合并成一个文件可以减少网络请求的数量，从而加快页面加载速度。图片优化：通过压缩图片文件大小、使用适当的图像格式（如JPEG、PNG）以及懒加载技术来减少图片加载时间。缓存机制：使用浏览器缓存来存储静态资源，以减少重复下载。异步加载：将不必要的资源推迟加载，例如使用异步脚本或将JavaScript放置在页面底部。延迟加载：对于长页面或含有大量内容的页面，可以使用延迟加载技术，只在页面滚动到可见区域时加载内容。减少HTTP请求：减少网页中的资源数量，例如合并CSS和JavaScript文件、使用CSS Sprites技术等。响应式设计：为移动设备进行优化，使用响应式设计，确保网站在不同屏幕尺寸上都能良好显示和操作。使用CDN：使用内容分发网络（CDN）可以将静态资源分发到全球各个服务器上，加快资源加载速度。优化代码：通过减少DOM操作、避免不必要的重绘和重排等技术来优化JavaScript代码。使用性能分析工具：使用工具如Chrome开发者工具或PageSpeed Insights等来分析和识别潜在的性能瓶颈，并采取相应的优化措施。

base 杭州，云音乐基建部门，业务非常 nice 的还有一部分忘了1. Vue 和 React 区别2. Redux3. Reatct 开发的性能优化4. 在函数组件中实现 shouldComponentUpdate5. React 事件机制6. 事件冒泡 & 事件捕获7. window.addEventListener 的第三个参数8. React 不可变数据9. 深拷贝和浅拷贝的区别10. 有哪些实现深拷贝的方式11. 手写实现深拷贝12. 正则表达式各部分含义及 `i`再次释放，校招社招还有机会吗权当做慈善了

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[];

1,自我介绍2，项目介绍3，简单说说说一下vue4，html5增加的语义化标签5，css的盒模型6，css实现响应式布局7，媒体查询如何指定设备用哪些属性？常见的媒体特性包括 宽度（width）、高度（height）、分辨率（resolution）、设备类型（device-type）8，css自定义变量 × ， :root实现9，css计算产生一个值，是什么样的方法10，js常用字符串操作，把字符串变大写11，查找字符串是否包含12，数组，常用数组迭代遍历方法13，js，闭包14，闭包实际应用场景15，闭包产生的问题16，js，this，箭头函数指向17，怎么去改变this执行18，继承...