Releases: pro-collection/interview-question
2023.07.23 - 2023.07.29 更新前端面试问题总结（20道题）
2023.07.23 - 2023.07.29 更新前端面试问题总结（20道题）
获取更多面试相关问题可以访问
github 地址: https://github.com/pro-collection/interview-question/issues
gitee 地址: https://gitee.com/yanleweb/interview-question/issues
初级开发者相关问题【共计 1 道题】
487.typeof null 的输出结果是什么，为什么？【热度: 93】【JavaScript】【出题公司: Shopee】
回答链接：#487
中级开发者相关问题【共计 14 道题】
484.proxy 有那些实际使用场景【热度: 849】【JavaScript】【出题公司: 滴滴】
回答链接：#484
485.script 标签上有那些属性，分别作用是啥？【热度: 744】【web应用场景】【出题公司: Shopee】
回答链接：#485
486.如何冻结一个 JS 对象【热度: 949】【JavaScript】【出题公司: Shopee】
回答链接：#486
488.[Vue] Vue2.0 和 Vue3.0 有什么区别【web框架】
回答链接：#488
490.DOM 树解析过程【热度: 416】【浏览器】
回答链接：#490
492.实现管道函数【热度: 540】【JavaScript】【出题公司: Shopee】
回答链接：#492
493.为什么 SPA 应用都会提供一个 hash 路由，好处是什么？【热度: 681】【web应用场景】【出题公司: 快手】
回答链接：#493
- HTML5 的 History API 进行导航时，页面真的进行了一个切换吗？【热度: 424】【浏览器】【出题公司: 滴滴】
回答链接：#494
495.原生 js 如何进行监听路由的变化【热度: 906】【浏览器】【出题公司: 网易】
回答链接：#495
496.[React] 如何进行路由变化监听【热度: 698】【web应用场景】【出题公司: 百度】
回答链接：#496
497.onpopstate可以监听到一个pushstate的事件吗【热度: 546】【浏览器】【出题公司: 百度】
回答链接：#497
500.根据 path 来解析数组，生成多维度的数组对象【算法题】【JavaScript】
回答链接：#500
501.TCP/IP五层协议是什么？【热度: 548】【网络】【出题公司: 美团】
回答链接：#501
503.如何判断一个单向链表是否是循环链表?【热度: 975】【JavaScript】【出题公司: 美团】
回答链接：#503
高级开发者相关问题【共计 5 道题】
489.[Vue] 你做过哪些性能优化【热度: 969】【web框架】【出题公司: Shopee】
回答链接：#489
491.如何优化 DOM 树解析过程【热度: 414】【浏览器】
回答链接：#491
498.一般项目里面对请求 request 都会做哪些统一封装？【热度: 916】【网络】【出题公司: 阿里巴巴】
回答链接：#498
499.如何封装一个请求，让其多次调用的时候，实际只发起一个请求的时候，返回同一份结果【热度: 636】【网络】【出题公司: 阿里巴巴】
回答链接：#499
502.浏览器本身是不支持模块化的, webpack 是如何通过文件打包，让浏览器可以读取到前端各个模块的代码的？【热度: 1,153】【工程化】【出题公司: 美团】
回答链接：#502
2023.07.06 - 2023.07.23 更新前端面试问题总结（9道题）
2023.07.06 - 2023.07.23 更新前端面试问题总结（9道题）
获取更多面试相关问题可以访问
github 地址: https://github.com/pro-collection/interview-question/issues
gitee 地址: https://gitee.com/yanleweb/interview-question/issues
初级开发者相关问题【共计 1 道题】
483.如何实现页面顶部， 自定义滚动进度条样式【热度: 1,220】【CSS】【出题公司: 快手】
回答链接：#483
中级开发者相关问题【共计 5 道题】
475.[React] 合成事件和原生事件触发的先后顺序如何？【热度: 1,445】【web框架】
回答链接：#475
477.[React] ref 有哪些使用场景，请举例【热度: 668】【web框架】【出题公司: 美团】
回答链接：#477
478.下面代码的执行结果是多少（意义不大）【JavaScript】
回答链接：#478
479.模拟new操作【热度: 1,186】【JavaScript】【出题公司: 滴滴】
回答链接：#479
481.async/await 函数到底要不要加 try catch ?【热度: 645】【JavaScript】
回答链接：#481
高级开发者相关问题【共计 1 道题】
476.[React] 函数组件和 class 组件有什么区别？【热度: 1,029】【web框架】【出题公司: PDD】
回答链接：#476
资深开发者相关问题【共计 2 道题】
480.讲一下Webpack设计理念（过于硬核， 直接上文档了）【web框架】
回答链接：#480
482.如何搭建一套灰度系统？【热度: 1,226】【工程化】【出题公司: 腾讯】
回答链接：#482
2023.06.13 - 2023.07.06 更新前端面试问题总结（13道题）
2023.06.13 - 2023.07.06 更新前端面试问题总结（13道题）
获取更多面试相关问题可以访问
github 地址: https://github.com/pro-collection/interview-question/issues
gitee 地址: https://gitee.com/yanleweb/interview-question/issues
中级开发者相关问题【共计 8 道题】
461.实现数组的flat方法，支持深度层级参数【JavaScript】【出题公司: 京东】
回答链接：#461
462.斐波拉契数列是什么，用 JS 实现，用尾调优化斐波拉契数列【热度: 923】【JavaScript】【出题公司: 网易】
回答链接：#462
464.[react] 数组用useState做状态管理的时候，使用push，pop，splice等直接更改数组对象，会引起页面渲染吗？【热度: 488】【web框架】【出题公司: 快手】
回答链接：#464
466.[react] constructor 和 getInitialState 的区别?【热度: 785】【web框架】【出题公司: 百度】
回答链接：#466
468.前端如何用 canvas 来做电影院选票功能【web应用场景】【出题公司: 网易】
回答链接：#468
469.如何通过设置失效时间清除本地存储的数据？【热度: 1,085】【web应用场景】【出题公司: Shopee】
回答链接：#469
472.用 nodejs 实现一个命令行工具， 统计输入目录下面指定代码的行数【热度: 732】【web应用场景】【出题公司: 网易】
回答链接：#472
473.package.json 里面 sideEffects 属性的作用是啥【热度: 629】【web应用场景】【出题公司: 京东】
回答链接：#473
高级开发者相关问题【共计 4 道题】
463.[vue] vue2.x 响应式原理是什么【热度: 669】【web框架】【出题公司: Shopee】
回答链接：#463
465.[react] 如何合理使用 useContext【热度: 1,326】【web框架】【出题公司: 腾讯】
回答链接：#465
470.如果不使用脚手架， 如果用 webpack 构建一个自己的 react 应用【热度: 729】【web应用场景】【出题公司: 快手】
回答链接：#470
471.webpack 如何配置按需加载的模块【热度: 693】【web应用场景】【出题公司: Shopee】
回答链接：#471
资深开发者相关问题【共计 1 道题】
467.如何理解研发流程和研发效率，如何保障研发效率【工程化】【出题公司: 小米】
回答链接：#467
2023.06.08 - 2023.06.14 更新前端面试问题总结（16道题）
2023.06.08 - 2023.06.14 更新前端面试问题总结（16道题）
获取更多面试相关问题可以访问
github 地址: https://github.com/pro-collection/interview-question/issues
gitee 地址: https://gitee.com/yanleweb/interview-question/issues
初级开发者相关问题【共计 6 道题】
452.JS 创建对象的方式有哪些？【热度: 894】【JavaScript】
回答链接：#452
453.hasOwnProperty 与 instanceof 区别【热度: 490】【JavaScript】
回答链接：#453
454.原型链的终点是什么？【热度: 1,325】【JavaScript】
回答链接：#454
455.异步编程的实现方式?【热度: 809】【JavaScript】
回答链接：#455
459.手写实现 Object.create【热度: 179】【JavaScript】【出题公司: 小米】
回答链接：#459
460.手写实现 instanceof【热度: 535】【JavaScript】【出题公司: PDD】
回答链接：#460
中级开发者相关问题【共计 10 道题】
445.执行上下文栈是什么【热度: 632】【JavaScript】【出题公司: 网易】
回答链接：#445
446.移动端如何实现上拉加载，下拉刷新？【热度: 718】【web应用场景】【出题公司: 京东】
回答链接：#446
447.JS 中的数组和函数在内存中是如何存储的？【热度: 815】【JavaScript】【出题公司: PDD】
回答链接：#447
448.手写实现一个缓存函数 memoize【热度: 787】【JavaScript】【出题公司: 小米】
回答链接：#448
449.JS 执行上下文的生命周期阶段有哪些【热度: 713】【JavaScript】【出题公司: 百度】
回答链接：#449
450.普通函数动态参数 和 箭头函数的动态参数有什么区别？【热度: 927】【JavaScript】
回答链接：#450
451.函数声明与函数表达式的区别【热度: 551】【JavaScript】
回答链接：#451
456.requestAnimationFrame 了解多少【JavaScript】
回答链接：#456
457.JS里的类就是构造函数的语法糖，这个说法是否正确【热度: 541】【JavaScript】【出题公司: 腾讯】
回答链接：#457
458.如何判断dom元素是否在可视区域【热度: 846】【web应用场景】【出题公司: 百度】
回答链接：#458
2023.06.06 - 2023.06.09 更新前端面试问题总结（18道题）
2023.06.06 - 2023.06.09 更新前端面试问题总结（18道题）
获取更多面试相关问题可以访问
github 地址: https://github.com/pro-collection/interview-question/issues
gitee 地址: https://gitee.com/yanleweb/interview-question/issues
初级开发者相关问题【共计 6 道题】
424.src和href的区别是什么？【热度: 1,601】【浏览器】
回答链接：#424
427. 标签有何作用?【浏览器】
回答链接：#427
431.判断数组的方式有哪些【热度: 509】【JavaScript】【出题公司: 网易】
回答链接：#431
433.js 函数有默认值的时候， 如果传递的参数是 undefined 那么会被默认值赋值吗？【JavaScript】
回答链接：#433
434.Object.is() 与比较操作符 “===”、“==” 有什么区别【热度: 1,425】【JavaScript】【出题公司: 京东】
回答链接：#434
440.use strict是什么? 它有什么用？【热度: 758】【JavaScript】【出题公司: PDD】
回答链接：#440
中级开发者相关问题【共计 11 道题】
425.iframe 标签有那些优点和缺点？【热度: 411】【浏览器】
回答链接：#425
426.HTML5 drag(拖拽) API 了解多少【热度: 324】【浏览器】
回答链接：#426
429.html 中前缀为 data- 开头的元素属性是什么？【热度：903】【web应用场景】【出题公司: Shopee】
回答链接：#429
432.typeof null 的结果是什么，为什么？【JavaScript】
回答链接：#432
435.什么是伪数组、什么是类数组【热度: 1,510】【JavaScript】【出题公司: 美团】
回答链接：#435
437.类数组转换成数组的方法有哪些【热度: 1,094】【JavaScript】【出题公司: 百度】
回答链接：#437
438.为什么函数的 arguments 参数是类数组而不是数组？如何遍历类数组?【热度: 669】【JavaScript】【出题公司: 腾讯】
回答链接：#438
439.escape、encodeURI、encodeURIComponent 区别【热度: 367】【JavaScript】【出题公司: 阿里巴巴】
回答链接：#439
441.解释性语言和编译型语言的区别【热度: 858】【JavaScript】【出题公司: 快手】
回答链接：#441
442.ajax、axios、fetch的区别【热度: 855】【网络】【出题公司: Shopee】
回答链接：#442
443.深度遍历广度遍历的区别？【热度: 867】【JavaScript】【出题公司: 快手】
回答链接：#443
高级开发者相关问题【共计 1 道题】
428.web 应用中如何对静态资源加载失败的场景做降级处理【热度: 1,093】【web应用场景】
回答链接：#428
2023.06.04 - 2023.06.06 更新前端面试问题总结（9道题）
2023.06.04 - 2023.06.06 更新前端面试问题总结（9道题）
获取更多面试相关问题可以访问
github 地址: https://github.com/pro-collection/interview-question/issues
gitee 地址: https://gitee.com/yanleweb/interview-question/issues
初级开发者相关问题【共计 2 道题】
414.什么是正向代理，反向代理【热度: 656】【CSS】
回答链接：https://github.com/pro-collection/interview-question/issues/414
415.css 隐藏元素的方法有哪些【热度: 1,076】【CSS】
回答链接：#415
中级开发者相关问题【共计 7 道题】
416.css 中 伪元素和伪类的区别和作用【热度: 429】【CSS】
回答链接：#416
417.CSS3 中有哪些新特性【热度: 1,102】【CSS】
回答链接：#417
418.postcss 是什么，作用是啥？【热度: 1,155】【CSS】
回答链接：#418
419.css 栅格布局是什么，如何实现【热度: 368】【CSS】
回答链接：#419
420.详细介绍一下 CSS Grid 布局【热度: 370】【CSS】
回答链接：#420
421.html 元素节点上， 有多个 class 名称，这几个class 名称对应的样式渲染优先级是如何的？【热度: 769】【CSS】
回答链接：#421
422.如何避免全局样式污染？【热度: 744】【CSS】
回答链接：#422
2023.05.30 - 2023.06.04 更新前端面试问题总结（20道题）
2023.05.30 - 2023.06.04 更新前端面试问题总结（20道题）
获取更多面试相关问题可以访问
github 地址: https://github.com/pro-collection/interview-question/issues
gitee 地址: https://gitee.com/yanleweb/interview-question/issues
初级开发者相关问题【共计 1 道题】
412.什么是同源策略【热度: 1,430】【网络】【出题公司: 百度】
回答链接：#412
中级开发者相关问题【共计 10 道题】
395.[vue] vue3 性能提升主要是体现在哪些方面【热度: 324】【web框架】【出题公司: Shopee】
回答链接：#395
397.了解哪些基础算法【JavaScript】
回答链接：#397
398.有哪些场景的 http header【网络】【出题公司: 阿里巴巴】
回答链接：#398
399.304 是什么场景的状态码， 好处和坏处分别是什么【热度: 1,425】【网络】【出题公司: 腾讯】
回答链接：#399
401.ajax 是否支持取消请求 【网络】【出题公司: 小米】
回答链接：#401
402.使用 ajax 封装一个上传文件的函数【热度: 206】【网络】【出题公司: 美团】
回答链接：#402
403.fetch 与 ajax 的区别是什么【网络】
回答链接：#403
408.token过期后，页面如何实现无感刷新【热度: 485】【网络】【出题公司: 网易】
回答链接：#408
409.进程和线程的区别是什么？【网络】【出题公司: Shopee】
回答链接：#409
411.什么是文档的预解析【热度: 1,133】【网络】【出题公司: 腾讯】
回答链接：#411
高级开发者相关问题【共计 9 道题】
394.[webpack] 提高 webpack 的构建速度的办法有哪些【热度: 1,208】【web框架】【出题公司: 网易】
回答链接：#394
396.[vue] vue3 相比较于 vue2 在编译阶段有哪些改进【web框架】
回答链接：#396
400.介绍一下 XMLHTTPRequest 对象【热度: 453】【网络】【出题公司: 百度】
回答链接：#400
404.OSI的七层模型是什么【网络】
回答链接：#404
405.TLS/SSL的工作原理【热度: 499】【网络】
回答链接：#405
406.数字证书了解多少【热度: 1,834】【网络】
回答链接：#406
407.TCP粘包了解多少【热度: 927】【网络】【出题公司: 京东】
回答链接：#407
410.在浏览器内多个标签页之间实现通信有哪些方式【热度: 897】【网络】【出题公司: 阿里巴巴】
回答链接：#410
413.什么是正向代理，反向代理【热度: 1,294】【网络】【出题公司: 小米】
回答链接：#413
2023.05.29 - 2023.05.31 更新前端面试问题总结（9道题）
2023.05.29 - 2023.05.31 更新前端面试问题总结（9道题）
获取更多面试相关问题可以访问
github 地址: https://github.com/pro-collection/interview-question/issues
gitee 地址: https://gitee.com/yanleweb/interview-question/issues
中级开发者相关问题【共计 4 道题】
387.Generator 是如何做到中断和恢复的【热度: 1,558】【JavaScript】【出题公司: 百度】
回答链接：#387
388.哪些原因会导致js里this指向混乱?【热度: 1,282】【JavaScript】【出题公司: 小米】
回答链接：#388
389.JS 作用域链链接多少?【热度: 882】【JavaScript】【出题公司: 美团】
回答链接：#389
393.实现一个JS 函数， 解析 url 参数， 返回一个对象【JavaScript】【出题公司: Shopee】
回答链接：#393
高级开发者相关问题【共计 5 道题】
385.使用 Promise 实现一个异步流量控制的函数【热度: 517】【JavaScript】【出题公司: 腾讯】
回答链接：#385
386.不使用任何中间件， koa 如何解析 post 请求参数【热度: 1,359】【Nodejs】【出题公司: 阿里巴巴】
回答链接：#386
390.webpack5 Module Federation 了解多少【工程化】【出题公司: 京东】
回答链接：#390
391.小程序为什么会有两个线程【web应用场景】【出题公司: Shopee】
回答链接：#391
392.[React] react-router 页面跳转时，是如何传递下一个页面参数的？【web框架】【出题公司: 腾讯】
回答链接：#392
2023.05.23 - 2023.05.29 更新前端面试问题总结（8道题）
2023.05.23 - 2023.05.29 更新前端面试问题总结（8道题）
获取更多面试相关问题可以访问
github 地址: https://github.com/pro-collection/interview-question/issues
gitee 地址: https://gitee.com/yanleweb/interview-question/issues
中级开发者相关问题【共计 1 道题】
380.[vue] vue 是怎么解析template的? template会变成什么?【热度: 175】【web框架】
回答链接：#380
高级开发者相关问题【共计 7 道题】
377.如何编写一个 babel 插件【热度: 1,062】【工程化】【出题公司: 网易】
回答链接：#377
378.常见 web 安全解析【热度: 1,968】【web应用场景】【出题公司: 小米】
回答链接：#378
379.如何定制前端项目代码规范【热度: 1,155】【工程化】【出题公司: 百度】
回答链接：#379
381.[vue] vue 是如何识别和解析指令【热度: 477】【web框架】
回答链接：#381
382.[vue] render 函数了解吗？【热度: 244】【web框架】
回答链接：#382
383.node 子进程了解多少【热度: 1,424】【Nodejs】
回答链接：#383
384.source map 了解多少【热度: 396】【工程化】【出题公司: 百度】
回答链接：#384
2023.05.22 - 2023.05.23 更新前端面试问题总结（9道题）
2023.05.22 - 2023.05.23 更新前端面试问题总结（9道题）
获取更多面试相关问题可以访问
github 地址: https://github.com/pro-collection/interview-question/issues
gitee 地址: https://gitee.com/yanleweb/interview-question/issues
中级开发者相关问题【共计 3 道题】
369.一直在 window 上面挂东西是否有什么风险【web应用场景】【出题公司: 腾讯】
回答链接：#369
370.[React] createContext 和 useContext 有什么区别， 是做什么用的【热度: 367】【web框架】【出题公司: 百度】
回答链接：#370
371.Object.prototype.hasOwnProperty() 作用是啥【热度: 1,176】【JavaScript】【出题公司: 小米】
回答链接：#371
高级开发者相关问题【共计 6 道题】
368.什么是领域模型【热度: 1,092】【web应用场景】
回答链接：#368
372.幽灵依赖 是什么【工程化】【出题公司: 美团】
回答链接：#372
373.Babel Polyfill 了解多少【热度: 200】【工程化】【出题公司: 美团】
回答链接：#373
374.Antd（Ant Design）的 Tooltip 组件是如何实现的？【web框架】【出题公司: 阿里巴巴】
回答链接：#374
375.深度 SEO 优化的方式有哪些， 从技术层面来说【web应用场景】【出题公司: 百度】
回答链接：#375
376.SSR 了解多少【热度: 486】【工程化】【出题公司: 京东】
回答链接：#376