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

2023.11.25 - 2024.01.02 更新前端面试问题总结（15道题）

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

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

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

2023.10.02 - 2023.10.21 更新前端面试问题总结（16道题）

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

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

586.[React] react router 主要包有哪些，主要 api 有哪些？【web框架】【出题公司: 阿里巴巴】
回答链接：#586

588.全局样式命名冲突和样式覆盖问题怎么解决？【热度: 772】【CSS】【出题公司: 腾讯】
回答链接：#588

589.css module 是什么？【热度: 346】【CSS】【出题公司: 腾讯】
回答链接：#589

591.[React] useLayoutEffect 和 useEffect 有什么区别?【热度: 313】【web框架】【出题公司: 腾讯】
回答链接：#591

595.[Vue] 响应式为何要从 Object.defineProperty 改为 proxy?【热度: 352】【工程化】【出题公司: 阿里巴巴】
回答链接：#595

599.[代码实现] 不使用 setTimeout 来实现 setInterval【热度: 231】【代码实现/算法】【出题公司: 腾讯】
回答链接：#599

600.[代码实现] 手写 dom 分段渲染【热度: 280】【代码实现/算法】【出题公司: 阿里巴巴】
回答链接：#600

601.[代码实现] 手写数组降维flat方法【热度: 244】【代码实现/算法】【出题公司: 阿里巴巴】
回答链接：#601

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

587.[React] 如何实现转场动画？【web框架】【出题公司: 阿里巴巴】
回答链接：#587

590.[React] 如何避免不必要的渲染?【热度: 632】【web框架】【出题公司: 腾讯】
回答链接：#590

592.在 webpack 中，通常用于 css 提取的工具是什么？【热度: 269】【工程化】【出题公司: 腾讯】
回答链接：#592

593.在你的项目中， 使用过哪些 webpack loader, 说一下他们的作用【热度: 361】【工程化】【出题公司: 阿里巴巴】
回答链接：#593

594.在你的项目中， 使用过哪些 webpack plugin, 说一下他们的作用【热度: 361】【工程化】【出题公司: 阿里巴巴】
回答链接：#594

596.为何 http2 非常快速的就过度到了 HTTP3 ？【热度: 945】【网络】【出题公司: 腾讯】
回答链接：#596

597.http1.1 的 keep-alive 和 http2 的多路复用 有什么区别？【热度: 87】【网络】【出题公司: 腾讯】
回答链接：#597

598.PM2 部署 nodejs 有哪些优势？【热度: 199】【Nodejs】【出题公司: 腾讯】
回答链接：#598

2023.09.16 - 2023.10.02 更新前端面试问题总结（24道题）

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

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

562.JavaScript 和 BOM、DOM 、ECMAScript、Nodejs 之间是什么关系【JavaScript】【出题公司: 阿里巴巴】
回答链接：#562

567.实现一个函数， 计算两个日期之间的天数差【代码实现/算法】【出题公司: 网易】
回答链接：#567

570.Object 对象有哪些场景 api ？【热度: 509】【JavaScript】【出题公司: 网易】
回答链接：#570

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

563.JavaScript 如何做内存管理？【热度: 603】【JavaScript】【出题公司: 网易】
回答链接：#563

565.CSS 如何实现文本溢出？【热度: 382】【CSS】【出题公司: Shopee】
回答链接：#565

566.https 如何保证安全的？【热度: 782】【网络】【出题公司: 网易】
回答链接：#566

568.实现日期格式化 format 函数【热度: 489】【代码实现/算法】【出题公司: 网易】
回答链接：#568

569.前端有哪些跨页面通信方式？【热度: 791】【web应用场景】【出题公司: 京东】
回答链接：#569

573.axios 有哪些特性？【热度: 464】【网络】【出题公司: 阿里巴巴】
回答链接：#573

574.axios 是如何区分是 nodejs 环境还是 浏览器环境 的？【热度: 113】【网络】【出题公司: 阿里巴巴】
回答链接：#574

576.[Vue] 为什么 data 属性是一个函数而不是一个对象？【热度: 448】【web框架】【出题公司: Shopee】
回答链接：#576

579.[Vue] 中为何不要把 v-if 和 v-for 同时用在同一个元素上， 原理是什么？【热度: 546】【web框架】【出题公司: 网易】
回答链接：#579

581.[React] 构建组件的方式有哪些【热度: 482】【web框架】【出题公司: 腾讯】
回答链接：#581

