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

2024.04.20 - 2024.05.09 更新前端面试问题总结（18道题）

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

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

726.[React] 介绍一下 HOC【热度: 789】【web框架】【出题公司: 百度】
回答链接：#726

727.[React] 介绍一下 MutationObserver【热度: 632】【浏览器】【出题公司: 阿里巴巴】
回答链接：#727

728.ts 项目中，如何使用 node_modules 里面定义的全局类型包到自己项目 src 下面使用？【热度: 377】【TypeScript】【出题公司: 阿里巴巴】
回答链接：#728

730.mouseEnter、mouseLeave、mouseOver、mouseOut 有什么区别？【热度: 266】【JavaScript】【出题公司: 阿里巴巴】
回答链接：#730

739.样式隔离方式有哪些【热度: 683】【CSS】【出题公司: 美团】
回答链接：#739

742.单元测试中， TDD、BDD、DDD 分别指？【热度: 166】【工程化】【出题公司: 京东】
回答链接：#742

743.用 JS 写一个 cookies 解析函数， 输出结果为一个对象【热度: 137】【web应用场景】【出题公司: 网易】
回答链接：#743

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

725.husky 作用是啥， 有哪些重要配置【热度: 192】【工程化】【出题公司: 腾讯】
回答链接：#725

729.tsconfig 配置中 types 和 typeRoots 作用是什么， 有什么区别？【热度: 378】【TypeScript】【出题公司: 阿里巴巴】
回答链接：#729

731.[React] Portals 作用是什么， 有哪些使用场景？【热度: 216】【web框架】【出题公司: 腾讯】
回答链接：#731

732.[React] react 和 react-dom 是什么关系？【热度: 197】【web框架】【出题公司: 腾讯】
回答链接：#732

733.什么是DNS劫持？【热度: 165】【网络】【出题公司: 百度】
回答链接：#733

734.站点如何防止爬虫？【热度: 554】【web应用场景】【出题公司: 百度】
回答链接：#734

735.git pull 和 git fetch 有啥区别？【热度: 355】【web应用场景】【出题公司: 百度】
回答链接：#735

737.在 JS 中， 如何解决递归导致栈溢出问题？【热度: 269】【JavaScript】【出题公司: 小米】
回答链接：#737

738.jsBridge 是什么？原理是啥？【热度: 220】【JavaScript】【出题公司: 小米】
回答链接：#738

740.vue 中 Scoped Styles 是如何实现样式隔离的， 原理是啥？【热度: 244】【CSS】【出题公司: 美团】
回答链接：#740

741.[React] forwardsRef 作用是啥， 有哪些使用场景？【热度: 336】【web框架】【出题公司: PDD】
回答链接：#741

2024.04.15 - 2024.04.20 更新前端面试问题总结（23道题）

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

初级开发者相关问题【共计 2 道题】

712.html的行内元素和块级元素的区别【热度: 796】【web应用场景】【出题公司: TOP100互联网】
回答链接：#712

713.[css] 如何设置渐变色？【热度: 746】【CSS】【出题公司: TOP100互联网】
回答链接：#713

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

707.在表单校验场景中， 如何实现页面视口滚动到报错的位置【热度: 248】【web应用场景】【出题公司: 小红书】
回答链接：#707

708.介绍一下 scrollIntoView api【热度: 286】【web应用场景】【出题公司: TOP100互联网】
回答链接：#708

709.Husky 和 lint-staged 有什么区别？【热度: 387】【工程化】【出题公司: 百度】
回答链接：#709

710.[React] 在 react 项目开发过程中， 是否可以不用 react-router， 使用浏览器原生 history 路由来组织页面路由？【热度: 632】【web框架、web应用场景】【出题公司: TOP100互联网】
回答链接：#710

711.[React] react-router 和 原生路由区别【热度: 434】【web框架、web应用场景】【出题公司: TOP100互联网】
回答链接：#711

715.普通数据类型存储在哪里？堆还是栈【JavaScript】【出题公司: TOP100互联网】
回答链接：#715

