Skip to content

Releases: pro-collection/interview-question

2024.11.06 - 2024.11.23 更新前端面试问题总结(20道题)

23 Nov 06:18
Compare
Choose a tag to compare

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

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

  1. [React] useMemo 是否可以支持异步函数【热度: 410】【web框架】
    回答链接:#1068

  2. [React] useCallback 是否支持异步函数【热度: 410】【web框架】
    回答链接:#1069

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

  1. 如果特别多的事件都挂载到一个元素上,会存在什么问题【热度: 336】【JavaScript】
    回答链接:#1058

  2. 绑定事件的元素节点销毁又重新创建, 绑定的事件还会生效吗【热度: 337】【JavaScript】
    回答链接:#1059

  3. 比如我把事件委托注册在 body 上面, 我如何去针对性的出发 不同的子元素【热度: 338】【JavaScript】
    回答链接:#1060

  4. 如果一行文本展示不下,如何使其通过 popover 来展示全部内容?【热度: 325】【JavaScript】【出题公司: PDD】
    回答链接:#1062

  5. 在 JS 里面, proxy set 拦截器, 有那些参数, 分别表示什么含义【热度: 120】【JavaScript】【出题公司: 美团】
    回答链接:#1063

  6. proxy set 拦截器,其中参数中第一个参数 target 和 最后一个参数 receiver 有何区别【热度: 132】【JavaScript】【出题公司: 美团】
    回答链接:#1064

  7. proxy 可以拦截数组变化吗【热度: 133】【JavaScript】【出题公司: 京东】
    回答链接:#1065

  8. corejs 是做什么用的, 跟 Polyfill 是什么关系【热度: 100】【工程化】
    回答链接:#1073

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

  1. CDN 是如何决策资源请求的【热度: 300】【网络】
    回答链接:#1057

  2. Object.defineProperty 是否可以监听拦截数组变化【热度: 144】【JavaScript】【出题公司: 小米】
    回答链接:#1066

  3. 项目部署更新之后,如何提醒用户去刷新更新页面资源【热度: 340】【web应用场景】【出题公司: 百度】
    回答链接:#1067

  4. Webpack 与 Vite的核心差异点在哪儿【热度: 610】【工程化】
    回答链接:#1070

  5. Webpack 与 Vite 在产物结果上有何区别【热度: 420】【工程化】
    回答链接:#1071

  6. [Webpack] 我如何实现在高版本浏览器上使用 es6 产物, 在低版本上使用 es5【热度: 122】【工程化】
    回答链接:#1072

  7. [webpack] 在编译产物的时候, 要区分 source 代码和外部依赖代码, 该如何处理【热度: 125】【工程化】
    回答链接:#1074

  8. [webpack] externals 是如何加载外部依赖的【热度: 330】【工程化】
    回答链接:#1075

  9. vite 和 rollup 是什么样的依赖关系【热度: 153】【工程化】
    回答链接:#1076

  10. Rollup 为何高效【热度: 200】【工程化】
    回答链接:#1077

2024.10.26 - 2024.11.07 更新前端面试问题总结(20道题)

