背完这些前端面试题 秋招面试赢麻了

Webpack通过解析入口文件及其所依赖的其他模块，构建一个完整的依赖图，从而理清模块之间的依赖关系。具体的处理方式包括以下几个方面：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=ba06d8fbb87f45f7bf340c85dc4f0cc1模块解析：Webpack会根据配置的解析规则，解析模块的路径和文件类型。默认情况下，Webpack会按照特定的路径搜索规则来查找模块，可以通过配置文件指定更多的解析选项。Webpack支持解析各种类型的文件，如JavaScript、CSS、图片等，以及一些特殊的模块类型，如命名的 AMD 或 CommonJS 模块。加载器处理：Webpack在解析模块时，会根据模块的类型，使用相应的加载器来对模块进行预处理。加载器可以将模块进行编译、转译、压缩等操作。加载器可以串联使用，以处理多个模块，形成一个处理管道。其中，每个加载器负责对模块进行特定的处理，然后将处理结果传递给下一个加载器，直至最终的模块打包。依赖收集：在解析模块的过程中，Webpack会分析模块之间的依赖关系，并将这些依赖关系记录在依赖图中。通过静态分析的方式，Webpack可以在编译时就知道每个模块所依赖的其他模块，以及被哪些模块所引用。模块打包：依赖图中的模块经过加载器处理后，Webpack将根据配置使用优化策略来打包模块。例如，可以将多个模块的公共代码抽取出来，形成单独的代码块，以减少重复的代码。还可以进行代码分割，将不同功能或路由的代码分割成多个文件，以实现按需加载。通过以上的处理方式，Webpack能够准确地处理模块之间的依赖关系，构建出一个完整的依赖图，并最终将模块打包成一个或多个静态文件。这样，在浏览器中加载这些文件时，模块的依赖关系也会得到正确的处理。

面经：总共28分钟，面试官不凶但也不温柔1、自我介绍2、讲一下项目3、看你的很多项目都用了springboot，讲一下springboot是什么以及特点4、你的项目数据库是怎么设计的5、讲一下你的项目在进行测试的时候发现了哪些问题6、讲一下你怎么使用jmeter进行的性能测试7、发现吞吐量过小和进程阻塞，要怎么进行优化8、讲一下你开发的那个游戏冰冻子弹射出后对怪物造成影响的逻辑9、看你也有开发经历，为什么不从事后端开发或游戏开发，而来应聘测试10、作为一个测试工程师，当你发现一个bug时你要怎么处理11、你玩哪些游戏，发现过哪些bug12、你刚刚说QQ飞车手游源极之星机甲的双特性bug，为它设...

跨域请求是指浏览器不能直接向不同域名的服务器发起请求。解决跨域问题的方法有以下几种：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=43521d43a8e341f888324dd690363024JSONP（JSON with Padding）：利用script标签的src属性可以加载任意域名下的js文件的特性，通过在URL中传递callback函数名，让服务端返回指定格式的数据，前端通过调用指定的callback函数来获取数据。CORS（Cross-Origin Resource Sharing）：跨域资源共享，是W3C标准，需要服务端在响应头中设置Access-Control-Allow-Origin字段来允许前端跨域访问。代理：通过后台中转请求，将服务端的数据请求发送到同一域名下的后台进行处理并返回结果给前端。WebSocket：在建立WebSocket连接时不会执行同源检测，因此可以使用WebSocket进行跨域通信。发布JSON数据文件，JSONP或者JavaScript加载到页面里。但这种方式并不友好，容易暴露数据。设置Access-Control-Allow-Origin允许跨域，此方法支持IE8+、Chrome、Firefox等现代浏览器,或者使用XMLHttpRequest Level 2对象里面提供的withCredentials属性的值为true。在同一根域名下，但是不同二级域名之间进行跨越AJAX请求, 可以通过设置document.domain来解决。

从最开始就要求共享屏幕开本地编译器，问的很细致，能手写的题目都要求手写了后续：挂！大挂特挂hr介绍业务自我介绍<!DOCTYPE>标签的作用标签语意化的好处input标签的size和max-length两个属性有什么区别有什么其他方式限制input标签的大小input标签如果使用css实现效果和size=5的模式效果一样input标签max-length效果用自己的方法如何实现如何点击某个按钮才延迟展示图片v-if和v-show的实现原理如何设置控制盒子是否占据文档流文本过长超过一行不展示，只显示一行，但不希望页面上出现正好截取了半个字的效果，怎么实现图片宽高为200*200，展示...