716.对象深拷贝的原理和代码实现【热度: 892】【JavaScript】【出题公司: TOP100互联网】
回答链接：#716

720.express 里面的 中间件 和 插件， 是一个意思吗？【热度: 469】【Nodejs】【出题公司: 阿里巴巴】
回答链接：#720

721.前端渲染和后端渲染各有啥优缺点， 为何现在技术大方向又逐渐往【后端渲染】方向靠了呢？【热度: 470】【Nodejs】【出题公司: 阿里巴巴】
回答链接：#721

722.documentFragment api 是什么， 有哪些使用场景？【热度: 115】【web应用场景】【出题公司: 腾讯】
回答链接：#722

723.树结构查找， 实现一个函数， 通过 id 来查找 tree 数据结构对应的节点【热度: 867】【代码实现/算法】【出题公司: 百度】
回答链接：#723

724.扁平数据通过 parent 关联, 实现扁平结构转嵌套 tree 结构【热度: 218】【代码实现/算法】【出题公司: 百度】
回答链接：#724

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

704.如何一次性渲染十万条数据还能保证页面不卡顿【热度: 426】【web应用场景】【出题公司: TOP100互联网】
回答链接：#704

705.虚拟混动加载原理是什么， 用 JS 代码简单实现一个虚拟滚动加加载。【热度: 354】【web应用场景】【出题公司: 小红书】
回答链接：#705

706.交叉观察器 API IntersectionObserver 详解【热度: 665】【web应用场景】【出题公司: 小红书】
回答链接：#706

714.不同标签页或窗口间的 【主动推送消息机制】 的方式有哪些？（不借助服务端）【热度: 401】【web应用场景】【出题公司: Shopee】
回答链接：#714

717.[React] 为何要自己实现调度器， 而不是直接使用 requestIdleCallback ？【热度: 236】【web框架】【出题公司: 阿里巴巴】
回答链接：#717

718.介绍一下 requestIdleCallback api【热度: 290】【web应用场景】【出题公司: 阿里巴巴】
回答链接：#718

719.[Vue] Vue2 中双向绑定是通过 Object.defineProperty() 实现的， 那么它是如何监控数组的？【热度: 447】【web框架】【出题公司: 阿里巴巴】
回答链接：#719

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

702.如何从 0 到 1 搭建前端基建【热度: 404】【工程化】【出题公司: TOP100互联网】
回答链接：#702

703.[webpack] 打包时 hash 码是如何生成的【热度: 167】【工程化】【出题公司: TOP100互联网】
回答链接：#703

2024.04.12 - 2024.04.15 更新前端面试问题总结（20道题）

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

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

681.CSS 中的 display 属性有哪些值？【热度: 593】【CSS】【出题公司: TOP100互联网】
回答链接：#681

682.CSS 属性值计算 - calc【热度: 320】【CSS】【出题公司: TOP100互联网】
回答链接：#682

683.void 和 never 区别【热度: 410】【TypeScript】【出题公司: 阿里巴巴】
回答链接：#683

687.JS 严格模式作用是啥？【热度: 530】【JavaScript】【出题公司: 腾讯】
回答链接：#687

689.ES6 中的 Set 对象该如何遍历【热度: 410】【JavaScript】【出题公司: TOP100互联网】
回答链接：#689

690.ES6 中的 Map 对象该如何遍历【热度: 411】【JavaScript】【出题公司: TOP100互联网】
回答链接：#690

693.介绍一下 TS 中的泛型【热度: 118】【TypeScript】【出题公司: TOP100互联网】
回答链接：#693

694.TS 中 any 和 unknow 的区别【热度: 412】【TypeScript】【出题公司: TOP100互联网】
回答链接：#694

695.Proxy 和 Reflect 有什么关系？【热度: 361】【JavaScript】【出题公司: 滴滴】
回答链接：#695

697.JS 的加载会阻塞浏览器渲染吗？【热度: 243】【浏览器】【出题公司: TOP100互联网】
回答链接：#697

