Releases: pro-collection/interview-question
2024.09.17 - 2024.09.22 更新前端面试问题总结（20道题）
2024.09.17 - 2024.09.22 更新前端面试问题总结（20道题）
获取更多面试相关问题可以访问
github 地址: https://github.com/pro-collection/interview-question/issues
gitee 地址: https://gitee.com/yanleweb/interview-question/issues
中级开发者相关问题【共计 10 道题】
-
[Vue] vue 全局注册组件很方便，为何不都是用全局注册【热度: 592】【web框架】【出题公司: TOP100互联网】
回答链接：#917 -
[Vue] 子组件定义接受的 props 方式有哪些【热度: 465】【web框架】【出题公司: TOP100互联网】
回答链接：#918 -
[Vue] 子组件是否能使用 未定义的 props 【热度: 266】【web框架】【出题公司: TOP100互联网】
回答链接：#919 -
[Vue] 介绍一下 defineModel【热度: 433】【web框架】【出题公司: TOP100互联网】
回答链接：#920 -
[Vue] 介绍一下 defineEmits【热度: 346】【web框架】
回答链接：#922 -
[Vue] 介绍一下 Provide【热度: 633】【web框架】
回答链接：#925 -
[Vue] 如何自定义指令【热度: 159】【web框架】
回答链接：#928 -
[Vue] 插件是什么概念，有什么作用，该怎么用【热度: 550】【web框架】
回答链接：#930 -
[Vue] 有哪些内置组件【热度: 355】【web框架】
回答链接：#932 -
[Vue] 介绍一下 vue 工具链【热度: 53】【web框架】
回答链接：#935
高级开发者相关问题【共计 10 道题】
-
[Vue] vue3 里面
<script setup>作用是啥【热度: 210】【web框架】
回答链接：#916 -
[Vue] 都是支持响应式， defineModel 和 reactive 有何不同【热度: 344】【web框架】【出题公司: TOP100互联网】
回答链接：#921 -
[Vue] 介绍一下条件插槽【热度: 100】【web框架】
回答链接：#923 -
[Vue] 介绍一下动态插槽名【web框架】
回答链接：#924 -
[Vue] 如何提升复用逻辑【热度: 671】【web框架】
回答链接：#926 -
[Vue] 组合式函数 和 vue2 mixins 对比， 有何优劣【热度: 311】【web框架】
回答链接：#927 -
[Vue] vue 如何配置全局使用的定义或者常量【热度: 337】【web框架】
回答链接：#929 -
[Vue] 实现一个简单的 i18n (国际化 (Internationalization) 的缩写) 插件【热度: 166】【web框架】
回答链接：#931 -
[Vue] 详细介绍一下 teleport 内置组件【热度: 100】【web框架】
回答链接：#933 -
[Vue] 介绍一下 component 动态组件【热度: 184】【web框架】
回答链接：#934
2024.09.17 更新前端面试问题总结（20道题）
2024.09.17 更新前端面试问题总结（20道题）
获取更多面试相关问题可以访问
github 地址: https://github.com/pro-collection/interview-question/issues
gitee 地址: https://gitee.com/yanleweb/interview-question/issues
初级开发者相关问题【共计 1 道题】
- [Vue] 为何会被称为渐进式框架， 哪儿体现了渐进式【热度: 390】【web框架】
回答链接：#896
中级开发者相关问题【共计 8 道题】
-
[Vue] 选项式 API 和组合式 API，两者有何区别，该如何取舍【热度: 322】【web框架】【出题公司: 美团】
回答链接：#897 -
[Vue] 解释一下 @submit.prevent="onSubmit" 这个指令【热度: 590】【web框架】
回答链接：#900 -
[Vue] 响应式里面 ref 和 reactive 有啥区别【热度: 414】【web框架】
回答链接：#901 -
[Vue] computed 和 普通函数有何区别【热度: 332】【web框架】
回答链接：#905 -
[Vue] 提供了哪些默认事件修饰符【热度: 366】【web框架】
回答链接：#906 -
[Vue] 介绍一下 3.x 侦听器 watch【热度: 671】【web框架】
回答链接：#910 -
[Vue] 介绍一下 3.x 侦听器 watchEffect【热度: 323】【web框架】
回答链接：#911 -
[Vue] 多个 slot 插槽场景，该如何申明与使用【热度: 380】【web框架】
回答链接：#914
高级开发者相关问题【共计 11 道题】
-
[Vue] 3.x 中 app.config 有哪些应用配置？【热度: 200】【web框架】【出题公司: 美团】
回答链接：#898 -
[Vue] 如何处理异步加载组件【热度: 254】【web框架】
回答链接：#899 -
[Vue] 深层嵌套的对象、数组或者 JavaScript 内置的数据结构，比如 Map 等， 在响应式使用方面， ref 和 reactive 有何区别吗【热度: 415】【web框架】
回答链接：#902 -
[Vue] vue 中 reactive() 返回的为何是一个原始对象的 Proxy，有和好处【热度: 416】【web框架】
回答链接：#903 -
[Vue] reactive() 的局限性有哪些【热度: 410】【web框架】
回答链接：#904 -
[Vue] 触发事件修饰符 .exact 的作用是啥【热度: 454】【web框架】
回答链接：#907 -
[Vue] 输入绑定修饰符 .lazy 作用是啥【热度: 95】【web框架】
回答链接：#908 -
[Vue] 生命周期【热度: 848】【web框架】
回答链接：#909 -
[Vue] watch 和 watchEffect 场景上有何区别， 该如何选择【热度: 174】【web框架】
回答链接：#912 -
[Vue] 侦听器在什么情况下是需要清理副作用的【热度: 148】【web框架】
回答链接：#913 -
[Vue] useTemplateRef 作用是啥， 哪些情况下要要使用这个 api【热度: 405】【web框架】
回答链接：#915
2024.08.31 - 2024.09.17 更新前端面试问题总结（21道题）
2024.08.31 - 2024.09.17 更新前端面试问题总结（21道题）
获取更多面试相关问题可以访问
github 地址: https://github.com/pro-collection/interview-question/issues
gitee 地址: https://gitee.com/yanleweb/interview-question/issues
中级开发者相关问题【共计 12 道题】
-
[] == ! [] 为什么返回 true【热度: 100】【JavaScript】
回答链接：#877 -
长文本场景，中间显示省略号..., 两端正常展示【热度: 351】【JavaScript】【出题公司: 美团】
回答链接：#878 -
JS 如何计算一段文本渲染之后的长度【热度: 648】【JavaScript】【出题公司: 百度】
回答链接：#879 -
flex 布局中子元素不压缩， 该如何设置属性【热度: 200】【CSS】【出题公司: 小米】
回答链接：#881 -
在开发过程中，想做 git 代码暂存，该如何做【热度: 342】【web应用场景】【出题公司: 百度】
回答链接：#883 -
介绍一下 position sticky【热度: 826】【CSS】【出题公司: 美团】
回答链接：#884 -
pnpm install 和 npm install 有何区别【工程化】【出题公司: 阿里巴巴】
回答链接：#889 -
npm run start 的过程是啥，为何能执行对应的命令【热度: 170】【web应用场景】【出题公司: 腾讯】
回答链接：#890 -
http 的请求和响应都有哪些传输数据格式【热度: 149】【网络】【出题公司: 美团】
回答链接：#892 -
http 常见的几个重定向 code 是多少，区别是啥【热度: 172】【网络】【出题公司: 美团】
回答链接：#893 -
http的请求和响应报文 有啥区别【网络】【出题公司: TOP100互联网】
回答链接：#894 -
http 的 请求和 响 应报文分 别是什么样的【网络】【出题公司: TOP100互联网】
回答链接：#895
高级开发者相关问题【共计 7 道题】
-
eslint 如何设置只校验本次 MR 变更的文件内容【热度: 200】【web应用场景】【出题公司: 小米】
回答链接：#876 -
需要详细记录多个操作链路的性能耗时，进行结构化场景分析，该如何做【热度: 378】【web应用场景】【出题公司: 美团】
回答链接：#880 -
websocket 断联之后如何重连，且保证锻炼期间数据不丢失【热度: 200】【web应用场景】【出题公司: 腾讯】
回答链接：#882 -
如何做静态资源预加载【热度: 696】【web应用场景】【出题公司: 腾讯】
回答链接：#885 -
[webpack] 代码分割中，让所有的外部依赖打成一个包，源码 source 打成一个包，该如何配置【热度: 352】【工程化】【出题公司: 阿里巴巴】
回答链接：#886 -
[webpack] 如何优化产物大小【热度: 521】【工程化】【出题公司: 阿里巴巴】
回答链接：#887 -
发送请求的时候， method = OPTIONS 是什么请求【热度: 717】【网络】【出题公司: 小米】
回答链接：#891
资深开发者相关问题【共计 2 道题】
2024.08.25 - 2024.08.31 更新前端面试问题总结（20道题）
2024.08.25 - 2024.08.31 更新前端面试问题总结（20道题）
获取更多面试相关问题可以访问
github 地址: https://github.com/pro-collection/interview-question/issues
gitee 地址: https://gitee.com/yanleweb/interview-question/issues
初级开发者相关问题【共计 1 道题】
- 内联加载样式和外联加载样式有啥区别【热度: 383】【CSS】【出题公司: Shopee】
回答链接：#870
中级开发者相关问题【共计 11 道题】
-
如何判断页签是否为活跃状态【热度: 153】【web应用场景】【出题公司: 百度】
回答链接：#855 -
如果在网络带宽一定的情况下， 切片上传感觉和整体上传， 消费的时间应该是差不多的。 这种说法正确吗【热度: 363】【web应用场景】【出题公司: 百度】
回答链接：#856 -
可有办法判断用户的网络条件, 判断网速快慢，网络状态？【热度: 195】【网络】【出题公司: 小米】
回答链接：#857 -
在页面关闭时执行方法，该如何做【热度: 334】【web应用场景】【出题公司: 腾讯】
回答链接：#859 -
长文本溢出，展开/收起如何实现【热度: 895】【web应用场景】【出题公司: 阿里巴巴】
回答链接：#861 -
如何实现鼠标拖拽【热度: 212】【web应用场景】
回答链接：#863 -
ResizeObserver 作用是什么【热度: 416】【web应用场景】【出题公司: 美团】
回答链接：#866 -
要实时统计用户浏览器窗口大小，该如何做【热度: 210】【web应用场景】【出题公司: 美团】
回答链接：#867 -
flex 布局中，有哪些常用的属性，分别作用是啥【热度: 300】【CSS】【出题公司: 百度】
回答链接：#868 -
实现阿拉伯数字转中文【热度: 673】【代码实现/算法】【出题公司: 小米】
回答链接：#869 -
TypeScript 中 any、never、unknown、null & undefined 和 void 有什么区别【热度: 334】【TypeScript】
回答链接：#871
高级开发者相关问题【共计 8 道题】
-
大文件切片上传的时候，确定切片数量的时候，有那些考量因素【热度: 366】【web应用场景】【出题公司: 百度】
回答链接：#858 -
如何统计用户 pv 访问的发起请求数量（所有域名的）【热度: 469】【web应用场景】【出题公司: 百度】
回答链接：#860 -
[React] 性能调优中，如何确定哪个数据变化引起的组件渲染【热度: 500】【web框架】【出题公司: 阿里巴巴】
回答链接：#862 -
统计全站每一个静态资源加载耗时， 该如何做【热度: 564】【web应用场景】【出题公司: 阿里巴巴】
回答链接：#864 -
如何防止前端页面重复请求【热度: 451】【web应用场景】【出题公司: 京东】
回答链接：#865 -
JS 项目逐步迁移到 TS 项目，该如何做【热度: 870】【TypeScript】【出题公司: 阿里巴巴】
回答链接：#872 -
tsconfig.json 中有哪些重用的配置项【热度: 289】【TypeScript】【出题公司: 阿里巴巴】
回答链接：#873 -
如何开启 ts 类型强校验，ts 类型错误 webpack 直接编译失败【热度: 232】【TypeScript】【出题公司: 小米】
回答链接：#874
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
2024.08.10 - 2024.08.17 更新前端面试问题总结（20道题）
2024.08.10 - 2024.08.17 更新前端面试问题总结（20道题）
获取更多面试相关问题可以访问
github 地址: https://github.com/pro-collection/interview-question/issues
gitee 地址: https://gitee.com/yanleweb/interview-question/issues
初级开发者相关问题【共计 2 道题】
825.promise 的三种状态分别是什么， 是怎么转换的， 转换时机呢?【热度: 323】【JavaScript】【出题公司: 美团】
回答链接：#825
832.CSS 中隐藏元素的方法有哪些？【热度: 273】【CSS】【出题公司: 百度】
回答链接：#832
中级开发者相关问题【共计 10 道题】
815.0.1 + 0.2 不等于 0.3 这是什么原因，要怎么解决【热度: 389】【JavaScript】
回答链接：#815
816.[webpack] 构建过程中， 是如何将我们 es6 代码 编译为 es5【热度: 420】【工程化】【出题公司: TOP100互联网】
回答链接：#816
817.[React] 类组件里面 setState 做了哪些事儿【热度: 200】【web框架】【出题公司: TOP100互联网】
回答链接：#817
821.【git] 如何移除一个指定的 commit【热度: 762】【web应用场景】【出题公司: 阿里巴巴】
回答链接：#821
826.js 数据类型里面， Set 和 object 分别有哪些适用场景，开发中该如何抉择【热度: 395】【JavaScript】【出题公司: 美团】
回答链接：#826
827.对象的遍历方式有哪些【热度: 848】【JavaScript】【出题公司: PDD】
回答链接：#827
828.[vue] 第一次页面加载会触发哪几个钩子【热度: 112】【web框架】【出题公司: 网易】
回答链接：#828
829.JS 脚本延迟加载的方式有哪些？【热度: 156】【JavaScript】【出题公司: 腾讯】
回答链接：#829
830.node 里面可以使用 es module 吗【热度: 187】【Nodejs】【出题公司: 腾讯】
回答链接：#830
833.[git] 将多次提交压缩成一次提交【热度: 412】【web应用场景】【出题公司: 百度】
回答链接：#833
高级开发者相关问题【共计 8 道题】
818.[React] useState 的原理是什么，背后怎么执行的【热度: 446】【web框架】【出题公司: TOP100互联网】
回答链接：#818
819.[React] 为什么要自定义合成事件【热度: 132】【web框架】【出题公司: TOP100互联网】
回答链接：#819
820.手写瀑布流布局【热度: 551】【JavaScript】【出题公司: 阿里巴巴】
回答链接：#820
822.【git] 当项目报错，你想定位是哪个 commit 引入的错误的时候，该怎么做【热度: 650】【web应用场景】【出题公司: 阿里巴巴】
回答链接：#822
823.axios 是否可以缓存请求返回值到内存里面，下次调用的时候，直接使用内存中的缓存数据？【热度: 884】【网络】【出题公司: 腾讯】
回答链接：#823
824.手写一个 axios 中间件，支持缓存返回到本地内存【热度: 845】【网络】【出题公司: 腾讯】
回答链接：#824
831.在低版本的 node 中想使用 es module 该如何做？【热度: 188】【Nodejs】【出题公司: 腾讯】
回答链接：#831
834.实现一个函数，支持深度遍历 JS 对象，且允许再遍历的时候，修改对象的数据，得到新的对象【热度: 441】【JavaScript】【出题公司: 百度】
回答链接：#834
2024.07.12 - 2024.08.10 更新前端面试问题总结（20道题）
2024.07.12 - 2024.08.10 更新前端面试问题总结（20道题）
获取更多面试相关问题可以访问
github 地址: https://github.com/pro-collection/interview-question/issues
gitee 地址: https://gitee.com/yanleweb/interview-question/issues
初级开发者相关问题【共计 1 道题】
814.盒模型【热度: 753】【CSS】
回答链接：#814
中级开发者相关问题【共计 10 道题】
795.axios 是否可以取消请求【热度: 532】【网络、web应用场景】【出题公司: TOP100互联网】
回答链接：#795
796.cookie 可以实现不同域共享吗【热度: 533】【网络】【出题公司: TOP100互联网】
回答链接：#796
798.px 如何转为 rem【热度: 545】【CSS】
回答链接：#798
801.富文本里面， 是如何做到划词的（鼠标滑动选择一组字符， 对组字符进行操作）？【热度: 100】【web应用场景】【出题公司: TOP100互联网】
回答链接：#801
802.如何在划词选择的文本上添加右键菜单（划词：鼠标滑动选择一组字符， 对组字符进行操作）【热度: 100】【web应用场景】【出题公司: TOP100互联网】
回答链接：#802
803.如何实现预览 PDF 文件【热度: 173】【web应用场景】
回答链接：#803
806.如何减少项目里面 if-else【热度: 310】【web应用场景】【出题公司: 美团】
回答链接：#806
807.[React] hooks 调用是可以写在 if 语句里面吗【热度: 337】【web框架】【出题公司: 腾讯】
回答链接：#807
809.ajax 和 xhr 是什么关系？【热度: 332】【网络】【出题公司: TOP100互联网】
回答链接：#809
810.axios 请求的底层依赖是什么？【热度: 266】【网络】【出题公司: TOP100互联网】
回答链接：#810
高级开发者相关问题【共计 4 道题】
797.浏览器有同源策略， 但是为何 cdn 请求资源的时候不会有跨域限制【热度: 579】【网络】【出题公司: TOP100互联网】
回答链接：#797
804.[React] 生态有哪些【热度: 442】【web框架】【出题公司: 腾讯】
回答链接：#804
805.babel-runtime 作用是啥【热度: 200】【工程化】【出题公司: 腾讯】
回答链接：#805
808.日志监控问题：可有办法将请求的调用源码地址包括代码行数也上报上去？【热度: 814】【web应用场景】【出题公司: 阿里巴巴】
回答链接：#808
资深开发者相关问题【共计 5 道题】
799.如何标准化处理线上用户反馈的问题【热度: 631】【web应用场景】
回答链接：#799
800.如何做好前端监控方案【热度: 672】【web应用场景】
回答链接：#800
811.日志监控：如何还原用户操作流程【热度: 450】【web应用场景】【出题公司: TOP100互联网】
回答链接：#811
812.[React] scheduler 调度机制原理【热度: 660】【web框架】【出题公司: TOP100互联网】
回答链接：#812
813.[React] useRef 是如何实现的【热度: 299】【web框架】【出题公司: TOP100互联网】
回答链接：#813
2024.05.26 - 2024.07.12 更新前端面试问题总结（17道题）
2024.05.26 - 2024.07.12 更新前端面试问题总结（17道题）
获取更多面试相关问题可以访问
github 地址: https://github.com/pro-collection/interview-question/issues
gitee 地址: https://gitee.com/yanleweb/interview-question/issues
中级开发者相关问题【共计 9 道题】
779.[React] 循环渲染中 为什么推荐不用 index 做 key【热度: 320】【web框架】【出题公司: TOP100互联网】
回答链接：#779
784.前端应用 如何做国际化？【热度: 199】【web应用场景】【出题公司: 美团】
回答链接：#784
787.flex：1 代表什么【热度: 400】【CSS】【出题公司: 百度】
回答链接：#787
788.请求失败会弹出一个 toast , 如何保证批量请求失败， 只弹出一个 toast【热度: 420】【web应用场景】【出题公司: PDD】
回答链接：#788
789.css 实现翻牌效果【热度: 116】【CSS】【出题公司: 快手】
回答链接：#789
790.js 如何判空？ 「空」包含了：空数组、空对象、空字符串、0、undefined、null、空 map、空 set , 都属于为空的数据【热度: 640】【JavaScript】【出题公司: PDD】
回答链接：#790
792.css 实现打字机效果【热度: 96】【CSS】【出题公司: TOP100互联网】
回答链接：#792
793.dom 里面， 如何判定 a 元素是否是 b 元素的子元素【热度: 400】【web应用场景】【出题公司: TOP100互联网】
回答链接：#793
794.前端如何实现折叠面板效果？【热度: 113】【web应用场景】【出题公司: TOP100互联网】
回答链接：#794
高级开发者相关问题【共计 8 道题】
778.[React] 如何避免使用 context 的时候， 引起整个挂载节点树的重新渲染【热度: 420】【web框架】【出题公司: TOP100互联网】
回答链接：#778
780.[微前端] 微前端架构一般是如何做 JavaScript隔离【热度: 127】【工程化】【出题公司: 阿里巴巴】
回答链接：#780
781.[微前端] Qiankun 是如何做 JS 隔离的【热度: 228】【工程化】【出题公司: 阿里巴巴】
回答链接：#781
782.[微前端] 为何通常在 微前端 应用隔离， 不选择 iframe 方案【热度: 280】【工程化】【出题公司: 阿里巴巴】
回答链接：#782
783.应用如何做应用灰度发布【热度: 247】【工程化】【出题公司: 腾讯】
回答链接：#783
785.如何清理源码里面没有被应用的代码， 主要是 JS、TS、CSS 代码【热度: 329】【web应用场景】【出题公司: 腾讯】
回答链接：#785
786.一般是怎么做代码重构的【热度: 191】【web应用场景】【出题公司: PDD】
回答链接：#786
791.判断一个对象是否为空，包含了其原型链上是否有自定义数据或者方法。 该如何判定？【热度: 546】【JavaScript】【出题公司: PDD】
回答链接：#791
2024.05.22 - 2024.05.26 更新前端面试问题总结（18道题）
2024.05.22 - 2024.05.26 更新前端面试问题总结（18道题）
获取更多面试相关问题可以访问
github 地址: https://github.com/pro-collection/interview-question/issues
gitee 地址: https://gitee.com/yanleweb/interview-question/issues
中级开发者相关问题【共计 3 道题】
760.[Webpack] 支持哪些模块化加载？【热度: 154】【工程化】【出题公司: TOP100互联网】
回答链接：#760
774.[React] useEffect 依赖为空数组与 componentDidMount 区别【热度: 366】【web框架】【出题公司: TOP100互联网】
回答链接：#774
775.[React] 如何针对 react hooks 写单测【热度: 170】【web框架】【出题公司: TOP100互联网】
回答链接：#775
高级开发者相关问题【共计 14 道题】
761.[Webpack] 为何不支持 CMD 模块化【热度: 255】【工程化】【出题公司: TOP100互联网】
回答链接：#761
762.[Webpack] 内部执行原理【热度: 668】【工程化】【出题公司: TOP100互联网】
回答链接：#762
763.[Webpack] 如何使用 ts 来编写配置文件？【热度: 251】【工程化】【出题公司: TOP100互联网】
回答链接：#763
764.[Webpack] 多入口打包共享模块【热度: 337】【工程化】【出题公司: TOP100互联网】
回答链接：#764
765.[Webpack] output 配置里面， chunkFilename 和 filename 区别是什么？【热度: 210】【工程化】【出题公司: TOP100互联网】
回答链接：#765
766.[Webpack] 如何将一些通用的依赖打包成一个独立的 bundle【热度: 643】【工程化】【出题公司: TOP100互联网】
回答链接：#766
767.[Webpack] 如何提取复用代码给多个 entry 使用？【热度: 292】【工程化】【出题公司: TOP100互联网】
回答链接：#767
768.测试前端代码覆盖率一般有什么手段？【热度: 550】【工程化】【出题公司: 阿里巴巴】
回答链接：#768
769.[Webpack] ts 编写的库， 在使用 webpack 构建的时候， 如何对外提供 d.ts【热度: 224】【工程化】【出题公司: 阿里巴巴】
回答链接：#769
770.编写 npm 包的时候，可以办法自动生成 changlog 与自动更新 tag【热度: 455】【工程化】【出题公司: 腾讯】
回答链接：#770
771.如何做 commit lint【热度: 425】【工程化】【出题公司: 腾讯】
回答链接：#771
772.在做 eslint 和 commitlint 的时候， 可以使用 --no-verify 跳过， 这种情况下该如何强制卡点【热度: 233】【工程化】【出题公司: 美团】
回答链接：#772
776.[Webpack] 你用过哪些可以提高效率的插件？【热度: 179】【工程化】【出题公司: TOP100互联网】
回答链接：#776
777.[Webpack] 配置代码太多，达到数千行，这个时候该如何优化配置代码【热度: 186】【工程化】【出题公司: TOP100互联网】
回答链接：#777
资深开发者相关问题【共计 1 道题】
773.技术选型上有一些什么标准【热度: 622】【web应用场景】【出题公司: PDD】
回答链接：#773
2024.05.09 - 2024.05.23 更新前端面试问题总结（16道题）
2024.05.09 - 2024.05.23 更新前端面试问题总结（16道题）
获取更多面试相关问题可以访问
github 地址: https://github.com/pro-collection/interview-question/issues
gitee 地址: https://gitee.com/yanleweb/interview-question/issues
中级开发者相关问题【共计 7 道题】
745.[webpack] mode 是做什么用？【热度: 475】【工程化】【出题公司: Shopee】
回答链接：#745
746.[React] 是如何处理组件更新和渲染的？【热度: 862】【web框架】【出题公司: 快手】
回答链接：#746
747.[React] 介绍一下 useReducer【热度: 547】【web框架】【出题公司: 滴滴】
回答链接：#747
748.[React] useEffect 钩子的工作原理是什么【热度: 459】【web框架】【出题公司: 滴滴】
回答链接：#748
754.介绍一下 CSS 变量怎么声明和使用？【热度: 688】【CSS】【出题公司: TOP100互联网】
回答链接：#754
755.less 函数如何使用？【热度: 229】【CSS】【出题公司: TOP100互联网】
回答链接：#755
756.CSS 属性计算函数 Calc 介绍一下【热度: 228】【CSS】【出题公司: TOP100互联网】
回答链接：#756
高级开发者相关问题【共计 8 道题】
744.V8 里面的 JIT 是什么？【热度: 694】【工程化】【出题公司: Shopee】
回答链接：#744
749.[webpack] optimize 配置有哪些作用【热度: 280】【工程化】【出题公司: TOP100互联网】
回答链接：#749
750.[webpack] optimize 配置中， 分割代码配置 splitChunks 怎么使用【热度: 546】【工程化】【出题公司: TOP100互联网】
回答链接：#750
751.CSS 在2023 迎来重大更新， 更新内容是什么【热度: 548】【CSS】【出题公司: TOP100互联网】
回答链接：#751
752.webpack 的主要配置项有哪些【热度: 766】【工程化】【出题公司: TOP100互联网】
回答链接：#752
753.[React] React 19 有哪些新特性？【热度: 879】【web框架】【出题公司: TOP100互联网】
回答链接：#753
757.如何统计长任务时间、长任务执行次数【热度: 489】【web应用场景】【出题公司: TOP100互联网】
回答链接：#757
759.前端如何做 页面主题色切换【热度: 538】【web应用场景】【出题公司: TOP100互联网】
回答链接：#759
资深开发者相关问题【共计 1 道题】
758.前端视角 - 如何保证系统稳定性【热度: 566】【工程化】【出题公司: TOP100互联网】
回答链接：#758