滴滴秋储前端实习两面（OC）+TME一面+酷家乐（OC）面经

现在秋招已结束，整理发一些面经笔经，回馈一下牛客社区。准备：9.3https://gw-c.nowcoder.com/api/sparta/jump/link?link=https%3A%2F%2Fwww.nowcoder.com%2Fexam%2Fcompany%3FcurrentTab%3Drecommand%26jobId%3D100%26selectStatus%3D0%26tagIds%3D9079这里一共有六份真题试卷。刚刚尝试在两个小时内回答腾讯音乐娱乐集团2024校园招聘-前端开发笔试（II），结果三道算法只做出了两道。后面看题解发现第三道直接暴力枚举就行了，第二道确实有点难度（甚至是暴力枚举都很难写）。但是我第三道由于被第二道搞没了心态，就直接放弃了（真在笔试的时候千万别放弃）。所以客观来看我还是能做出三道的。刚才仔细看了一下第二道题，应该是属于动态规划，感觉其实也没有想象中那么难，可以认为是需要进行细致分类讨论的子问题分解递推求解。虽然我很菜，但是我要怀有题目不难的信念，这样才能保持心态良好。发现有一套试卷打不开，那我这两天做四套题就好了。9.4今天大概就是继续刷题好了。做两套或者三套。花了四个小时才做好了一套卷，这次是把全部题目都通过了。虽然花的时间超了，但是也给自己增加了信心：我是有能力把所有题目都做出来的，包括十分困难的动态规划！但是动态规划的那道题目我就花了1小时40分钟，其实前面20分钟已经把递推公式写出来了。但是发现自己的编程还不够熟练，而且平台的js版本要滞后一些，有些方法用不了。做的过程中常把数组和字符串的方法搞混了，还有些方法直接忘了。比如我在想办法往数组的前面插入一个元素，想了10分钟竟没有办法，只好作弊查了一下MDN文档，原来要用splice(0,0,value)。所以还要抄一抄数据结构来熟练一下。后面这份试卷就没那么幸运了，而且最后一道看程序写结果的题目到现在也没有完全搞明白，只是知道有那么回事。其中比较奇妙的就是在函数内给没有声明过的变量赋值会变为globalThis的变量，而不管调用函数时的this是什么。function test() {           getName = function() {  Promise.resolve().then(() => console.log(0));     console.log(1);               };return this; }比如上面的getName会变为globalThis的一个变量(即全局变量)。不管是直接调用：test(),还是用call或apply指定this：test.call(obj)或test.apply(obj)，getName都会变为globalThis的一个变量，而不会绑定到obj。此外，我认为TME2022校园招聘前端开发岗位笔试（II）的第一道算法的描述是错误的。“若当前节点为右儿子，会变成当前节点的双亲节点的右边相邻兄弟节点的左孩子节点。(如果当前节点的双亲节点已经是最右边的节点了，则会变成双亲节点同级的最左边的节点的左孩子节点)”，这里的右边相邻兄弟节点严格来说具有同一父节点的才算兄弟节点，不过测试用例则是把堂兄弟结点也算是兄弟节点了。9.5今天继续刷了TME的两套题目（实习生），有些题没做出来，不过也算是练了一下手感。做了五套题，现在大概已经有了些感觉，起码打字速度加快了一些，对算法的实现流畅了一些。其中最大的进步可能就是初步领略了动态规划。有许多题目败在了算法复杂度上，确实是基本功不够扎实导致的，因为实在是想不出优化的办法，看了一下题解经常会看到一些人说xxx方法这样，希望我也有一天可以做到这样。不过按目前的情况来看大概要到春招的时候了。笔试：刚才完成了TME的笔试，ac了三道题（一共四道）。四道都是比较基础的算法题，但是由于脑子不太好使，第三道一开始想歪了（想到了动态规划那边），最后用偏暴力的递推来解，但是计算子方阵权值的长度选取一下没想清楚，导致没做出来。不过想想还是算了，毕竟笔试AC了三道已经算是我历史上的最佳成绩了，毕竟之前算法一直是我的弱项，而之前的面试都是一道都做不出来的。这无疑给了我充分的信心：我不会被算法卡脖子！