582.[React] Class Components 和 Function Components 有区别？【热度: 229】【web框架】【出题公司: 腾讯】
回答链接：#582

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

564.JavaScript 中， 隐藏类是什么概念？【热度: 146】【JavaScript】【出题公司: 网易】
回答链接：#564

571.[Vue] 动态给 data 添加一个新的属性时会发生什么【热度: 164】【web框架】【出题公司: Shopee】
回答链接：#571

572.如何拦截 web 应用的请求【热度: 487】【网络】【出题公司: 快手】
回答链接：#572

575.XHR 和 Fetch 是否支持取消请求【热度: 122】【网络】【出题公司: 阿里巴巴】
回答链接：#575

577.SPA首屏加载速度慢的怎么解决【热度: 868】【工程化】【出题公司: 网易】
回答链接：#577

578.将静态资源缓存在本地的方式有哪些？【热度: 584】【工程化】【出题公司: 网易】
回答链接：#578

580.[React] 如何实现vue 中 keep-alive 的功能？【热度: 255】【web框架】【出题公司: 网易】
回答链接：#580

583.[React] 高阶组件理解多少？【热度: 655】【web框架】【出题公司: 腾讯】
回答链接：#583

584.[React] 从 React 层面上， 能做的性能优化有哪些？【热度: 1,005】【web框架】【出题公司: 美团】
回答链接：#584

585.[React] 是如何进行渲染的？【热度: 623】【web框架】【出题公司: 阿里巴巴】
回答链接：#585

2023.08.25 - 2023.09.16 更新前端面试问题总结（26道题）

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

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

536.http 请求中 GET 和 POST 有什么区别【热度: 505】【网络】【出题公司: Shopee】
回答链接：#536

537.typeof 与 instanceof 的区别【热度: 906】【JavaScript】【出题公司: Shopee】
回答链接：#537

538.引用类型有哪些，有什么特点【热度: 902】【JavaScript】【出题公司: 快手】
回答链接：#538

540.类型的转换有哪些【热度: 631】【JavaScript】【出题公司: 滴滴】
回答链接：#540

560.splice 和 slice 有什么区别？【热度: 282】【JavaScript】【出题公司: 滴滴】
回答链接：#560

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

534.长连接了解多少【热度: 567】【网络】【出题公司: 网易】
回答链接：#534

535.如何实现大文件断点续传【热度: 897】【网络】【出题公司: 网易】
回答链接：#535

539.箭头函数解决了什么问题【热度: 568】【JavaScript】【出题公司: 滴滴】
回答链接：#539

541.副作用是什么概念【热度: 230】【JavaScript】【出题公司: 百度】
回答链接：#541

550.[代码实现] JS 中如何实现大对象深度对比【热度: 906】【代码实现/算法】【出题公司: 百度】
回答链接：#550

551.[代码实现] JS 中数组深对比实现【热度: 985】【代码实现/算法】【出题公司: 网易】
回答链接：#551

553.WeakMap 是什么样的数据结构【热度: 431】【JavaScript】【出题公司: 网易】
回答链接：#553

554.如何理解数据驱动视图， 有哪些核心要素？【热度: 943】【web应用场景】【出题公司: 网易】
回答链接：#554

555.vue-cli 都做了哪些事儿，有哪些功能？【热度: 386】【web应用场景】【出题公司: Shopee】
回答链接：#555

557.git reset 作用是啥，有哪些操作？【热度: 275】【工程化】【出题公司: 快手】
回答链接：#557

558.git 中回滚代码有哪些操作？【热度: 237】【工程化】【出题公司: 快手】
回答链接：#558

559.什么是匿名函数？【热度: 275】【JavaScript】【出题公司: 快手】
回答链接：#559

561.weakSet 是什么数据结构， 有什么应用场景【热度: 161】【JavaScript】【出题公司: 阿里巴巴】
回答链接：#561

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

544.web 网页如何禁止别人移除水印【热度: 540】【web应用场景】【出题公司: 小米】
回答链接：#544

546.如何理解前端工程化？【工程化】【出题公司: 阿里巴巴】
回答链接：#546

548.如果用户反馈说感觉网页很卡顿，这个时候该如何排查问题?【热度: 768】【web应用场景】【出题公司: 腾讯】
回答链接：#548

549.用户访问页面白屏了， 原因是啥， 如何排查？【热度: 609】【web应用场景】【出题公司: 腾讯】
回答链接：#549

