Skip to content

Releases: pro-collection/interview-question

2024.05.26 - 2024.07.12 更新前端面试问题总结(17道题)

12 Jul 13:09
Compare
Choose a tag to compare

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道题)

26 May 07:09
Compare
Choose a tag to compare

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道题)

22 May 16:25
Compare
Choose a tag to compare

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道题)

09 May 15:03
Compare
Choose a tag to compare

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道题)

20 Apr 09:12
Compare
Choose a tag to compare

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道题)

15 Apr 14:57
Compare
Choose a tag to compare

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道题)

12 Apr 13:50
Compare
Choose a tag to compare

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

2023.11.25 - 2024.01.02 更新前端面试问题总结(15道题)

02 Jan 12:14
Compare
Choose a tag to compare

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

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

660.请求 Header 的 Content-Type 常见的有哪几种?【热度: 617】【网络】【出题公司: TOP100互联网】
回答链接:#660

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

644.封装一个请求超时, 发起重试的代码【热度: 789】【代码实现/算法】【出题公司: Shopee】
回答链接:#644

646.css加载会造成阻塞吗【热度: 373】【CSS】【出题公司: TOP100互联网】
回答链接:#646

648.vite 涉及到了哪些底层原理?【热度: 510】【工程化】【出题公司: TOP100互联网】
回答链接:#648

649.vite 编译器的组成部分【热度: 335】【工程化】【出题公司: TOP100互联网】
回答链接:#649

650.vite 编译器有啥特点?【热度: 237】【工程化】【出题公司: TOP100互联网】
回答链接:#650

651.esbuild 和 rollup 都是 vite 的基础依赖, 那么他们有啥不同?【热度: 129】【工程化】【出题公司: TOP100互联网】
回答链接:#651

652.vite 和 webpack 在热更新上有啥区别?【热度: 530】【工程化】【出题公司: 网易】
回答链接:#652

653.需要在跨域请求中携带另外一个域名下的 Cookie 该如何操作?【热度: 254】【网络】【出题公司: Shopee】
回答链接:#653

654.[webpack] webpack-dev-server 作用是啥?【热度: 387】【工程化】【出题公司: PDD】
回答链接:#654

655.[webpack] webpack-dev-server 为何不适用于线上环境?【热度: 88】【工程化】【出题公司: TOP100互联网】
回答链接:#655

656.常见的登录鉴权方式有哪些?【热度: 557】【web应用场景】【出题公司: TOP100互联网】
回答链接:#656

658.单点登录是如何实现的?【热度: 647】【web应用场景】【出题公司: TOP100互联网】
回答链接:#658

659.OAuth2.0 是什么登录方式【热度: 210】【web应用场景】【出题公司: TOP100互联网】
回答链接:#659

661.web 系统里面, 如何对图片进行优化?【热度: 789】【工程化】【出题公司: TOP100互联网】
回答链接:#661

2023.11.09 - 2023.11.25 更新前端面试问题总结(16道题)

25 Nov 12:21
Compare
Choose a tag to compare

2023.11.09 - 2023.11.25 更新前端面试问题总结(16道题)
获取更多面试相关问题可以访问
github 地址: https://github.com/pro-collection/interview-question/issues
gitee 地址: https://gitee.com/yanleweb/interview-question/issues

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

627.[React] 类组件的生命周期, 映射的 hooks 哪些 api ?【热度: 314】【web框架】【出题公司: 腾讯】
回答链接:#627

640.后端一次性返回树形结构数据,数据量非常大, 前端该如何处理?【热度: 171】【web应用场景】【出题公司: 小米】
回答链接:#640

642.前端如何设置请求超时时间 timeout【热度: 890】【网络】【出题公司: 网易】
回答链接:#642

643.http code 中 301 和 302 有啥区别?【热度: 721】【网络】【出题公司: 网易】
回答链接:#643

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

623.对 babel 的理解?【热度: 551】【工程化】【出题公司: 阿里巴巴】
回答链接:#623

625.[Webpack] Webpack vs Vite的核心差异【热度: 620】【工程化】【出题公司: 腾讯】
回答链接:#625

632.在前端应用如何进行权限设计?【热度: 329】【web应用场景】【出题公司: 阿里巴巴】
回答链接:#632

633.token 进行身份验证了解多少?【热度: 942】【web应用场景】【出题公司: 网易】
回答链接:#633