06 Nov 16:08
Compare
Choose a tag to compare

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

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

  1. JS 里面是否会存在,对象上有一个 name 属性,但是原型链上还有一个同名的 name 属性【热度: 724】【JavaScript】
    回答链接:#1043

  2. JS 里面哪些类型是可以互转的【热度: 157】【JavaScript】
    回答链接:#1049

  3. 实现一个处理长字符串的函数【热度: 200】【代码实现/算法】
    回答链接:#1053

  4. 解构复制对象, 是深拷贝还是浅拷贝【热度: 411】【JavaScript】
    回答链接:#1054

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

  1. z-index: 999 元素一定会置于 z-index: 0 元素之上吗【热度: 100】【CSS】
    回答链接:#1037

  2. 浏览器中点击 a 标签保存为文件如何做【热度: 84】【web应用场景】
    回答链接:#1038

  3. Object.is 与全等运算符(===)有何区别【热度: 320】【JavaScript】
    回答链接:#1039

  4. 创建一个禁止修改的对象, 只能通过指定方法去修改属性【热度: 410】【代码实现/算法】
    回答链接:#1040

  5. 详细讲一下 Reflect 内置函数【热度: 224】【JavaScript】
    回答链接:#1041

  6. Reflect.get() 和直接通过对象 [.] 访问获取属性, 有何区别【热度: 225】【JavaScript】
    回答链接:#1042

  7. 如何判定一个属性来自于对象本身, 还是来自于原型链【热度: 224】【JavaScript】
    回答链接:#1044

  8. 为何现在主流的图表库都是用的 canvas 方案, 而不是使用 svg, 是基于什么因素考量的呢【热度: 26】【web应用场景】
    回答链接:#1050

  9. 为何现在主流的图表库都是用的 canvas 方案, 而不是使用 svg, 是基于什么因素考量的呢【热度: 88】【web应用场景】
    回答链接:#1051

  10. [React] 如何将一个层级非常深的子组件的某一个方法, 抛出给上层组件使用【热度: 465】【web框架】
    回答链接:#1052

  11. 网络五层模型 具体是值的啥【热度: 116】【网络】
    回答链接:#1056

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

  1. canvas 是如何处理复杂事件交互的呢【热度: 120】【web应用场景】【出题公司: TOP100互联网】
    回答链接:#1045

  2. 弱网检测该如何做【热度: 597】【网络、web应用场景】
    回答链接:#1046

  3. Performance API 主要有哪些应用场景【热度: 431】【网络、web应用场景】
    回答链接:#1047

  4. 统计前端请求耗时【热度: 609】【网络、web应用场景】
    回答链接:#1048

  5. 排查谁在修改对象【热度: 500】【web应用场景】
    回答链接:#1055

2024.10.18 - 2024.10.26 更新前端面试问题总结(20道题)

26 Oct 07:51
Compare
Choose a tag to compare

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

  1. package.json 里面,表示导出包内容的配置有哪些【热度: 260】【web应用场景】
    回答链接:#1026

  2. html 里面哪些是块级元素, 哪些是行内元素【热度: 160】【web应用场景】
    回答链接:#1027

  3. HTML 中有哪些语义化标签【热度: 32】【web应用场景】
    回答链接:#1031

  4. CSS 如何实现固定长宽比的元素【热度: 546】【CSS】
    回答链接:#1032

  5. Javascript 数组中有那些方法可以改变自身,那些不可以【热度: 307】【web应用场景】
    回答链接:#1034

  6. 事件委托是什么概念, 有何适用场景【热度: 265】【JavaScript】
    回答链接:#1035

  7. Object.keys 与 Object.getOwnPropertyNames() 有何区别【热度: 210】【JavaScript】
    回答链接:#1036

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

  1. 前端工程里面,如何检测并避免循环依赖【热度: 359】【工程化】
    回答链接:#1017

  2. eslint 该如何配置【热度: 487】【工程化】
    回答链接:#1018

  3. eslint 有哪些实用的插件, 该如何配置【热度: 488】【工程化】
    回答链接:#1019

  4. 闭包有哪些使用场景,请举例【热度: 679】【JavaScript】【出题公司: 小米】
    回答链接:#1022

  5. 如何使用 node 做一个全局命令行工具【热度: 141】【Nodejs】【出题公司: 阿里巴巴】
    回答链接:#1024

  6. 什么是 semver 规范,~1.2.3 与 ^1.2.3 的版本号范围是多少【热度: 233】【Nodejs】【出题公司: 腾讯】
    回答链接:#1025

  7. npm install 之后需要执行一些处理工作,应该如何处理【热度: 162】【web应用场景】【出题公司: PDD】
    回答链接:#1028

  8. flex 布局中 align-content 与 align-items 有何区别【热度: 106】【web应用场景】
    回答链接:#1030

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

  1. eslint 如何集成到 webpack【热度: 488】【工程化】
    回答链接:#1020

  2. 如何定制化开发一个 eslint 插件, 功能是实现提示检验某一个项目里面的字符串error【热度: 10】【工程化】
    回答链接:#1021

  3. JS 浏览器事循环有哪些使用案例?【热度: 526】【JavaScript】【出题公司: 腾讯】
    回答链接:#1023

  4. 前端应用 CICD 有哪些方式实现【热度: 120】【工程化】【出题公司: 京东】
    回答链接:#1029

  5. 如何保证项目质量【热度: 784】【web应用场景】
    回答链接:#1033

