美团暑期实习前端面经

Webpack 是一个模块打包工具，它将项目中的所有文件视为模块，并通过一系列的处理，将这些模块打包成最终的静态资源。以下是 Webpack 的工作原理：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=ba06d8fbb87f45f7bf340c85dc4f0cc1模块解析：Webpack 通过遍历项目的入口文件，解析出所有被依赖的模块。在解析过程中，Webpack 支持各种模块化语法，包括 CommonJS、AMD、ESM 等。加载器处理：Webpack 使用加载器（loaders）处理各种类型的资源文件。每个加载器负责将文件加载并转换为模块可以使用的代码。构建依赖图：Webpack 根据模块之间的依赖关系，构建出完整的依赖图。它会根据模块的依赖关系自动分析出每个模块的依赖模块，并且根据模块之间的依赖关系进行排序。插件处理：Webpack 通过插件系统进行一系列的处理。插件可以用来做各种不同的功能扩展，例如优化、压缩、代码分割等。模块打包：Webpack 根据依赖图将所有的模块打包成一个或多个静态资源文件。它会将所有模块的代码合并在一起，并且根据配置项对代码进行优化、压缩等处理。最终的静态资源文件可以在浏览器环境中运行。

1.自我介绍 项目拷打：使用防抖优化搜索帖子和保存帖子，你是在用户写完后保存的吗？不是的话怎么做的？为什么要使用发布订阅模式无限滚动怎么做的token和路由鉴权怎么做的为什么使用jwt项目中的移动端适配怎么做的（我说拿vant做的）2.为什么有了mac地址还需要ip地址 讲讲127.0.0.1和0.0.0.03.跨域是浏览器行为还是服务端行为4.怎么解决跨域5.http缓存6.js原型链,闭包7.vue-router原理8.场景题：1.如果页面展示数据的时候第一、二页的数据展示正常，但是请求第三页的时候数据返回回来慢了导致第三页是第二页的数据，怎么做?2.假设我现在想要登录微博，然后...

就问了一点项目里的东西和几个八股，总时长20分钟出头，感觉是KPI。有没有同样面过前端的佬发表一下意见。

echarts针对不同设备如何实现响应式布局flex布局 中间自适应 左右固定flex 1表示什么小项目用vue2的原因typescript中interface和type区别js 的事件循环vue2和3中组件通信 区别provide，inject，效果接口中的拦截器，请求拦截器和响应拦截器的作用vue2和vue3的区别，vue3的提升优化pinia和vuex