556.为什么现代前端应用需要打包工具进行打包编译？【热度: 1,588】【工程化】【出题公司: 快手】
回答链接：#556

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

543.前端基建设计到哪些方面【热度: 782】【工程化】
回答链接：#543

545.如何理解前端架构？【工程化】【出题公司: 阿里巴巴】
回答链接：#545

547.前端架构和前端工程化有什么区别？【工程化】【出题公司: 阿里巴巴】
回答链接：#547

2023.08.20 - 2023.08.25 更新前端面试问题总结（18道题）

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

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

517.html rel 属性 的参数 preload和prefetch 的作用是什么【热度: 1,057】【浏览器】【出题公司: 小米】
回答链接：#517

518.HTML 属性 crossorigin 的作用是什么【热度: 267】【浏览器】【出题公司: 小米】
回答链接：#518

519.[代码执行] 关于 this 的指向问题：下面代码执行结果是什么, 原因？【JavaScript】【出题公司: 百度】
回答链接：#519

520.for...of、for...in、for 循环， 三者有什么区别【热度: 1,652】【JavaScript】【出题公司: 腾讯】
回答链接：#520

521.实现一个可以用for...of遍历的对象【热度: 653】【JavaScript】【出题公司: 腾讯】
回答链接：#521

525.[Vue] 异常处理机制有哪些【热度: 435】【web框架】【出题公司: 腾讯】
回答链接：#525

526.html 标签属性 src 和 href 有什么区别【热度: 1,134】【浏览器】【出题公司: PDD】
回答链接：#526

527.常见的请求头和响应头【网络】【出题公司: 京东】
回答链接：#527

528.HTTP/1.0、HTTP/1.1、HTTP/2和HTTP/3之间的主要区别【热度: 1,447】【网络】【出题公司: 腾讯】
回答链接：#528

530.http 常见状态码有哪些【热度: 1,410】【网络】【出题公司: 百度】
回答链接：#530

531.Http 状态码 301 和 302 的应用场景分别是什么【网络】【出题公司: 百度】
回答链接：#531

532.什么是 JWT【热度: 428】【网络】【出题公司: 小米】
回答链接：#532

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

516.[性能] 常见性能指标获取方式？【热度: 954】【工程化】【出题公司: 美团】
回答链接：#516

522.前端模块化的演进过程【热度: 798】【工程化】【出题公司: 京东】
回答链接：#522

523.webpack tree-shaking 在什么情况下会失效？【热度: 171】【工程化】【出题公司: 阿里巴巴】
回答链接：#523

524.[Vue] vue3 的 diff 算法是什么，简单介绍一下【热度: 693】【web框架】【出题公司: 腾讯】
回答链接：#524

529.http2 多路复用是什么, 原理是什么【热度: 353】【网络】【出题公司: 腾讯】
回答链接：#529

533.单点登录是什么， 具体流程是什么【热度: 1,168】【web应用场景】【出题公司: 小米】
回答链接：#533

2023.07.28 - 2023.08.20 更新前端面试问题总结（12道题）

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

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

513.link 标签有 那些属性，作用都是啥？【热度: 839】【浏览器】
回答链接：#513

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

505.[React] 如何给 children 添加额外的属性【热度: 527】【web框架】【出题公司: PDD】
回答链接：#505

506.never 是什么类型，详细讲一下【热度: 667】【TypeScript】
回答链接：#506

507.unknown 是什么类型，详细讲一下【热度: 801】【TypeScript】
回答链接：#507

508.联合类型是什么？【热度: 1,180】【TypeScript】
回答链接：#508

509.extends 条件类型定义【热度: 297】【TypeScript】
回答链接：#509

510.infer 关键字是什么【热度: 100】【TypeScript】
回答链接：#510

511.is 作用是什么【热度: 458】【TypeScript】
回答链接：#511

512.in 运算符作用是什么【热度: 844】【TypeScript】
回答链接：#512

514.[Vue] 组件之间的通信方式有哪些？【热度: 1,109】【web框架】【出题公司: PDD】
回答链接：#514

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

515.[性能] 衡量页面性能的指标有哪些？【热度: 1,045】【工程化】【出题公司: 美团】
回答链接：#515

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

504.[React] hooks 和 memorizedState 是什么关系?【热度: 836】【web框架】【出题公司: PDD】
回答链接：#504