2024.10.13 - 2024.10.18 更新前端面试问题总结(20道题)

18 Oct 15:23
Compare
Choose a tag to compare

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

  1. HTML 中的 input 标签有哪些 type【热度: 197】【web应用场景】
    回答链接:#1011

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

  1. [Vue] vue3 如何监听数组变化【热度: 199】【web框架】【出题公司: 美团】
    回答链接:#997

  2. [Vue] vue3 还是使用的虚拟 dom 吗?【热度: 345】【web框架】
    回答链接:#1000

  3. 如果我期望,页面加载和解析完成之后出发事件, 我该怎么做【热度: 299】【web应用场景】
    回答链接:#1002

  4. JS 如何翻转一个字符串【热度: 442】【代码实现/算法】
    回答链接:#1006

  5. JS 如何翻转一个数组【热度: 327】【代码实现/算法】
    回答链接:#1007

  6. css 如何实现分栏布局【热度: 502】【CSS】
    回答链接:#1008

  7. 前端如何快速获取页面 url query 参数【热度: 888】【web应用场景】
    回答链接:#1012

  8. 介绍一下 URLSearchParams API【热度: 10】【web应用场景】【出题公司: TOP100互联网】
    回答链接:#1013

  9. 如何把一个数组随机打乱【热度: 550】【代码实现/算法】
    回答链接:#1014

  10. package.json 依赖申明的方式有哪些, 他们有何却别【热度: 193】【web应用场景】
    回答链接:#1015

  11. npm workspaces 是什么概念, 主要是解决什么问题【热度: 100】【工程化】
    回答链接:#1016

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

  1. [Vue] nextTick 作用是什么, 原理是什么【热度: 177】【web框架】【出题公司: 美团】
    回答链接:#998

  2. 现代框架如 React、Vue 相比原生开发有什么优势【热度: 897】【web框架】
    回答链接:#999

  3. [Vue] vue3 对虚拟 dom 做了哪些优化【热度: 446】【web框架】
    回答链接:#1001

  4. DOMContentLoaded事件和load事件有什么区别【热度: 210】【web应用场景】
    回答链接:#1003

  5. 如何计算页面白屏时间【热度: 400】【web应用场景】
    回答链接:#1004

  6. 如何计算页面首屏时间【热度: 426】【web应用场景】
    回答链接:#1005

  7. [webpack] 是如何处理 commonjs 模块的文件, 使其编译结果能被浏览器使用。【热度: 210】【工程化】
    回答链接:#1009

  8. 前端如何处理一个页面多主题色可供选择的场景【热度: 797】【web应用场景】
    回答链接:#1010

2024.10.07 - 2024.10.13 更新前端面试问题总结(20道题)

