优化前端性能是一个广泛的领域，有很多方法可以提高网站或应用程序的加载速度和性能。以下是一些常见的优化技巧：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等来分析和识别潜在的性能瓶颈，并采取相应的优化措施。

讲一下react性能优化的手段，从大一点的方面 前端开发过程中怎么定位到哪个环节有性能问题 FCP是怎么计算的 useMemo useCallback ，这俩可以解决大部分问题吗 esModule 和commonJS 区别 为什么treeshaking 一定要使用esModule 介绍一下浏览器输入url到渲染页面的流程 重排和重绘有什么区别，从渲染策略上说明 浏览器缓存机制 目前前端都是单页面应用，html，js，css怎么设计其缓存策略最优 js中怎么准确判断变量类型，instanceof 原理 一个数据的原型是什么，怎么看他的原型 原型和原型链有什么区别 原型链终点是什么 介绍一下事件循...

1    vue2和vue3哪个熟悉？vue3你觉得好在哪里？为什么性能更好？2    vuex用过吗，里面都有哪些函数方法？说一说具体语法3    pinia呢，有什么区别4    组件通信都有哪些5    大文件上传怎么上传的6    大文件切片的话，切多大7    讲一讲你封装的vue指令8    场景题：给你100个div，里面是input和勾选框，用户勾选了1-20个，又勾选了第40个，现在想直接跳转到第21个来勾选，怎么实现？9    你说window.scorollTo跳转，还有什么方法吗？10    es6了解吗，promise了解吗11    说一说promise.all 和primise.race12    Promise.all的话，有两个请求成功，一个请求失败，返回成功还是失败的promise？13    防抖节流了解过吗，说一说14    应用场景是什么？15    搜索框，用户快速点击搜索按钮，用防抖还是节流？为什么用节流？

八股在实习或者项目中亮眼的一点随便在实习经历又挑了一点让展开线程进程和协程协程在 js 底层的使用tcp 和 udp 不同http 各个版本使用的是 tcp 还是 udpcss 的 gpu 加速机制vue 的响应式原理react 和 vue 的 key 用途vue 如果没有设置 key 会有什么问题算法设计一个简化路径函数反问1. 面试官玩原神吗   a. 不咋玩原神，但很多同事玩，还玩星铁2. 面试官觉得米哈游哪些游戏比较好玩   a. 不怎么玩游戏3. 米哈游前端方面业务是咋样的   a. 我们做的是提效工具，tob，有给地图侧去做一些优化等等