自我介绍聊项目服务器部署，linux相关命令，文件权限提升路由哈希模式和历史模式区别token到期检测，重定向原型链闭包及应用Promise作用以及常见方法事件循环事件循环输出题，看代码说结果盒模型BFC的作用及触发条件浏览器缓存（强缓存和协商缓存）tcp为什么要经历三次握手和四次挥手进程和线程的区别手撕深拷贝大数加减法

自我介绍- 蓝桥杯是什么- 问两个开源项目：   - Threejs 那个怎么说  - 某音乐网站嵌入 tauri 二次开发（扯了一下写的 vite 插件，实现了把外部网站嵌入到脚手架内实现的直接开发，还有重写部分热重载代码，以及代理后端，实现内容覆盖与整个网站的控制权，以及扯了一下这种跨平台开发要注意的是什么，然后就扯了一下ipc通信与序列化的性能）    - 做了这些插件最终的意义？（提升开发体验与效率） - 这些是自己做的还是实验室做的（第一个跟隔壁实验室哥们一起做的，第二个是自己做的，2023年7月 -> 2024年8月，有GitHub提交可查）- 说一下你对前端工程化的理解（尽可能地实现非业务部分过程自动化，使得开发者可以专注开发）- 用过webpack吗，没有，直接 vite 上手- 说一下你对 vite 的认知，越多越好，尽可能地说（esbuild 开发环境，rollup 生产环境，vite 在加速方面做了哪些努力（esbuild 构建开发环境js，预构建依赖，对源码更新采用链失活处理（仅概念）））- esm cjs（同步与异步导入，import 静态分析）- url 到页面呈现（合法判断，cache，dns，tcp，dom树，cssom，js 阻塞，render tree，绘制，部分 css 送入 gpu 处理）- 说一下用 Astro 的原因（vite 作为底层驱动支持，内容驱动静态网站生成，支持SSG，SSR）- 除了 SSG，SSR 还有什么渲染，区别是什么（ISR，CSR，边缘计算）- Astro SSR 还有哪些应用场景（扯了一下官网文档的电商平台，用户可以先看到页面商品内容，具有交互性质的按钮可以在后续注水激活）- 说一下 yjs 是干什么的（以CRTD为核心思想的并发冲突解决库）- 在线演示平台，平台有多少人在用（不多，给内部人员编辑使用）- 做这个遇到最难的地方是什么（服务端崩溃上下文丢失后内容恢复，说了目前的实现与未来最好实现）- VSCode 插件看一下效果（演示了一下并说了转 ast 做处理的简单流程）笔试：- html css js 基础- lodash.get- 树遍历本来要反问了，感觉节奏不对，继续跟面试官扯完了简历上的后两点：- 页面预览实现？  成本有点高，目前思路是转发脚手架页面  曾经做过的努力：  - 用 astro 的编译器看看能不能 build 一些组件并拼接完整页面（不能，必须依赖 node 环境或在浏览器实现需要的 api）  - 用 SSR （审查了 astro 部分源码发现对于 markdown 编译逻辑都是写在 vite 插件内，打包时是直接把 markdown 编译成 js，SSR执行时直接静态出字符串，没有运行时编译过程）  - 11月14号新出的 content layer api，去官方文档看了milestone，其中写清楚了不把运行时编译 markdown 放在目标内，与 astro 的 baseline 与解决问题场景不一致- jsx 编写通用组件？  曾经做过的努力：  - 调研 tinyMVC，在示例仓库里发现他针对各个框架都写了一套 renderless 逻辑，还为此写了一个专门抹平框架差异的函数  - taro，基于编译器实现，背后有编译团队，运行时团队，小程序团队和跨平台团队支持，对于小团队开发成本太高了反问：- base 北京上海- 二面什么时候- 主要业务- 需要改进的地方

⛄：很久之前的提前批面经，秋招结束了，补发一下。 发面经攒人品，(ง •_•)ง，凭印象写出来的，可能不全。 一面 时长：45min+ 八股 vue和react异同 vite和wepack异同 TCP三次握手四次挥手 深拷贝和浅拷贝区别 手写深拷贝 事件循环看输出 作用域看输出 this指向看输出 ... 算法 二分查找 (感觉滴滴前端很喜欢出这个题😂，之前实习的时候面试也写过这个) 二面 时长：45min+ 八股 输出项目，拓展项目 什么情况需要有一个组件库 让你搭建一个组件库如何设计 组件库多人开发协作 webpack 和 gulp 有什么区别 换肤方案，特定日期灰色主题如何最...