13 Oct 02:53
Compare
Choose a tag to compare

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

  1. 实现一个 JS 函数, 功能是从数组中随机取一个元素【热度: 215】【JavaScript】
    回答链接:#994

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

  1. iterator 对象有哪些特征【热度: 288】【JavaScript】
    回答链接:#977

  2. node 中 nextTick 与 setTimeout 有什么区别【热度: 220】【Nodejs】
    回答链接:#979

  3. [React] 在 redux 中如何写一个记录状态变更的日志插件【热度: 52】【web框架】【出题公司: 腾讯】
    回答链接:#982

  4. 实现一个 once 函数,记忆返回结果只执行一次【热度: 319】【JavaScript】
    回答链接:#987

  5. 查找页面出现次数最多的 HTML 标签【热度: 379】【web应用场景】
    回答链接:#990

  6. 常见的 http code 4xx 都有哪些状态码【热度: 545】【网络】【出题公司: 美团】
    回答链接:#992

  7. 304 是什么状态码, 跟哪些 header 有关【热度: 546】【网络】【出题公司: 美团】
    回答链接:#993

  8. 如何实现页面文本不可选中,不可复制【热度: 255】【web应用场景】【出题公司: 京东】
    回答链接:#996

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

  1. iterator 和 数组 有什么关系【热度: 119】【JavaScript】
    回答链接:#978

  2. [React] 对象数据状态不可变是什么概念【热度: 113】【web框架】【出题公司: 阿里巴巴】
    回答链接:#980

  3. [React] 如何实践数据不可变状态【热度: 114】【web框架】【出题公司: 阿里巴巴】
    回答链接:#981

  4. [React] 在 setState 时发生了什么【热度: 169】【web框架】【出题公司: 小米】
    回答链接:#983

  5. HTTPS 安全协议主要是啥【热度: 779】【网络】
    回答链接:#984

  6. https 加密协议里面: TLS 和 SSL 分别是什么,有何区别【热度: 51】【网络】
    回答链接:#985

  7. https 层可以做哪些性能优化【热度: 172】【网络】
    回答链接:#986

  8. [React]在应用中如何排查性能问题【热度: 255】【web框架】【出题公司: TOP100互联网】
    回答链接:#988

  9. 有哪些前端性能分析工具【热度: 400】【web应用场景】【出题公司: TOP100互联网】
    回答链接:#989

  10. 部署一个 node 应用要考虑哪些因素【热度: 98】【Nodejs、工程化】【出题公司: 腾讯】
    回答链接:#991

  11. http3 有哪些核心的新特性【热度: 313】【网络】
    回答链接:#995

2024.09.28 - 2024.10.07 更新前端面试问题总结(21道题)

07 Oct 08:51
Compare
Choose a tag to compare

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

  1. 完整域名的构成部分【网络】
    回答链接:#971

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

  1. try...catch 是否能捕获异步异常【热度: 701】【web应用场景】
    回答链接:#958

  2. 浏览器中如何实现剪切板复制内容的功能【热度: 95】【web应用场景】【出题公司: 美团】
    回答链接:#960

  3. http ETag 值改变了,是否意味着文件内容一定已经更改【热度: 138】【网络、web应用场景】【出题公司: 阿里巴巴】
    回答链接:#962

  4. 站点是如何保持登录状态【热度: 210】【网络、web应用场景】【出题公司: 腾讯】
    回答链接:#963

  5. http 向 https 做重定向应该使用哪个状态码【热度: 336】【网络、web应用场景】【出题公司: 网易】
    回答链接:#966

  6. http 缓存中 no-cache 与 no-store 的区别是什么【热度: 564】【网络、web应用场景】【出题公司: 小米】
    回答链接:#969

  7. 对于已经 import 但未实际使用的模块使用 webpack 还会对它打包吗【热度: 108】【工程化】【出题公司: 阿里巴巴】
    回答链接:#970

  8. http2 中的首部压缩是什么【网络】
    回答链接:#972

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

  1. 前端部署应该要考虑哪些问题【热度: 310】【工程化】【出题公司: 腾讯】
    回答链接:#956

  2. 前端需要加载一个大体积的文件时, 一般有哪些优化思路【热度: 594】【工程化】【出题公司: 腾讯】
    回答链接:#957

  3. 分片上传文件,如何校验文件完整性【热度: 220】【web应用场景】
    回答链接:#959

  4. http 响应头中的 ETag 值是如何生成的【热度: 37】【web应用场景】【出题公司: 阿里巴巴】
    回答链接:#961

  5. http 静态文件缓存 Last-Modified 是根据什么生成的【热度: 85】【网络、web应用场景】【出题公司: 阿里巴巴】
    回答链接:#964

  6. http header content-type 为 application/octet-stream,则代表什么意思【热度: 136】【网络、web应用场景】
    回答链接:#965

  7. http 缓存 header 中的 Date 与 Last-Modified 有什么不同【热度: 276】【网络、web应用场景】【出题公司: Shopee】
    回答链接:#967

  8. https 中如何保证证书是可信任的【热度: 210】【网络】【出题公司: 阿里巴巴】
    回答链接:#973

  9. 如果 cookie 没有设置 maxage, 那么这一条 cookie 失效时间改怎么算【热度: 42】【网络】【出题公司: 小红书】
    回答链接:#974

  10. css 中属性选择器及类选择器的权重哪个高【热度: 642】【CSS、web应用场景】
    回答链接:#975

  11. commonjs 模块化中 module.exports 与 exports 有什么区别, 该如何选择【热度: 194】【工程化、web应用场景】
    回答链接:#976

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

  1. 如何进行代码质量检测【热度: 497】【web应用场景】【出题公司: 小米】
    回答链接:#968

