2023年大厂前端面试题汇总

一、58同城前端面试题27道

1. css盒模型

2. css画三角形

3. 盒子水平垂直居中（所有方式）

4. 重绘、重排

重绘就是重新绘制（repaint）：是在一个元素的外观被改变所触发的浏览器行为，浏览器会根据元素的新属性重新绘制，使元素呈现新的外观。

重排就是重新排列（reflow）：当渲染树的一部分必须更新并且节点的尺寸发生了变化，浏览器会使渲染树中受到影响的部分失效，并重新构造渲染树。

5. 网页颜色变灰

6. js的基本数据类型， 值类型和引用类型

7. 数据判断类型

typeof instance of constructor Object.prototype.toString.call()

8. 原型和原型链

9. cookie 、sessionStorage 、localStorage

10. async await 和 promise 区别

11. new 实现过程

12. http状态码

13. useEffect 依赖为空数组时和 componentDidMount 的区别

14. this.$nextTick() 的原理

15. computed 和watch区别

computed 对属性数据有缓存，推荐使用

16. vue 子组件能不能修改父组件的props

17. 小程序包大小限制，体积超标的话如何处理（图片压缩+CDN, 分包操作）

18. 小程序嵌套webWiew

19. 大文件上传（大视频）前端处理

断点续传 具体操作

20. webpack 工作原理

21. source-map (从本地到线上怎么操作)

22. 数据运算 0.1 + 0.2 怎么保证数据准确

方案：把小数转换为整数来进行计算。或者 使用计算库

23. nginx处理跨域-反向代理（原理）

24. 性能优化-如何评价页面性能好坏，用什么指标

25. 优化手段 从几秒到几毫秒

26. 过去遇到有挑战的事情，怎么解决的？

27. 深拷贝 和 快速查到

二、百度前端面试题

1. webpack优化

2. ES6新特性用到了哪些

箭头函数 this

promise.all() promise.rise()

3. javaScript 的 eventLoop

4. xss攻击 怎么解决

5. VVM的VM原理

6. vue2和vue3的区别

7. keepAlive

8. 路由

9. 移动端可PC端视图兼容

手写代码题

1. 扁平化数组

2. 字符串提取前几个不重复的字符串长度