4.8 美团核心本地商业—核心研发平台 前端开发实习一面面经

1、vue模块vue的双向绑定机制（v-model底层实现原理）vite前端工程化（热启动、打包等过程）.vue文件是如何成功呈现到浏览器上的，其中的实现原理是什么2、JavaScript模块JS ES6新特性（let、const、var的区别，如果浏览器不支持ES6应该如何进行代码适配？）JS 常见的数据类型（原始数据类型、引用数据类型在内存存储上的区别）箭头函数与一般函数的区别（上下文）什么是闭包，闭包的一些常见场景异步传输（promise有哪些常见的状态）如何解决跨域问题（跨域报错是有谁报出的，CORS跨域资源共享策略中面对复杂请求或简单请求有何区别）3、计算机网络基础网络协议http和https的区别强缓存和协商缓存的区别（cache-control的常见字段，解释no-cache字段）4、笔试题介绍一下什么是防抖，什么是节流，选择其一手写代码手写leetcode第一题twoSum，是否可以给出时间复杂度小于 O(n2) 的算法5、其它自我介绍是否有用原生JS做项目的经验是否有使用过react框架可以实习的时间对他们有什么想了解的

1. 虚拟DOM 虚拟dom是当前前端最流行的两个框架（vue和react）都用到的一种技术，都说他能帮助vue和react提升渲染性能，提升用户体验。 虚拟DOM就是一个普通的js对象（VNode 节点），是一个用来描述真实dom结构的js对象。 为什么要用虚拟DOM 你用传统的原生api或jQuery去操作DOM时，浏览器会从构建DOM树开始从头到尾执行一遍流程。 当你在一次操作时，需要更新10个DOM节点，浏览器没这么智能，收到第一个更新DOM请求后，并不知道后续还有9次更新操作，因此会马上执行流程，最终执行10次流程。 而通过VNode，同样更新10个DOM节点，虚拟DOM不会立即操作...

之前在团子挂过两次了，这次又被捞上来，还迟到了半小时，估计又凉了😭，记录一下。自我介绍。项目中的jwt鉴权，权限管理，动态路由问了问。聊了聊vue2与vue3的区别。浏览器原理，解析html过程。浏览器内核，机制原理（不知道）。进程线程。osi七层模型。（忘了应用层分为会话，表示，应用）网络攻击方式，xss怎么预防。https/http,http2.0升级了什么。tls握手过程，常见加密方式，解释对称非对称加密。http状态码。tcp/udp,使用场景。请求体响应体结构。js中数组方法，能想起来多少说多少。几个数组操作场景题，主要是find，filter，map，indexof，every，当时忘了有every了，没答好。原生js与框架对比，优缺点。原生js选中dom元素，选中文档对象方式（忘了）。算法：去重加扁平化。面试官挺好，鸽了他半小时还一直说没事没事，很多能答上来但是感觉答不全，继续努力。

📍面试公司：滴滴网约车部门前端秋储面试👜面试岗位：滴滴网约车部门前端秋储面试📖面试问题：一面:八股盛宴自我介绍1.flex实现水平居中2.js数据类型3.防抖节流4.二分查找5.this指向6.let，const和var的区别7.react的diff算法8.react和vue的区别9.SSR做了什么10.Webpack的优化手段11.Promise输出问题12.浏览器渲染原理12.缓存13.Webpack拆包是怎么做的二面：纯场景题1.手写深拷贝2.实现一个响应式的三桶布局3.手写useState场景题给我拷打麻了，泡池子ing🙌面试体验：