帆软一面面经

#牛客创作赏金赛#工作了这么久了 还是有压力的，月底有部门考核不合格的话可能还会降薪，挺抽象的， 不过合格应该也不会太难吧，不至于真的奔着难死我来的吧，还要考一些大学时候的专业知识说是，这谁顶得住呀。。。人麻了希望大家工作顺利，健康快乐吧

拖拽事件都有哪些react hooks为什么不能在条件或循环语句中使用useEffect和useLayoutEffect的区别typeof和instance of的区别后台假如有 10 万的数据量，数据量比较大，在前台用一个列表把它渲染出来，怎么做？判断一个元素要进入到这个可视区内的方法每个列表里的每一项前面加一个 checkbox ，同时还有一个全选的按钮，那它的作用就是把所有的选中。有一个提交按钮，它的作用就是把当前选中的值，提交给后台。这个时候你会怎么样设计这个提交按钮的时候向后台传递的数据结构？如果有10w条数据呢博客网站怎么设计缓存策略vite为什么比webpack快

在前端项目中，有几个常见的优化工具和技术可以帮助提高性能和用户体验。以下是其中一些常见的工具和技术：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=9d41438f19104dca802ef21b5942c139混淆和压缩代码：通过工具如UglifyJS、Terser等来压缩JavaScript代码，删除不必要的空格、换行符和注释，并将变量名、函数名等重命名为更短的形式，以减少文件大小和提高加载速度。图片优化：使用工具如OptiPNG、JPEGoptim、SVGO等来优化图片，减小文件大小而不影响视觉质量。另外，使用适当的格式来存储图片，如使用WebP替代JPEG和PNG，以进一步减小文件大小和提高加载速度。懒加载：将页面上的非关键资源（如图片、视频、音频等）延迟加载，等到用户真正需要时再加载，以减少初始页面加载时间。缓存和版本控制：通过使用HTTP缓存来减少对服务器的请求，浏览器可以缓存静态文件（如样式表、脚本文件和图片），从而减少页面加载时间。此外，使用版本控制技术（如添加哈希值到文件名）来确保浏览器能够正确地加载最新的文件而不使用缓存。Tree Shaking：通过打包工具（如Webpack和Rollup）的Tree Shaking功能，可以自动删除未使用的代码，减小文件体积。资源合并和打包：将多个文件合并为一个单独的文件，减少网络请求次数和文件大小，同时使用打包工具（如webpack）将多个模块打包为一个或多个bundle，以减少页面加载时间。异步加载和代码分割：将代码按需加载，仅在需要时动态加载，提高页面加载速度。使用工具如Webpack的代码分割功能或动态导入（Dynamic Import），以将代码拆分成较小的块，并在需要时按需加载。响应式图片：根据设备的屏幕大小和分辨率，使用不同大小的图片，以减少不必要的下载和带宽消耗。除了上述列出的工具和技术外，还有其他优化方案，如使用CDN加速、启用Gzip压缩、减少HTTP请求等。最佳实践是根据项目需求和目标受众来选择适当的优化工具和技术，并进行必要的性能测试和优化。

我的办公环境挺舒服的，通勤也很方便，步行只要七分钟。公司提供住宿，阿姨每天帮忙打扫。食堂是自助餐，偶尔还会有外卖合作，吃得很不错。领导们都特别耐心，有问题随时问，很有支撑力。和同事们相处得也挺融洽，工作氛围轻松愉快，短短两周我就学到了不少东西。不过，工作节奏有时候确实有点紧，压力也不小，得适应一下。薪资涨幅嘛，感觉有点慢，得多花时间和精力才能看到回报。晋升机会也不是很多，想要突破得积累更多的经验。