698.开发过程中为什么会选择使用 ts , 相比于 JS 开发， 有哪些优点？【热度: 318】【TypeScript】【出题公司: 阿里巴巴】
回答链接：#698

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

684.Eslint 代码检查的过程是啥？【热度: 111】【web应用场景】【出题公司: 阿里巴巴】
回答链接：#684

686.应用上线后， 怎么通知用户刷新当前页面？【热度: 466】【web应用场景】【出题公司: 美团】
回答链接：#686

688.JS 严格模式为什么会禁用 with 语句？【热度: 210】【JavaScript】【出题公司: TOP100互联网】
回答链接：#688

691.Webpack 项目中通过 script 标签引入资源，在项目中如何处理?【热度: 100】【工程化】【出题公司: TOP100互联网】
回答链接：#691

692.在Babel里，stage0、stage1、stage2 和 stage3 分别代表什么含义？【工程化】【出题公司: TOP100互联网】
回答链接：#692

696.浏览器对队头阻塞有什么优化？【热度: 368】【网络、浏览器】【出题公司: 滴滴】
回答链接：#696

699.你在开发过程中， 使用过哪些 TS 的特性或者能力？【热度: 670】【TypeScript】【出题公司: 阿里巴巴】
回答链接：#699

700.babel 核心库有哪些？【热度: 35】【工程化】【出题公司: 小红书】
回答链接：#700

701.[React] 为什么 react 组件， 都必须要申明一个 import React from 'react';【热度: 115】【web框架、工程化】【出题公司: 小红书】
回答链接：#701

2024.01.02 - 2024.04.12 更新前端面试问题总结（17道题）

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

初级开发者相关问题【共计 1 道题】

677.JS 放在 head 里和放在 body 里有什么区别？【热度: 420】【web应用场景】【出题公司: 阿里巴巴】
回答链接：#677

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

664.递归和尾递归是什么概念?【热度: 649】【JavaScript】【出题公司: TOP100互联网】
回答链接：#664

669.常见网络协议有哪些【热度: 724】【网络】【出题公司: TOP100互联网】
回答链接：#669

676.列表分页， 快速翻页下的竞态问题【热度: 444】【网络】【出题公司: 阿里巴巴】
回答链接：#676

680.HTTP是一个无状态的协议，那么Web应用要怎么保持用户的登录态呢？【热度: 1,092】【网络】【出题公司: TOP100互联网】
回答链接：#680

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

663.如何禁止别人调试自己的前端页面代码?【热度: 347】【web应用场景】【出题公司: TOP100互联网】
回答链接：#663

665.TypeScript 内置的类型方法和工具类型【热度: 492】【TypeScript】【出题公司: TOP100互联网】
回答链接：#665

666.git 仓库迁移应该怎么操作【热度: 160】【web应用场景】【出题公司: 小米】
回答链接：#666

667.Protobuf 相关知识【热度: 216】【网络】【出题公司: 阿里巴巴】
回答链接：#667

668.权限管理模型相关概念【热度: 670】【web应用场景】【出题公司: TOP100互联网】
回答链接：#668

671.grpc 和 protobuf 是什么关系？【热度: 320】【网络】【出题公司: TOP100互联网】
回答链接：#671

672.JS 执行 100 万个任务， 如何保证浏览器不卡顿？【热度: 806】【web应用场景】【出题公司: TOP100互联网】
回答链接：#672

673.http 中 CSP 是什么【热度: 323】【网络】【出题公司: 阿里巴巴】
回答链接：#673

674.http 中 HSTS 是什么【热度: 374】【网络】【出题公司: 阿里巴巴】
回答链接：#674

675.CORS 请求中，是如何触发预检请求【热度: 229】【网络】【出题公司: 阿里巴巴】
回答链接：#675

678.为什么 Vite 速度比 Webpack 快？【热度: 382】【工程化】【出题公司: 腾讯】
回答链接：#678

679.如何检测网页空闲状态(一定时间内无操作)【热度: 329】【web应用场景】【出题公司: 百度】
回答链接：#679