百度Web前端开发二面

1.挑一个项目介绍一下 2.请解释浏览器的渲染过程，包括从接收 HTML 到页面显示的关键步骤，以及百度搜索结果页如何优化首屏渲染速度? 3.JavaScript 中的原型与原型链是什么?如何通过原型实现继承?举例说明原型链的查找机制。 4.什么是跨域?百度地图 API在前端调用时如何解决跨域问题?常见的跨域解决方案有哪些? 5.React 中的虚拟 DOM 是什么?它与真实 DOM 相比有哪些优势?虚拟 DOM 的 Diff 算法核心逻辑是什么? 6.CSS 选择器的优先级如何计算?百度首页导航栏样式(如hover 效果)若被其他样式覆盖，如何排查并解决? 7.如何实现一个防抖(deboun...

一二面全是八股盛宴一面1、大数据量的图表有没有遇到过什么性能瓶颈，怎么做的优化呢？2、在网慢的情况下，进入页面，资源的下载顺序是怎么做的？async和defer的区别是什么？3、语义化标签有哪些？好处有哪些？SEO优化？4、服务端渲染？5、盒模型是什么？box-sizing的作用是什么？为什么要切换计算方式呢？6、如何实现一个元素的水平垂直居中7、flex布局怎么去写，双飞翼布局8、定位的方式有哪些？三大定位哪些脱离文档流？9、absolute相对什么来定位的？10、JS的数据结构有哪些？从基础数据类型和引用数据类型来说11、null和undefined有什么区别？==返回是什么？12、var、let、const有什么区别？13、闭包说一下，是怎么造成内存泄漏的影响的？14、手写一个防抖函数15、说一下事件循环，JS为何这样设计呢？16、说一下对promise的理解17、浏览器输入URL到成功渲染出来的过程中发生了什么18、DNS解析是怎么做的呢？这是递归的查询还是迭代的查询呢19、websocket如果断掉了这么检测？20、SEE是什么？是一个什么连接？二面1、TCP连接为什么需要三次握手？具体过程是什么？2、重排和重绘是什么？修改一个DIV的width属性是重排还是重绘？3、UDP知道吗？4、浏览器中的进程和线程指的是什么？5、JS为什么是单线程的？6、什么是JS异步？解释一下事件循环？每次循环执行几个宏任务7、浏览器的跨域？JSONP的原理是什么？script是在干什么？发了请求回去怎么通信的？8、HTML的第一排的就是type，不加会有什么问题？加上和不加分别是什么模式9、CSS的盒模型是什么？border- box的作用是什么？包含哪些？10、什么叫盒模型的塌陷？为什么会发生？怎么解决？11、display float的float是干嘛的12、flex和grid有什么区别？哪个是一维的？13、如果子级是200px的宽度，父级是小于200px，会发生什么？14、什么是闭包？如果定义了一个变量，是一个一两个G的话，用完之后怎么手动销毁呢？15、防抖和节流一般用来干嘛？区别是什么？16、什么是事件的冒泡和捕获？17、nodejs中的commonJS和ESmodule的区别是什么？18、静态分析的tree-shaking是干嘛的？具体的实现逻辑是什么样的？怎么去分析哪些是静态代码的？什么叫抽象语法树？19、用过哪些打包编译的工具？20、webpack的plugin和loader分别是干嘛的？21、使用less-loader的时候，过程中发生了什么？比如把less转成CSS，这个转变的过程了发生了什么？22、现在很多都是SPA，那为什么会有SSR呢？23、了解哪些跨端的框架？为什么要出现这些跨端的框架？24、RN是怎么和原生的APP通信的？他的渲染机制是什么样的？25、手撕：将数组的0移动到末尾，其他的非0数字的顺序保持不变

1.项目介绍 2.先聊一下项目，看你做了一个agent项目，介绍一下这个做什么的 3.用vue-flow 做可视化？那你们节点之间的连接逻辑是怎么做的？比如连线校验怎么做，支持动态规则吗 4.如果是一些拖拽、缩放这种高频操作下，肯定很卡顿，用哪些手段做性能优化呢 5. 那你刚提到16种节点，你这些节点之间的连接有没有做校验？比如判断节点类型、出入线数量限制这种 6. 你那个连接规则是怎么做的 7.虚拟化这部分是怎么判断哪些节点该渲染哪些不该渲染的 8. 那你缩放、拖拽这么频繁更新 DOM，是怎么节流的？你 throttle 控制的是哪个函数？ 7. 用Web Worker？怎么划分主线程和 W...

分享出来希望可以帮到大家！一面约1h20分钟1. 自我介绍2. 八股- CDN缓存会缓存多久？- 为什么TCP三次握手就够了，不需要第四次？- 对HTTP有多少了解？HTTP自定义header的场景，如何使用？3. 项目4. 题目- 逻辑推理题：夫妻握手- 代码输出：this指向问题- 实现promiseHalf5. 其他- 学习前端的原因和过程6. 反问- 通面，可以自选base地（重庆， 北京， 杭州）二面全程约1h20min1. 自我介绍2. 项目3. 八股- Redux怎么实现状态管理？store如何更新状态？4. ai coding- 开发一个trae编辑器的智能体，能够根据输入（比如实现简单页面开发）生成lynx代码, 不限制方法，限时30min5. 其他- 哪一门课程印象比较深刻？具体讲讲三面时长约1h1. 自我介绍2. 项目3. 场景题打开网页直接让你操作4. 八股- 图片格式/处理- 和项目相关的八股5. 其他6. 反问HR面常规hr面面试题，大约30min懂车帝，一个从面试内容到通过速度都令人震惊的公司…每一面的面试官都很好，对接的hr也超级好！每次面试完都留给我很多思考🤔谁懂面试完不到一天就收到offer的救赎感和震撼感…