2024.09.22 - 2024.09.28 更新前端面试问题总结(20道题)

28 Sep 03:32
Compare
Choose a tag to compare

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

  1. 如何限制 input 框只能输入正整数【热度: 230】【web应用场景】【出题公司: 百度】
    回答链接:#937

  2. localStorage 是同步还是异步【热度: 210】【web应用场景】【出题公司: 百度】
    回答链接:#938

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

  1. 手写实现 lodash.flattenDeep 将array递归为一维数组【热度: 345】【web应用场景】【出题公司: 小米】
    回答链接:#939

  2. 防止对象被篡改有哪些方式【热度: 260】【JavaScript】【出题公司: 阿里巴巴】
    回答链接:#940

  3. axios 有哪些特性【热度: 147】【网络、web应用场景】
    回答链接:#942

  4. 数组里面有 10 万个数据,取第一个元素和第 10 万个元素的时间相差多少【热度: 775】【JavaScript】
    回答链接:#943

  5. 想设置 axios 全局通用配置, 有哪些方法【热度: 298】【网络、web应用场景】
    回答链接:#947

  6. 给 axios 做一个通用拦截器,实现功能为状态码非 200 的时候,统一拦截错误, 提示一个 toast, 该如何实现【热度: 339】【网络、web应用场景】
    回答链接:#948

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

  1. [Vue] 对比一下 vuex 和 Pinia 两个状态库【热度: 300】【web框架】【出题公司: 小米】
    回答链接:#936

  2. 动画性能如何检测【热度: 262】【web应用场景】
    回答链接:#941

  3. [webpack] 发中使用的是 esm 和 webpack, 是否可以直接调用 commonjs 模块化的三方包【热度: 359】【工程化】【出题公司: 阿里巴巴】
    回答链接:#944

  4. axios 支持哪些常用的配置【热度: 196】【网络、web应用场景】
    回答链接:#945

  5. 解释下 axios withCredentials 配置【热度: 197】【网络、web应用场景】
    回答链接:#946

  6. axios 如何注销拦截器【热度: 140】【网络、web应用场景】
    回答链接:#949

  7. axios 如何取消请求【热度: 218】【网络、web应用场景】
    回答链接:#950

  8. 在 forEach 中和 for 循环 中调用异步函数的区别【热度: 371】【JavaScript、web应用场景】
    回答链接:#951

  9. mobx 和 redux 有什么区别【热度: 277】【web应用场景】【出题公司: 阿里巴巴】
    回答链接:#952

  10. [webpack] tree-shaking 原理【热度: 722】【工程化】【出题公司: 腾讯】
    回答链接:#953

  11. 前端应用有哪些代码测试手段【热度: 385】【web应用场景】【出题公司: 腾讯】
    回答链接:#954

  12. 单元测试、E2E 测试有和区别?【热度: 258】【web应用场景】【出题公司: 腾讯】
    回答链接:#955

2024.09.17 - 2024.09.22 更新前端面试问题总结(20道题)

