26届0实习前端暑期耐面王的四月总结

经历过字节和pdd二面的拷打，感觉美团面的是真舒服啊，特来发个面经，攒攒人品求oc一面（4.15 47min）聊项目和实习经历Http1.0和Http2.0Webpack的构建流程Webpack的loader和plugin有什么了解自己写过plugin吗跨域的解决方法Webpack的反向代理在浏览器中输入url发生了什么浏览器的缓存机制进程和线程的区别Promise的APIPromise解决了什么问题什么是异步请求任务原型和原型链设计模式手撕一：获取url地址中的给定参数的值，不使用正则表达式手撕二：写一个数组拉平方法flatten二面（4.21 38min）就聊了一下项目和实习经历，主要问了一下项目中的难点，然后抠点细节一道八股也没问，最后手撕一题对象数组保留id相同的权重较大对象（保证原顺序）做的还行，也很快A出来了目前还没有消息，但是一面完几分钟就立刻打电话约二面了，二面整体情况也不差许愿oc，我想当团孝子，真不想再面了，真的被字节伤自尊了更新----------------------------4.30晚 二面面试官打电话说offer在流程了，节后发，我也是团孝子咧

时长：35+10，共计45分钟左右1，项目挖掘要分享的项目难点？引出历史搜索记录的实现过程？redux实现历史搜索记录的话，每次重新登录都是空数据吗？每次用户登录，怎么实现之前的历史搜索记录还在？根据回答引出localstorage的大小？（这里应该是想和我探讨我方法的不合理性）cookie设置有效期的问题？浏览器缓存机制？（是什么，类别，缓存方式）如果本地缓存的资源有bug，我现在修改了资源的bug，根据浏览器缓存原理，接下来会发生什么？根据简历中提到的上线检测，问了捕获js错误的方式有哪些？闭包？由闭包引申出，如何解决闭包可能带来的内存泄漏问题？问VUE和react哪个熟悉一些？我说都行，...

在Webpack中，插件（plugin）是用来扩展和定制构建过程的工具，可以用于处理和优化资源、自动化任务、注入变量等。插件一般是一个具有apply方法的JavaScript对象，通过在Webpack的配置中配置插件，可以在构建过程中执行额外的操作。以下是一些常用的Webpack插件及其作用：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=fffb9e7b5576495f90d9596c40989b9fHtmlWebpackPlugin：用于自动生成HTML文件，并将打包生成的所有资源（如CSS、JS文件）自动注入到生成的HTML文件中。MiniCssExtractPlugin：用于将CSS代码从打包生成的JS文件中提取出来，创建一个单独的CSS文件，可以实现CSS的异步加载和浏览器缓存优化。TerserWebpackPlugin：用于对JS代码进行压缩和混淆，减小文件体积，提高加载速度。OptimizeCSSAssetsWebpackPlugin：用于对提取出的CSS进行压缩和优化。CleanWebpackPlugin：用于在构建之前清空输出目录，避免旧文件的干扰。CopyWebpackPlugin：用于将静态文件从源目录复制到输出目录，例如将图片、字体等文件复制到打包后的文件夹中。DefinePlugin：用于定义全局变量，可以在代码中直接使用这些变量，例如配置环境变量、区分开发环境和生产环境等。HotModuleReplacementPlugin：用于启用模块热更新，实现在开发过程中无需刷新页面即可看到最新变更的效果。CompressionWebpackPlugin：用于对打包生成的文件进行gzip压缩，减小文件体积，提升网络传输速度。ProvidePlugin：用于自动加载模块，当代码中使用到某个模块时，会自动将模块引入，无需手动import。这只是一小部分常用的Webpack插件，实际上还有很多其他的插件可以根据需要进行使用和定制。使用合适的插件可以大大提高Webpack的功能和效率，以及优化构建过程和最终生成的资源文件。

4.24 一面 约1h自我介绍问项目：响应式怎么做的？模块化怎么设计的？讲一个难点？八股：Vue（因为我的项目用的Vue）：生命周期有哪些&用途？computed 和 watch 区别js：闭包？用途？事件循环是什么？你觉得为什么会有这个【一下子给我问住了】说一些数组原生方法如何判断一个东西是数组const声明一个对象，对象可以被修改吗？解释let const var 区别计网：TCP三次握手 & 四次挥手跨域解释？我要跨域的话怎么办【不会我只会怎么解决跨域】说一些 http 状态码css：display 有哪些属性【只说出来none】display: none 和 visib...