《百度前端面经》专题

基本信息 时间：2023.6.14 时长：48min base：帝都 面试岗位：前端实习 问题 自我介绍 哪个项目是最近做的项目？ 技术栈是vue吗？ 是vue2还是vue3？ 说一下vue2的生命周期函数 我想操作dom在哪个生命周期函数中操作？ 如果在其他生命周期操作dom会发生怎么样的情况？ 组件之间的通信方式 vuex是单向数据流还是双向数据流 vue的双向数据绑定的原理 什么是虚拟DO

百度前端实习一面，面试官真的人太好啦，超级随和的一个人！面试体验极好！就是最后问了排序方式，我当时脑子一抽，居然只说出来三个，我真的人麻了，最后问面评:技术挺好的，做了挺多东西的，就是数据结构可能要加强，我真的人麻了，排序我是真脑子一抽就忘了，我平时也在刷题的啊，哎不知道能不能过😭😭😭

base 深圳 智能办公平台部 时间线： 07-18 一面 07-23 二面 07-27 三面 至今无后续 🤡，但是招聘官网上仍处于面试状态，没有共享中，希望有个好结果🙏 一面 面试官介绍面试流程: 实习内容阐述、项目技术难点问答、基础技术知识、简单手写 自我介绍 实习经历深挖：以下大部分问题均是因为简历上有提及 electron 唤起新窗口的实现（这里最开始没听懂想问什么, 后面意识到可以从

一面 8.12 聊项目 文件上传，切片，唯一性验证 webworker webpack（我不会）  项目聊得比较多，八股没怎么问（或者是我忘了） 【手写】括号匹配 二面 8.19 vue响应式、diff 对react理解哪些 webpack（好的我不会） 讲讲项目，做了什么，难题 长列表优化（不太懂要问啥） 作用域 闭包，缺点，用处 https 浏览器渲染 渲染进程的多线程（合成...） 浏览器内

百度效率真高啊，一面完一个小时就约二面，二面纯写代码，估计要凉 1. 自我介绍 2. vue中传递参数的方式，伪代码 3. vue组件，伪代码 4. axios二次封装伪代码（忘记怎么写了，说了一下思路） 5. 写一个简单的promise使用的例子 6. 写一下vue中响应式原理中拦截部分（defineproperty）伪代码 7. 说说你觉得你能通过这次面试的优势在哪里 二面全程和面试官都没怎么

1. 自我介绍 2. 前端的学习路线，为什么选择前端 3. 科研论文 4. 为什么选择base北京（其他城市没有hc啊喂，面试官尬笑） 5. 反问 全程半小时，应该是leader

一面 一位女面试官，声音非常好听! 最简单的一面? 全是最简单的八股 算法题一：合并有序链表 算法题二：给定括号个数打印有效括号 二面 艰难的二面 开始拷打!深挖项目，真的是刨根问底儿，有关性能优化的问题很多，场景题涉及方面也非常广 三面 神奇的三面 合作项目中的角色，如何架构一个组件库，最重要的几个要点?场景变化，假如需求变为几百人使用，业务是巴拉巴拉，你该如何设计?保证性能该做哪些措施?测试如

1. 自我介绍 2. 实习项目和科研论文，20分钟 3. 手写工厂模式，并实现继承，实现组合继承 4. 手写逆序数组 5. 手写遍历dom所有节点，返回标签名 6. js事件响应机制，捕获冒泡 7. tcp三次握手，浏览器发出请求到页面渲染发生了什么 8. 反问，10分钟 穿插着其它基础问题，没录屏，具体的忘了 全程1小时，问题都比较基础，会往深处问，扯远了再扯下一道题，面试官比较友好且健谈 PS

1. 自我介绍 2. 聊实习项目，技术难点，聊重构收益 3. 聊怎么接触前端，成长路线 4. html5语义化标签，css3新增特性 5. 获取dom的原生方法，怎么创建dom元素和修改元素 6. html渲染流程，重排和重绘，怎么避免重排和重绘 7. 2个页面之间通信的方法 8. jsonp的原理，跨域相关知识 9. node处理文件流 10. webpack生命周期与plugin 11. vi

自我介绍 项目相关 聊天室支持群聊吗 实时通信实现方式 -夸路由组件的应用场景 保存状态其他方式也能做，为什么要这么做 前端框架脚手架 monorepo Vite 和 Webpack区别， 知道多少说多少 Vite首次加载如何优化 （懒加载？） 子依赖中依赖了父依赖已经安装过的依赖怎么避免重复安装 React useMemo useCallBack 区别，应用场景 useState setStat

一面： - [ ] 介绍一下你的项目、项目难点和解决方法 - [ ] React16之前和之后的区别 - [ ] setstate是同步还是异步 - [ ] 如果要实现setState批量更新该怎么操作 - [ ] 谈谈对hooks的理解 - [ ] useState和类组件state的区别 - [ ] useEffect的功能对应了类组件的哪些功能 - [ ] Css弹性布局容器属性和元素属性有

2.20一面： 自我介绍 js有哪些基本数据类型 es6新特性 promise的各种api 闭包内存泄露怎么解决 react原理 reacthooks useCallback和useMemo的区别 useRef的用法 threejs怎么理解 webglMVP变换 threejs内存泄露 webpack常用loader loader是什么（自定义loader url-loader和file-load

投递 7.29 基本情况：内推投递 非直通部门 非科班 没实习和高大上项目 没想过提前批简历能过~ 一面 8.17 自我介绍 看了什么书 写编程题三道：很简单的斐波那契数列、括号匹配、二叉树剪枝 做剪枝之前问了熟悉什么算法 ES6新特性 promise说一下，API说一下 利用promise实现xx秒返回value react生命周期 同步异步 事件循环等 基本你回答到XX点面试官就会打断你说可以

一面 8.24 16:00 讲实习 水平垂直居中 position有哪些值 static absolute relative fixed sticky 说一下BFC js基本数据类型 instanceof 原理 说一下ES6新增 for in 和for of区别 Object.defineProperty 定义的对象的属性有哪些 https://developer.mozilla.org/zh-C

一面： 主要是做了三道题，其他没太问（做太久了后面没时间了） 二分查找（如果排序是逆序怎么处理） 实现 instanceof （null、undefined 怎么处理） 实现水波跳动效果  二面： key 的作用 -- 虚拟 dom 的构建 key 是虚拟 dom 对象的标识，当状态中的数据发生变化时，react 会根据新数据会生成新的虚拟 dom ，之后进行新旧虚拟 dom 的对比。 旧虚拟 d