22 Sep 05:34
Compare
Choose a tag to compare

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

  1. [Vue] vue 全局注册组件很方便,为何不都是用全局注册【热度: 592】【web框架】【出题公司: TOP100互联网】
    回答链接:#917

  2. [Vue] 子组件定义接受的 props 方式有哪些【热度: 465】【web框架】【出题公司: TOP100互联网】
    回答链接:#918

  3. [Vue] 子组件是否能使用 未定义的 props 【热度: 266】【web框架】【出题公司: TOP100互联网】
    回答链接:#919

  4. [Vue] 介绍一下 defineModel【热度: 433】【web框架】【出题公司: TOP100互联网】
    回答链接:#920

  5. [Vue] 介绍一下 defineEmits【热度: 346】【web框架】
    回答链接:#922

  6. [Vue] 介绍一下 Provide【热度: 633】【web框架】
    回答链接:#925

  7. [Vue] 如何自定义指令【热度: 159】【web框架】
    回答链接:#928

  8. [Vue] 插件是什么概念,有什么作用,该怎么用【热度: 550】【web框架】
    回答链接:#930

  9. [Vue] 有哪些内置组件【热度: 355】【web框架】
    回答链接:#932

  10. [Vue] 介绍一下 vue 工具链【热度: 53】【web框架】
    回答链接:#935

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

  1. [Vue] vue3 里面 <script setup> 作用是啥【热度: 210】【web框架】
    回答链接:#916

  2. [Vue] 都是支持响应式, defineModel 和 reactive 有何不同【热度: 344】【web框架】【出题公司: TOP100互联网】
    回答链接:#921

  3. [Vue] 介绍一下条件插槽【热度: 100】【web框架】
    回答链接:#923

  4. [Vue] 介绍一下动态插槽名【web框架】
    回答链接:#924

  5. [Vue] 如何提升复用逻辑【热度: 671】【web框架】
    回答链接:#926

  6. [Vue] 组合式函数 和 vue2 mixins 对比, 有何优劣【热度: 311】【web框架】
    回答链接:#927

  7. [Vue] vue 如何配置全局使用的定义或者常量【热度: 337】【web框架】
    回答链接:#929

  8. [Vue] 实现一个简单的 i18n (国际化 (Internationalization) 的缩写) 插件【热度: 166】【web框架】
    回答链接:#931

  9. [Vue] 详细介绍一下 teleport 内置组件【热度: 100】【web框架】
    回答链接:#933

  10. [Vue] 介绍一下 component 动态组件【热度: 184】【web框架】
    回答链接:#934

2024.09.17 更新前端面试问题总结(20道题)

17 Sep 12:36
Compare
Choose a tag to compare

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

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

  1. [Vue] 为何会被称为渐进式框架, 哪儿体现了渐进式【热度: 390】【web框架】
    回答链接:#896

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

  1. [Vue] 选项式 API 和组合式 API,两者有何区别,该如何取舍【热度: 322】【web框架】【出题公司: 美团】
    回答链接:#897

  2. [Vue] 解释一下 @submit.prevent="onSubmit" 这个指令【热度: 590】【web框架】
    回答链接:#900

  3. [Vue] 响应式里面 ref 和 reactive 有啥区别【热度: 414】【web框架】
    回答链接:#901

  4. [Vue] computed 和 普通函数有何区别【热度: 332】【web框架】
    回答链接:#905

  5. [Vue] 提供了哪些默认事件修饰符【热度: 366】【web框架】
    回答链接:#906

  6. [Vue] 介绍一下 3.x 侦听器 watch【热度: 671】【web框架】
    回答链接:#910

  7. [Vue] 介绍一下 3.x 侦听器 watchEffect【热度: 323】【web框架】
    回答链接:#911

  8. [Vue] 多个 slot 插槽场景,该如何申明与使用【热度: 380】【web框架】
    回答链接:#914

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

  1. [Vue] 3.x 中 app.config 有哪些应用配置?【热度: 200】【web框架】【出题公司: 美团】
    回答链接:#898

  2. [Vue] 如何处理异步加载组件【热度: 254】【web框架】
    回答链接:#899

  3. [Vue] 深层嵌套的对象、数组或者 JavaScript 内置的数据结构,比如 Map 等, 在响应式使用方面, ref 和 reactive 有何区别吗【热度: 415】【web框架】
    回答链接:#902

  4. [Vue] vue 中 reactive() 返回的为何是一个原始对象的 Proxy,有和好处【热度: 416】【web框架】
    回答链接:#903

  5. [Vue] reactive() 的局限性有哪些【热度: 410】【web框架】
    回答链接:#904

  6. [Vue] 触发事件修饰符 .exact 的作用是啥【热度: 454】【web框架】
    回答链接:#907

  7. [Vue] 输入绑定修饰符 .lazy 作用是啥【热度: 95】【web框架】
    回答链接:#908

  8. [Vue] 生命周期【热度: 848】【web框架】
    回答链接:#909

  9. [Vue] watch 和 watchEffect 场景上有何区别, 该如何选择【热度: 174】【web框架】
    回答链接:#912

  10. [Vue] 侦听器在什么情况下是需要清理副作用的【热度: 148】【web框架】
    回答链接:#913

  11. [Vue] useTemplateRef 作用是啥, 哪些情况下要要使用这个 api【热度: 405】【web框架】
    回答链接:#915

