百度 前端一面

lz是24年前端校招，最近要离开了，组内对fe的需求非常迫切，参考我之前的面经大家可以看看最近投递一下。不确定有没有人看，先把手写题分享下，如果有我再更新一面: 1.手写继承的几种方式2.手写防抖节流3.手写dfs二面：1. 基于一面的DFS的改动（看你是不是ai写的），总体还是dfs2. 手写promise， 实现基础方法， 比如then， catch3. 手写个柯里化， 支持链式调用----分割线---提问部分：一面1. 熟悉js还是熟悉h5？ 答了js（h5属性太多怕拿捏不住）2. 写一个函数， 实现一个计时器吧， 计时器可以暂停， 重置3. let const var 区别和使用方式4. 聊一下原型链， 继承吧（都是经典的八股， 答个大概就没深挖了）5. 讲一讲事件循环6. 聊一聊对调用栈的理解二面1. 讲一讲你之前做的webpack如何让包体积减小吧2. 我看你技术栈是vue， 我们这边都是react，你怎么看换技术栈这个事（服从测试了属于是）3. 技术一直在迭代，你觉得对于前端来说， 出一个框架学一个框架是必要的吗（这里后来我问了， 她想考察我对js本身的理解， 而不是只学高度封装的库）3. 别的api的东西我也懒得问， 你自己去查文档或者问ai三面（主管）1. 浏览器瀑布流聊一下2. 确认入职时间3. 你认为什么工作是你理想的

一面解释面向对象和面向程序设计的主要区别。阐述面向对象的三大特性分别是什么。简述你所了解的程序设计模式，例如工厂模式等。说明 JavaScript 中引用数据类型和基本数据类型各自包括哪些。解释 Vue 的双向数据绑定原理。进程和线程的区别是什么？操作系统中常用的有哪些数据结构？前端对于密码加密常用哪些方法？后端设置 cookie 的操作方式有哪些？HTTP 请求头有哪些设置，数据的格式又有哪些？重载和重写的主要区别是什么？数据库设计的三大范式分别是什么？简述 OSI 的七层模型。HTTPS 是怎样进行加密的？说一说 TCP/IP 和 HTTP 之间的关系。算法题：给定一个整数数组 nums ...

一面(1h)1. 讲一个你参与过的项目，你在项目中的职责、使用的技术栈以及遇到的问题。2. BFC的作用及触发条件，使用场景讲一下。3. 在项目中，你使用过哪些ES6特性？4. 常见的HTTP状态码有哪些？分别表示什么含义？5. 前端缓存机制讲一下，如何利用前端缓存机制优化性能？6. HTTPS相较于HTTP有哪些优势？讲一下HTTPS的加密原理。7. 请求头中包含哪些重要信息？如何通过请求头实现跨域资源共享（CORS）？8. Vue的响应式原理是什么？如何实现数据的双向绑定？9. Vue的响应式原理中，为什么直接通过索引修改数组元素无法触发更新？如何解决？  10. 在使用Webpack时，你采取了哪些优化措施？11. 地图中大量标记点（Markers）的渲染性能如何优化？13. 实现一个函数，计算二叉树的最大深度。● 题目描述：二叉树的深度是指从根节点到最远叶子节点的最长路径上的节点数。请实现一个函数，接收一个二叉树的根节点作为输入，返回该二叉树的最大深度。● 输入输出要求：输入一个二叉树的根节点，输出一个整数，表示二叉树的最大深度。● 示例：// 示例二叉树：//     3//    / \//   9  20//     /  \//    15   7// 最大深度为3const root = {  val: 3,  left: { val: 9, left: null, right: null },  right: { val: 20, left: { val: 15, left: null, right: null }, right: { val: 7, left: null, right: null } }};console.log(maxDepth(root)); // 输出：314. 编写一个函数，实现两个二进制数字符串的相加，并返回结果字符串。● 题目描述：给定两个表示二进制数的字符串，编写一个函数将它们相加，并返回相加后的结果字符串。输入和输出都为字符串，且只包含字符 '0' 和 '1'。● 输入输出要求：输入两个字符串形式的二进制数，输出一个字符串，表示两个输入二进制数的和。● 示例：const a = "1101";const b = "1011";console.log(addBinary(a, b)); // 输出："11000"二面(1h)1. 讲一下你的前端模块化的理解。2. HTTP/2 解决 HTTP/1.1什么问题？3. 在你的项目中，你是如何设计埋点方案统计用户点击“加入购物车”的行为？4. Hash 模式和历史模式（History API）的路由跳转差异，如何实现服务端兼容。5. Vue 2 的 Object.defineProperty 和 Vue 3 的 Proxy 在响应式处理数组时的区别是什么？  6. 讲一下Vue 的异步更新策略，以及 nextTick 的实现原理。  7. Loader 和 Plugin 在 Webpack 中的作用有何不同？举例说明常见应用场景。  8. Webpack 热更新（HMR）的实现原理，包括客户端和服务端的协作流程。9. 手写一个支持异步链式调用的 Promise 基础版本，需包含 resolve 和 then 方法。 10. 给定数组 nums，判断是否存在三个元素 a, b, c 使得 a + b + c = 0。 11. 设计一个地图搜索框的自动补全功能。三面(40min)1. 讲一个你觉的最有成就感的项目？2. 平时用那个地图软件，你觉的百度地图和高德地图有什么区别？3. 在很多人协作开发中，若遇到接口定义不一致或代码冲突，你会如何推动问题解决？4. 你有没有团队中主动分享或推动技术方案的经历。5. 平时是怎么学习前端的？了解的最新的技术是什么 ？6. 未来3-5年，你希望在前端领域达到什么目标？地图的业务场景实现个人成长？7. 给定两个非递减整数数组 nums1（长度为 m+n）和 nums2（长度为 n），将 nums2 合并到 nums1 中，保持非递减顺序。

一、题目描述：数组求和【数组变体3】（一）题目特点：输入多行数组，每行数组元素个数指定，且输入的行数不固定。（二）数据范围：1≤n≤1000，所有数都满足1≤val≤1000。（三）输入描述：输入数据有多组，每行表示一组输入数据。每行的第一个整数为整数的个数n（1<=n<=100）。接下来n个正整数，即需要求和的每个正整数。（四）输出描述：每组数据输出求和的结果。（五）示例：输入：4 1 2 3 45 1 2 3 4 5输出：1015二、C++语言参考代码 #include<iostream> #include<vector> using namespace...