21届秋招猿辅导前端面经

AMD (Asynchronous Module Definition)：AMD 是异步模块定义的规范，它允许模块异步加载，即不会阻塞主程序运行。它由 RequireJS 提出并推广。AMD 使用 define() 函数定义模块，通常使用 RequireJS 进行加载。CommonJS (CommonJS Modules)：CommonJS 是 Node.js 的模块规范。在浏览器端，可以通过一些工具将 CommonJS 转换为其他规范，如 AMD 或 UMD。CommonJS 使用 module.exports 或 exports 来导出模块。ES6 Modules (ES6)：ES6 Modules 是 ECMAScript 6 标准中引入的模块化规范。它在浏览器和 Node.js 中都被广泛支持。ES6 Modules 使用 import 和 export 关键字来导入和导出模块。UMD (Universal Module Definition)：UMD 是一种旨在兼容 AMD, CommonJS 和全局变量的模块规范。UMD 的目标是使得模块可以在浏览器和服务器端环境中运行，同时支持同步和异步加载。UMD 定义了一个模块具有特定的接口，无论在何种环境中运行，都能正确地导出和导入。https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=ba06d8fbb87f45f7bf340c85dc4f0cc1

SSR（Server-Side Rendering，服务端渲染）是指在服务器端生成完整的HTML页面，然后将其发送给客户端进行显示的技术。在Vue中，通过Vue Server Renderer可以实现SSR。SSR的优势和适用场景包括：https://www.nowcoder.com/issue/tutorial?zhuanlanId=Mg58Em&uuid=8d50367051a84aba9b14885efcdd468bSEO友好：由于搜索引擎爬取工具（如Google的爬虫）能够直接读取和索引HTML页面，***可以提高网页的搜索引擎优化，使网页更易于被搜索引擎收录和排名。快速首屏加载：***可以在服务器端生成完整的HTML页面，并将其发送给客户端，减少了客户端的渲染时间，从而加快了首屏的加载速度。更好的性能：由于SSR在服务器端生成了HTML页面，客户端只需要解析并渲染页面，减少了客户端的计算和渲染工作，提高了页面的性能和响应速度。更好的用户体验：由于SSR可以更快地渲染首屏内容，用户可以更快地看到页面内容，减少了等待时间，提高了用户体验。兼容性：由于SSR生成的页面是普通的HTML页面，可以在任何设备和浏览器上正常渲染和显示，保证了页面的兼容性。适用场景包括需要SEO优化的网页、对加载速度和性能有要求的网页、需要提供更好用户体验的网页等。需要注意的是，SSR也有一些限制和不适用的情况，例如复杂的前端交互、依赖浏览器特性的功能、对SEO不敏感的应用等，在选择***时需要根据具体的项目需求进行权衡。

到11月15号没找到合适的实习直接换行，不带犹豫的，当断不断必受其乱

时间1h15min（超时）一句话自我评价：面试很搞笑那男的😁😆更新：一面给我过了，光速来电约二面还说面评很不错（满头问号面试体验：很好，面试官人很和善，虽然反馈不多让我很没底，但是我直接说不了解的方面她会给一些解释和引导。而且对我有一种就算烂泥也要扶上墙的坚持...吐槽：后面写题我不知道是我理解能力的问题还是她解释题意不够清楚的问题，反正我们两个就是没达成共识。我写到一半说这个题难点主要是balabla这样我的解法需要写很长一段（暗示只讲思路😵），结果她说不是我理解的那样...又一顿互相解释，让我用递归再写一遍。到这里我已经服了我自己了（努力憋笑🤐，递归写了一半我又暗示边界条件口述（因为有四种情况我蚌埠住了）面试官又直接说这样我直接给出一个函数可以实现找到非法情况返回值的功能，让我直接糊上去🤭最终我完成了一个烂泥扶上墙版算法，紧急结束面试。题目【参考意义不大，太多个性化问题，基本是一个问题的回答引出下一个问题】：0. 入口函数：自我介绍，学校会不会抓人回去，学习前端时间方法，就是那些你们懂的；1. 我个人网页引入问题：响应式实现方法；2. 我个人网页引入问题：怎么搭建的，里面一些效果的实现，问得很杂主要是动画或者某个小效果怎么实现的；3. 后续问题：网页调试工具，举例：暂停网页效果，调试某个特定元素的属性之类的。不了解，真没用过；4. 项目难点亮点；（结果还扯到他们业务去了给我讲了下他们的实现方式5. React Hook 常用的哪些有什么使用场景，hook有什么特点，什么时候不能用；（我真的已经说过 react 刚入门了，硬着头皮回想文档结合vue相似的api乱答）6. this 输出题，会要求讲思路并解释this机制，有哪些方法可以指定 this 执行函数7. 事件循环输出题（混有await），还会问哪些api会造成宏任务和微任务，同样要求说明机制原理8. 手撕：给一个大概是{id: number, child: []} 结构的树 dir 和路径数组 path（里面就是一串id），路径合法=刚好到达一个叶节点，路径非法=除了合法的情况；合法情况返回那个叶节点，非法返回一个【最近】的叶节点【我就是不理解这个“最近”是什么意思，一开始觉得是高度最临近的一个面试官说不是，后来我也没完全理解，感觉面试官意思是如果还有子树直接走索引为0的那个路径一直往下遇到的第一个叶节点？】9. vue2和vue3 主要区别10. 个人网页：vue3 的 diff 算法问题答了七七八八，现在复盘觉得说的不是很全面而且表述能力限制了很多我懂的东西没顺利解释清楚。（不知道是不是我的错觉，感觉结束的时候面试官语调都有点控制不住想要笑出来了🤗