2024.08.31 - 2024.09.17 更新前端面试问题总结(21道题)

17 Sep 03:04
Compare
Choose a tag to compare

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

  1. [] == ! [] 为什么返回 true【热度: 100】【JavaScript】
    回答链接:#877

  2. 长文本场景,中间显示省略号..., 两端正常展示【热度: 351】【JavaScript】【出题公司: 美团】
    回答链接:#878

  3. JS 如何计算一段文本渲染之后的长度【热度: 648】【JavaScript】【出题公司: 百度】
    回答链接:#879

  4. flex 布局中子元素不压缩, 该如何设置属性【热度: 200】【CSS】【出题公司: 小米】
    回答链接:#881

  5. 在开发过程中,想做 git 代码暂存,该如何做【热度: 342】【web应用场景】【出题公司: 百度】
    回答链接:#883

  6. 介绍一下 position sticky【热度: 826】【CSS】【出题公司: 美团】
    回答链接:#884

  7. pnpm install 和 npm install 有何区别【工程化】【出题公司: 阿里巴巴】
    回答链接:#889

  8. npm run start 的过程是啥,为何能执行对应的命令【热度: 170】【web应用场景】【出题公司: 腾讯】
    回答链接:#890

  9. http 的请求和响应都有哪些传输数据格式【热度: 149】【网络】【出题公司: 美团】
    回答链接:#892

  10. http 常见的几个重定向 code 是多少,区别是啥【热度: 172】【网络】【出题公司: 美团】
    回答链接:#893

  11. http的请求和响应报文 有啥区别【网络】【出题公司: TOP100互联网】
    回答链接:#894

  12. http 的 请求和 响 应报文分 别是什么样的【网络】【出题公司: TOP100互联网】
    回答链接:#895

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

  1. eslint 如何设置只校验本次 MR 变更的文件内容【热度: 200】【web应用场景】【出题公司: 小米】
    回答链接:#876

  2. 需要详细记录多个操作链路的性能耗时,进行结构化场景分析,该如何做【热度: 378】【web应用场景】【出题公司: 美团】
    回答链接:#880

  3. websocket 断联之后如何重连,且保证锻炼期间数据不丢失【热度: 200】【web应用场景】【出题公司: 腾讯】
    回答链接:#882

  4. 如何做静态资源预加载【热度: 696】【web应用场景】【出题公司: 腾讯】
    回答链接:#885

  5. [webpack] 代码分割中,让所有的外部依赖打成一个包,源码 source 打成一个包,该如何配置【热度: 352】【工程化】【出题公司: 阿里巴巴】
    回答链接:#886

  6. [webpack] 如何优化产物大小【热度: 521】【工程化】【出题公司: 阿里巴巴】
    回答链接:#887

  7. 发送请求的时候, method = OPTIONS 是什么请求【热度: 717】【网络】【出题公司: 小米】
    回答链接:#891

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

  1. 请求数量过多,该如何治理【热度: 418】【网络】【出题公司: 阿里巴巴】
    回答链接:#875

  2. monorepo 工程有哪些工具架构, 该如何选型【热度: 450】【工程化】【出题公司: 阿里巴巴】
    回答链接:#888