腾讯互娱 前端 30分钟

#软件开发笔面经#前面的实习项目问答就跳过了，这个因人而异，没有太多的参考意义，下面分享一下八股的问答1、在url上 a标签需要配置什么属性2、怎么配置下载文件的文件名3、react的hooks可以写在条件语句中吗4、说下get和post的区别5、知道concat和push吗，说下区别6、web应用怎么跟app之间进行通信7、介绍一下LCP和FCP8、怎么知道TCP，LCP有提升9、CDN是什么10、CDN是用来做缓存的吗11、http缓存分为哪些12、indexdb可以跨域吗13、cookie可以跨域吗

优化Webpack的构建速度是一个常见的需求，下面是一些常见的优化策略：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=fffb9e7b5576495f90d9596c40989b9f通过配置缓存：可以使用cache-loader或者hard-source-webpack-plugin来启用缓存，避免重复编译没有改动的文件。通过配置多线程/并行构建：可以使用thread-loader或者happypack来在多个工作线程中并行处理任务，加快构建速度。减少文件的解析和处理：可以通过配置resolve.extensions来减少Webpack的文件解析，只处理特定格式的文件。另外，使用include和exclude选项来限制需要处理的文件范围。优化Loader的配置：可以使用exclude选项来排除不必要的目录，只对需要处理的目录使用对应的Loader。另外，可以使用resolve.alias来配置别名，减少模块查找时间。使用Tree Shaking：通过配置mode为production，并且在package.json中将sideEffects设置为false或者具体的文件列表，开启Tree Shaking功能，剔除掉未使用的代码。合理使用Webpack的插件：根据具体需求，合理选择和配置Webpack的插件，避免不必要的处理和压缩。使用DllPlugin和缓存：可以将一些不经常变动的库使用DllPlugin预先编译，并将结果文件缓存起来，这样可以避免每次构建都重新编译这些库。以上是一些常见的Webpack构建速度优化策略，根据具体的项目需求和情况选择合适的优化方式。

Webpack的loader是用于处理模块文件的转换工具。它们可以将不同类型的文件（如CSS、LESS、图片等）转换为可以被Webpack处理的有效模块，以便将其包含在最终的打包结果中。以下是一些常用的Webpack loader及其作用：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=fffb9e7b5576495f90d9596c40989b9fbabel-loader：将ES6+代码转换为ES5语法，以便在旧版本的浏览器中运行。style-loader 和 css-loader：用于处理CSS文件。css-loader主要负责处理样式文件中的import和url语句，而style-loader将转换后的CSS模块直接注入到HTML页面中。file-loader 和 url-loader：用于处理图片和其他资源文件。file-loader会为每一个文件生成一个对应的文件，而url-loader将小于设定大小的文件转换为base64编码的URL，减少HTTP请求。sass-loader 和 less-loader：用于处理Sass和Less预处理器。它们将Sass和Less代码转换为普通的CSS代码。postcss-loader：用于为CSS代码添加浏览器兼容性前缀，以确保在不同浏览器上的一致性。html-loader：用于处理HTML文件，将其中的图片等资源转换为Webpack可以识别的模块。这只是一些常用的Webpack loader，实际上还有很多其他的loader可以根据具体的需求进行选择和配置。使用适当的loader可以提高开发效率并优化最终打包结果。

面试时间：1h22min自我介绍实习经历、项目介绍结束还会问一些相关的场景题。一开始没有想到，但是面试官很好，有一些引导性的思考，所以体验感就非常好。实习项目问的也很详细，从业务背景问到设计模式、技术原理。根据简历里的项目介绍深挖重排和重绘will-change，为什么使用will-change性能会更好reflect是什么，有哪些方法实现一个类型判断函数实现一个事件总线，代码有风险的地方有学过其他语言、java和js的数组的区别|| 与 ?? 区别事件循环缓存的方式http1.0-->http3的进化，还会问里面的优化具体是怎么实现的编程题#软件开发笔面经#