2024.08.17 - 2024.08.25 更新前端面试问题总结（20道题）

2024.08.17 - 2024.08.25 更新前端面试问题总结（20道题）
获取更多面试相关问题可以访问
github 地址: https://github.com/pro-collection/interview-question/issues
gitee 地址: https://gitee.com/yanleweb/interview-question/issues

中级开发者相关问题【共计 8 道题】

835.[React] 类组件中，为什么修改状态要使用 setState 而不是用 this.state.xxx = xxx【热度: 414】【web框架】【出题公司: TOP100互联网】
回答链接：#835

836.proxy能够监听到对象中的对象的引用吗？【热度: 112】【JavaScript】【出题公司: TOP100互联网】
回答链接：#836

842.在创建对象的时候， new class 和 new function 可有什么区别【热度: 447】【JavaScript】【出题公司: 百度】
回答链接：#842

843.[vue] scope 是怎么做的样式隔离的【热度: 126】【web框架】【出题公司: 京东】
回答链接：#843

844.JS 数据类型里面， Set 和 数组分别有哪些适用场景，开发中该如何抉择【热度: 333】【JavaScript】【出题公司: 美团】
回答链接：#844

848.介绍一下 fetch 请求 keepalive 属性【热度: 112】【网络】
回答链接：#848

849.介绍一下 navigator.sendBeacon 方法【热度: 66】【web应用场景】
回答链接：#849

850.如何判断用户设备【热度: 551】【web应用场景】【出题公司: 阿里巴巴】
回答链接：#850

高级开发者相关问题【共计 11 道题】

837.[webpack] 手写一个 plugin, 统计源码里面的 console.log 调用数量与调用路径【热度: 113】【工程化】【出题公司: 美团】
回答链接：#837

838.[webpack] 手写 webpack plugin 有那些重要 api 与注意的地方？【热度: 714】【工程化】【出题公司: 美团】
回答链接：#838

839.[webpack] 手写 loader: 我要在方法调用的时候， 上报调用源文件地址【热度: 117】【工程化】【出题公司: 阿里巴巴】
回答链接：#839

840.[webpack] 手写 webpack loader 有哪些重要 api 与注意事项？【热度: 718】【工程化】【出题公司: 阿里巴巴】
回答链接：#840

841.[webpack] 多个 loader 对同一个资源进行处理， 他们之间如何通信？【热度: 134】【工程化】【出题公司: 阿里巴巴】
回答链接：#841

845.介绍一下 TypeScript 类型兼容——逆变、协变、双向协变和不变 这四个概念【热度: 30】【TypeScript】
回答链接：#845

846.混动跟随导航（电梯导航）该如何实现【热度: 498】【web应用场景】
回答链接：#846

847.退出浏览器之间， 发送积压的埋点数据请求， 该如何做【热度: 134】【web应用场景】
回答链接：#847

851.如何统计页面的 long task(长任务)【热度: 140】【web应用场景】【出题公司: 腾讯】
回答链接：#851

852.PerformanceObserver 如何测量页面性能【热度: 190】【web应用场景】【出题公司: 百度】
回答链接：#852

853.移动端如何实现下拉滚动加载（顶部加载）【热度: 740】【web应用场景】
回答链接：#853

资深开发者相关问题【共计 1 道题】

854.如何组织工程项目【热度: 517】【web应用场景】【出题公司: 阿里巴巴】
回答链接：#854