635.前端日志埋点 SDK 设计思路【热度: 755】【web应用场景】【出题公司: 阿里巴巴】
回答链接:#635

636.对比一下 pnpm、npm、yarn 特性【热度: 399】【工程化】【出题公司: 网易】
回答链接:#636

638.页面加载速度提升(性能优化)应该从哪些反向来思考?【热度: 1,099】【工程化】【出题公司: 网易】
回答链接:#638

639.你认为组件封装的一些基本准则是什么?【热度: 625】【web应用场景】【出题公司: Shopee】
回答链接:#639

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

628.[低代码] 代码平台一般架构设计如何【热度: 517】【工程化】【出题公司: 阿里巴巴】
回答链接:#628

629.[低代码] 代码平台一般底层协议是怎么设计的【热度: 263】【工程化】【出题公司: 阿里巴巴】
回答链接:#629

630.[低代码] 代码平台一般渲染是如何设计的?【热度: 399】【工程化】【出题公司: 阿里巴巴】
回答链接:#630

641.nodejs 如何充分利用多核 CPU?【热度: 725】【Nodejs】【出题公司: 阿里巴巴】
回答链接:#641

2023.10.21 - 2023.11.09 更新前端面试问题总结(19道题)

09 Nov 15:56
Compare
Choose a tag to compare

2023.10.21 - 2023.11.09 更新前端面试问题总结(19道题)
获取更多面试相关问题可以访问
github 地址: https://github.com/pro-collection/interview-question/issues
gitee 地址: https://gitee.com/yanleweb/interview-question/issues

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

608.[Webpack] 有哪些基础概念【热度: 595】【工程化】【出题公司: 阿里巴巴】
回答链接:#608

609.[Webpack] 如何配置多入口应用, 且区分公共依赖的?【热度: 124】【工程化】【出题公司: 阿里巴巴】
回答链接:#609

611.[Webpack] 通过 babel-loader 来编译 tsx 文件, 应该如何配置呢?【热度: 221】【工程化】【出题公司: 腾讯】
回答链接:#611

613.箭头函数的作用以及使用场景【热度: 760】【JavaScript】【出题公司: 小米】
回答链接:#613

615.介绍一下迭代器 Iterator, 以及有哪些用法【热度: 645】【JavaScript】【出题公司: 小米】
回答链接:#615

616.[Vue] ref、toRef 和 toRefs 有啥区别?【热度: 128】【web框架】【出题公司: 美团】
回答链接:#616

617.[Vue] computed 和 watch 有啥区别?【热度: 876】【web框架】【出题公司: 美团】
回答链接:#617

618.[Vue] 路由守卫【热度: 680】【web框架】【出题公司: 美团】
回答链接:#618

619.[React] 如何实现路由守卫【热度: 681】【web框架】【出题公司: 美团】
回答链接:#619

620.浏览器的存储有哪些【热度: 814】【浏览器】【出题公司: PDD】
回答链接:#620

621.IndexedDB 存储空间大小是如何约束的?【热度: 116】【浏览器】【出题公司: PDD】
回答链接:#621

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

603.为何现在市面上做表格渲染可视化技术的,大多数都是 canvas , 而很少用 svg 的?【热度: 302】【web应用场景】【出题公司: 阿里巴巴】
回答链接:#603

604.[微前端] 设计原则有哪些?【热度: 1,060】【web框架】【出题公司: 阿里巴巴】
回答链接:#604

605.[微前端] 路由加载流程是如何的?【热度: 971】【web框架】【出题公司: 阿里巴巴】
回答链接:#605

606.[Webpack] chunk 是什么概念,介绍一下?【热度: 1,100】【工程化】【出题公司: 阿里巴巴】
回答链接:#606

607.[Webpack] 为什么选择 webpack?【热度: 515】【工程化】【出题公司: 阿里巴巴】
回答链接:#607

610.[Webpack] 如何打包运行时 chunk , 且在项目工程中, 如何去加载这个运行时 chunk ?【热度: 421】【工程化】【出题公司: 阿里巴巴】
回答链接:#610

612.[Webpack] 全面了解 tree shaking【热度: 790】【工程化】【出题公司: 阿里巴巴】
回答链接:#612

622.[Webpack] 有哪些优化项目的手段?【热度: 1,163】【工程化】【出题公司: 阿里巴巴】
回答链接:#622