百度前端一面面经

一面自我介绍为什么要换实习问实习然后延伸八股遇到的比较困难的问题是什么（一）工程化项目打包工具是什么，区别Loader 的功能是什么（二）浏览器原理介绍浏览器的事件循环机制哪些是宏任务、哪些是微任务async/await 的原理是什么浏览器可以识别哪些文件老浏览器不支持新 API要怎么解决（回答的不是很好（三）JS原型链是什么，原型链的终点是什么虚拟列表的实现原理是什么（四）其他有没有自己的服务器，一般用来做什么、怎么操作本地网页其他网段设备无法访问，服务器部署却可以访问，原因是什么（回答的不是很好常用 Linux 命令吗，列举几个（五）手撕用 React 实现一个列表数据渲染当时以为凉了，没...

公司规模100-499人 做进出口贸易的2.27电话约笔试2.28笔试通过 约面3.4 一面自我介绍1. 对前端为什么有兴趣？2. 发表论文 并且研究方向是机器学习 这是算法学习的路线  你认为你学的这些对前端开发有什么帮助吗3. 电商平台对用户体验是非常高的，如何提升用户的体验呢4. 有哪些是资源性优化 比如怎么提高页面的加载速度 或者说交互等待的时间呢5. 比如有一些大量的图片加载，或者说3d模型地图的加载，这些比较庞大的资源，怎么样去优化这个页面的加载时长呢？6. 前端页面的性能优化的指标有哪些 他们是怎么测量的呢7. 有没有了解过github的一些代码仓库的一些管理流程8. 一个功能 他的代码出现了问题，那你定位这个问题，还有说怎么去查找这个问题出现在哪里，你的步骤是怎样的9. 你的开发习惯是怎样，怎么去确保代码的可读性，还有可维护性10. 对于封装组件这个事情，你是如何看待的，怎么判断一个东西需要去封装成组件11. 如何用一套代码去控制适配多端呢12. 闭包是什么 举一个你在开发中实际用到的闭包的例子13. 说一下原型链14. 列举es6的新特性15. 箭头函数和普通函数的区别是什么16. promise.all和promise.race的区别是什么17. 说一下防抖和节流 ，原理是什么，有哪些使用场景18. CSS 的方法中有一个叫 matchMedia， 这个方法它是用来做什么的？19. JS 中有一个 dispatchEvent 这个方法它是用来做什么的？20. 在开发中要做一些丝滑的动画，那么在css在动画的时候，为什么更退间用transform和同名度，而不是去改变元素的宽高项目21. 两个项目都有用到虚拟加载、虚拟列表，那么如果不用vue的话这个虚拟列表从底层是如何计算要渲染哪一些元素的？22. 商品的结合页每个商品的卡片的高度是动态的，也就是说是不固定的 ，这个虚拟列表应该怎么做23. 项目中的路由懒加载，还有骨架屏，缩短了首屏加载的时间，那么这个骨架截屏是在什么时候去渲染呢24. 接口瞬间就返回了，那么页面会不会出现骨架屏闪烁的问题，怎么去处理呢25. 电商平台项目，封装的sku规格选择组件，假如说一个商品有颜色、尺码、款式三个维度，并且有一部分的组合是缺货的，那么当用户选中红色的时候，前端怎样搞笑的计算出哪些吃吗或者款式应该被设置为不可选的26. 项目中用了webspeech api ，那么html5有哪些你觉得对提升前端体验很有用的新标签或者api（强调了一下intersectionobserver api27. 项目是独立完成的吗28. llm项目遇到的最大的困难是什么如何解决的？场景题29. 直接给展示了公司的页面问 吸顶导航怎么实现的？点击导航栏会跳转到对应的位置 这个怎么实现？30. 某一个元素，你想怎么样去滚动？或者说上下也好，左右也好，它都是固定在你的页面中的某一个位置，那你是用什么方法去固定它？算法31. 快排聊天32. 如果一个项目的时间比较紧急，快要到期限了你会怎么做？33. 哪里人反问对今天面试表现的建议？面试官说 知识面还算广 但是不够深入 也缺乏实战经验大部分都答上来了 但是磕磕绊绊的面完半小时就有结果了 过了约了明天的二面

一、JS基础必刷题（必刷！刷40题左右）前端的根基！面试官一上来就问，基础不牢，后面全白搭，这部分必须吃透，不能偷懒！重点刷这些：变量提升、原型链、闭包、this指向（必考！）、箭头函数与普通函数区别、异步编程（Promise、async/await，高频中的高频）、数组方法（map、filter、reduce，不仅要会用，还要懂原理）、深浅拷贝、类型转换、事件冒泡与捕获。刷题建议：每天1-2题，不用刷太多，重点是理解，比如闭包的作用和坑、this指向的各种场景，刷完能自己讲明白，比死记硬背强10倍！二、HTML+CSS必刷题（基础加分，刷20-30题）别觉得这部分简单就忽略！很多人栽在这，尤...

1.     盒模型2. ​    position属性3. ​    absolute 和 relative 区别4. ​    项目响应式布局如何实现5. ​    rem 和 em 区别6. ​    http状态码7. ​    网络缓存8. ​    浏览器存储9. ​    ts 的优点10. ​    js 数据类型11. ​    类型判断方法12. ​    原型链的应用场景13. ​    vue 生命周期分个类描述14. ​    请求方法放在哪个生命周期？15. ​    watch 和 computed 区别16. ​    组件间通信17. ​    项目难点18. ​    前后端沟通有没有遇到问题19.let obj = { a: 0 };function test(obj) {obj.a = 1;obj = { a: 2 };obj.b = 3;}test(obj);console.log(obj); // 输出20.    事件循环输出题21.    算法：最长不含重复字符的子字符串帮同学贴一个 米哈游校招内推链接～内推码：052BT投递链接：https://jobs.mihoyo.com/?sharePageId=121176&recommendationCode=052BT&isRecommendation=true#/campus/position