Releases: pro-collection/interview-question
2024.10.18 - 2024.10.26 更新前端面试问题总结（20道题）
2024.10.18 - 2024.10.26 更新前端面试问题总结（20道题）
获取更多面试相关问题可以访问
github 地址: https://github.com/pro-collection/interview-question/issues
gitee 地址: https://gitee.com/yanleweb/interview-question/issues
初级开发者相关问题【共计 7 道题】
-
package.json 里面，表示导出包内容的配置有哪些【热度: 260】【web应用场景】
回答链接：#1026 -
html 里面哪些是块级元素， 哪些是行内元素【热度: 160】【web应用场景】
回答链接：#1027 -
HTML 中有哪些语义化标签【热度: 32】【web应用场景】
回答链接：#1031 -
CSS 如何实现固定长宽比的元素【热度: 546】【CSS】
回答链接：#1032 -
Javascript 数组中有那些方法可以改变自身，那些不可以【热度: 307】【web应用场景】
回答链接：#1034 -
事件委托是什么概念， 有何适用场景【热度: 265】【JavaScript】
回答链接：#1035 -
Object.keys 与 Object.getOwnPropertyNames() 有何区别【热度: 210】【JavaScript】
回答链接：#1036
中级开发者相关问题【共计 8 道题】
-
前端工程里面，如何检测并避免循环依赖【热度: 359】【工程化】
回答链接：#1017 -
eslint 该如何配置【热度: 487】【工程化】
回答链接：#1018 -
eslint 有哪些实用的插件， 该如何配置【热度: 488】【工程化】
回答链接：#1019 -
闭包有哪些使用场景，请举例【热度: 679】【JavaScript】【出题公司: 小米】
回答链接：#1022 -
如何使用 node 做一个全局命令行工具【热度: 141】【Nodejs】【出题公司: 阿里巴巴】
回答链接：#1024 -
什么是 semver 规范，~1.2.3 与 ^1.2.3 的版本号范围是多少【热度: 233】【Nodejs】【出题公司: 腾讯】
回答链接：#1025 -
npm install 之后需要执行一些处理工作，应该如何处理【热度: 162】【web应用场景】【出题公司: PDD】
回答链接：#1028 -
flex 布局中 align-content 与 align-items 有何区别【热度: 106】【web应用场景】
回答链接：#1030
高级开发者相关问题【共计 5 道题】
2024.10.13 - 2024.10.18 更新前端面试问题总结（20道题）
2024.10.13 - 2024.10.18 更新前端面试问题总结（20道题）
获取更多面试相关问题可以访问
github 地址: https://github.com/pro-collection/interview-question/issues
gitee 地址: https://gitee.com/yanleweb/interview-question/issues
初级开发者相关问题【共计 1 道题】
- HTML 中的 input 标签有哪些 type【热度: 197】【web应用场景】
回答链接：#1011
中级开发者相关问题【共计 11 道题】
-
[Vue] vue3 如何监听数组变化【热度: 199】【web框架】【出题公司: 美团】
回答链接：#997 -
[Vue] vue3 还是使用的虚拟 dom 吗？【热度: 345】【web框架】
回答链接：#1000 -
如果我期望，页面加载和解析完成之后出发事件， 我该怎么做【热度: 299】【web应用场景】
回答链接：#1002 -
JS 如何翻转一个字符串【热度: 442】【代码实现/算法】
回答链接：#1006 -
JS 如何翻转一个数组【热度: 327】【代码实现/算法】
回答链接：#1007 -
css 如何实现分栏布局【热度: 502】【CSS】
回答链接：#1008 -
前端如何快速获取页面 url query 参数【热度: 888】【web应用场景】
回答链接：#1012 -
介绍一下 URLSearchParams API【热度: 10】【web应用场景】【出题公司: TOP100互联网】
回答链接：#1013 -
如何把一个数组随机打乱【热度: 550】【代码实现/算法】
回答链接：#1014 -
package.json 依赖申明的方式有哪些， 他们有何却别【热度: 193】【web应用场景】
回答链接：#1015 -
npm workspaces 是什么概念， 主要是解决什么问题【热度: 100】【工程化】
回答链接：#1016
高级开发者相关问题【共计 8 道题】
-
[Vue] nextTick 作用是什么， 原理是什么【热度: 177】【web框架】【出题公司: 美团】
回答链接：#998 -
现代框架如 React、Vue 相比原生开发有什么优势【热度: 897】【web框架】
回答链接：#999 -
[Vue] vue3 对虚拟 dom 做了哪些优化【热度: 446】【web框架】
回答链接：#1001 -
DOMContentLoaded事件和load事件有什么区别【热度: 210】【web应用场景】
回答链接：#1003 -
如何计算页面白屏时间【热度: 400】【web应用场景】
回答链接：#1004 -
如何计算页面首屏时间【热度: 426】【web应用场景】
回答链接：#1005 -
[webpack] 是如何处理 commonjs 模块的文件， 使其编译结果能被浏览器使用。【热度: 210】【工程化】
回答链接：#1009 -
前端如何处理一个页面多主题色可供选择的场景【热度: 797】【web应用场景】
回答链接：#1010
2024.10.07 - 2024.10.13 更新前端面试问题总结（20道题）
2024.10.07 - 2024.10.13 更新前端面试问题总结（20道题）
获取更多面试相关问题可以访问
github 地址: https://github.com/pro-collection/interview-question/issues
gitee 地址: https://gitee.com/yanleweb/interview-question/issues
初级开发者相关问题【共计 1 道题】
- 实现一个 JS 函数， 功能是从数组中随机取一个元素【热度: 215】【JavaScript】
回答链接：#994
中级开发者相关问题【共计 8 道题】
-
iterator 对象有哪些特征【热度: 288】【JavaScript】
回答链接：#977 -
node 中 nextTick 与 setTimeout 有什么区别【热度: 220】【Nodejs】
回答链接：#979 -
[React] 在 redux 中如何写一个记录状态变更的日志插件【热度: 52】【web框架】【出题公司: 腾讯】
回答链接：#982 -
实现一个 once 函数，记忆返回结果只执行一次【热度: 319】【JavaScript】
回答链接：#987 -
查找页面出现次数最多的 HTML 标签【热度: 379】【web应用场景】
回答链接：#990 -
常见的 http code 4xx 都有哪些状态码【热度: 545】【网络】【出题公司: 美团】
回答链接：#992 -
304 是什么状态码， 跟哪些 header 有关【热度: 546】【网络】【出题公司: 美团】
回答链接：#993 -
如何实现页面文本不可选中，不可复制【热度: 255】【web应用场景】【出题公司: 京东】
回答链接：#996
高级开发者相关问题【共计 11 道题】
-
iterator 和 数组 有什么关系【热度: 119】【JavaScript】
回答链接：#978 -
[React] 对象数据状态不可变是什么概念【热度: 113】【web框架】【出题公司: 阿里巴巴】
回答链接：#980 -
[React] 如何实践数据不可变状态【热度: 114】【web框架】【出题公司: 阿里巴巴】
回答链接：#981 -
[React] 在 setState 时发生了什么【热度: 169】【web框架】【出题公司: 小米】
回答链接：#983 -
HTTPS 安全协议主要是啥【热度: 779】【网络】
回答链接：#984 -
https 加密协议里面: TLS 和 SSL 分别是什么，有何区别【热度: 51】【网络】
回答链接：#985 -
https 层可以做哪些性能优化【热度: 172】【网络】
回答链接：#986 -
[React]在应用中如何排查性能问题【热度: 255】【web框架】【出题公司: TOP100互联网】
回答链接：#988 -
有哪些前端性能分析工具【热度: 400】【web应用场景】【出题公司: TOP100互联网】
回答链接：#989 -
部署一个 node 应用要考虑哪些因素【热度: 98】【Nodejs、工程化】【出题公司: 腾讯】
回答链接：#991 -
http3 有哪些核心的新特性【热度: 313】【网络】
回答链接：#995
2024.09.28 - 2024.10.07 更新前端面试问题总结（21道题）
2024.09.28 - 2024.10.07 更新前端面试问题总结（21道题）
获取更多面试相关问题可以访问
github 地址: https://github.com/pro-collection/interview-question/issues
gitee 地址: https://gitee.com/yanleweb/interview-question/issues
初级开发者相关问题【共计 1 道题】
- 完整域名的构成部分【网络】
回答链接：#971
中级开发者相关问题【共计 8 道题】
-
try...catch 是否能捕获异步异常【热度: 701】【web应用场景】
回答链接：#958 -
浏览器中如何实现剪切板复制内容的功能【热度: 95】【web应用场景】【出题公司: 美团】
回答链接：#960 -
http ETag 值改变了，是否意味着文件内容一定已经更改【热度: 138】【网络、web应用场景】【出题公司: 阿里巴巴】
回答链接：#962 -
站点是如何保持登录状态【热度: 210】【网络、web应用场景】【出题公司: 腾讯】
回答链接：#963 -
http 向 https 做重定向应该使用哪个状态码【热度: 336】【网络、web应用场景】【出题公司: 网易】
回答链接：#966 -
http 缓存中 no-cache 与 no-store 的区别是什么【热度: 564】【网络、web应用场景】【出题公司: 小米】
回答链接：#969 -
对于已经 import 但未实际使用的模块使用 webpack 还会对它打包吗【热度: 108】【工程化】【出题公司: 阿里巴巴】
回答链接：#970 -
http2 中的首部压缩是什么【网络】
回答链接：#972
高级开发者相关问题【共计 11 道题】
-
前端部署应该要考虑哪些问题【热度: 310】【工程化】【出题公司: 腾讯】
回答链接：#956 -
前端需要加载一个大体积的文件时， 一般有哪些优化思路【热度: 594】【工程化】【出题公司: 腾讯】
回答链接：#957 -
分片上传文件，如何校验文件完整性【热度: 220】【web应用场景】
回答链接：#959 -
http 响应头中的 ETag 值是如何生成的【热度: 37】【web应用场景】【出题公司: 阿里巴巴】
回答链接：#961 -
http 静态文件缓存 Last-Modified 是根据什么生成的【热度: 85】【网络、web应用场景】【出题公司: 阿里巴巴】
回答链接：#964 -
http header content-type 为 application/octet-stream，则代表什么意思【热度: 136】【网络、web应用场景】
回答链接：#965 -
http 缓存 header 中的 Date 与 Last-Modified 有什么不同【热度: 276】【网络、web应用场景】【出题公司: Shopee】
回答链接：#967 -
https 中如何保证证书是可信任的【热度: 210】【网络】【出题公司: 阿里巴巴】
回答链接：#973 -
如果 cookie 没有设置 maxage， 那么这一条 cookie 失效时间改怎么算【热度: 42】【网络】【出题公司: 小红书】
回答链接：#974 -
css 中属性选择器及类选择器的权重哪个高【热度: 642】【CSS、web应用场景】
回答链接：#975 -
commonjs 模块化中 module.exports 与 exports 有什么区别， 该如何选择【热度: 194】【工程化、web应用场景】
回答链接：#976
资深开发者相关问题【共计 1 道题】
- 如何进行代码质量检测【热度: 497】【web应用场景】【出题公司: 小米】
回答链接：#968
2024.09.22 - 2024.09.28 更新前端面试问题总结（20道题）
2024.09.22 - 2024.09.28 更新前端面试问题总结（20道题）
获取更多面试相关问题可以访问
github 地址: https://github.com/pro-collection/interview-question/issues
gitee 地址: https://gitee.com/yanleweb/interview-question/issues
初级开发者相关问题【共计 2 道题】
-
如何限制 input 框只能输入正整数【热度: 230】【web应用场景】【出题公司: 百度】
回答链接：#937 -
localStorage 是同步还是异步【热度: 210】【web应用场景】【出题公司: 百度】
回答链接：#938
中级开发者相关问题【共计 6 道题】
-
手写实现 lodash.flattenDeep 将array递归为一维数组【热度: 345】【web应用场景】【出题公司: 小米】
回答链接：#939 -
防止对象被篡改有哪些方式【热度: 260】【JavaScript】【出题公司: 阿里巴巴】
回答链接：#940 -
axios 有哪些特性【热度: 147】【网络、web应用场景】
回答链接：#942 -
数组里面有 10 万个数据，取第一个元素和第 10 万个元素的时间相差多少【热度: 775】【JavaScript】
回答链接：#943 -
想设置 axios 全局通用配置， 有哪些方法【热度: 298】【网络、web应用场景】
回答链接：#947 -
给 axios 做一个通用拦截器，实现功能为状态码非 200 的时候，统一拦截错误， 提示一个 toast, 该如何实现【热度: 339】【网络、web应用场景】
回答链接：#948
高级开发者相关问题【共计 12 道题】
-
[Vue] 对比一下 vuex 和 Pinia 两个状态库【热度: 300】【web框架】【出题公司: 小米】
回答链接：#936 -
动画性能如何检测【热度: 262】【web应用场景】
回答链接：#941 -
[webpack] 发中使用的是 esm 和 webpack, 是否可以直接调用 commonjs 模块化的三方包【热度: 359】【工程化】【出题公司: 阿里巴巴】
回答链接：#944 -
axios 支持哪些常用的配置【热度: 196】【网络、web应用场景】
回答链接：#945 -
解释下 axios withCredentials 配置【热度: 197】【网络、web应用场景】
回答链接：#946 -
axios 如何注销拦截器【热度: 140】【网络、web应用场景】
回答链接：#949 -
axios 如何取消请求【热度: 218】【网络、web应用场景】
回答链接：#950 -
在 forEach 中和 for 循环 中调用异步函数的区别【热度: 371】【JavaScript、web应用场景】
回答链接：#951 -
mobx 和 redux 有什么区别【热度: 277】【web应用场景】【出题公司: 阿里巴巴】
回答链接：#952 -
[webpack] tree-shaking 原理【热度: 722】【工程化】【出题公司: 腾讯】
回答链接：#953 -
前端应用有哪些代码测试手段【热度: 385】【web应用场景】【出题公司: 腾讯】
回答链接：#954 -
单元测试、E2E 测试有和区别？【热度: 258】【web应用场景】【出题公司: 腾讯】
回答链接：#955
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