2、时间复杂度空间复杂度是多少？ · 大厂前端面试真题 · 看云

>[danger]时间复杂度空间复杂度是多少？

阅读说明
更新日志
字节跳动
【202312】字节国际化电商前端
1、206状态码底层原理，分片上传原理
2、csp底层原理，具体怎么设置？
3、图片怎么转cancas，canvas转图片？
4、ssr优缺点，实现的具体过程
5、路由懒加载原理
6、一个数组里有一堆数字，拼接得到一个最大的数字
7、Vue2 和 Vue3 的一些区别
8、富文本编辑器中如何实现上传图片？
9、图片css存在服务器的哪里，文件如何命名，命名冲突怎么解决？
10、pnpm原理
11、算法：合并共同区间
【202311】字节前端一面筋 GG
1、从浏览器地址栏输入 url 到请求返回发生了什么？
2、页面渲染的过程，重排重绘
3、CSRF工作过程，为什么可以冒用用户的cookie，如何拿到Cookie？
4、CSRF如何防御？
5、Js中的原型链
6、Js中事件循环的工作机制，为什么是微任务先运行？
7、MVVM，MVC之间的区别
8、sql注入，注入恶意代码如何实现攻击？
9、虚拟DOM工作机制，为什么好于直接操作DOM？怎么好，不都是直接操作DOM吗？
10、Diff算法，怎么进行比较？
11、http缓存、强缓存和协商缓存，字段
12、Node的事件循环机制
13、token为什么能够解决CSRF？
14、渲染Canvas底层原理
15、TCP链接为什么会采用三次握手，而不是两次或四次呢？
16、三数之和、连续子数组的最大和
【202310】字节Ads Infra 前端实习一面
1、性能优化怎么做，单帧渲染时间和内存是如何计算的，直接看性能指标的？
2、权限模型是怎么设计的，前端如何限制，其他还有什么鉴权方式，cookie session？
3、jwt的优缺点
4、flex：0 1 auto 分别代表什么？
5、浏览器是如何渲染一个html文件的？
6、浏览器的存储方式有哪些，有什么差异，用过indexDB吗？
7、css加载会阻塞dom树的解析吗，会阻塞渲染吗？
8、讲一下浏览器的事件循环，如果在执行微任务的时候又产生了微任务，这个是在什么时候执行的？
9、列举你知道的微任务和宏任务有哪些，process.nextTick是什么时候执行的？
10、node事件循环的6个阶段
11、为什么需要有微任务这个概念，可以从执行时机方面考虑？
12、网络请求xhr是什么任务？
13、promise.all和promise. race，如何处理报错？
14、promise.race是什么？
15、promise.all如何实现所有的执行完再返回？
16、new的过程中做了什么，和构造函数有什么关联？
17、讲一下原型和原型链
18、用过ts吗，讲一下泛型？
19、实现泛型
20、为什么用vue可以直接用this.xxx来赋值，而react不行？
21、为什么react要使用setState显式的设置值？
22、hooks为什么不能在循环或条件语句中执行？
23、express和koa有什么区别，中间件执行方面？
24、题3：大数相加
25、题4：实现一个eventBus（发布订阅）
26、题5：封装hooks
【202309】字节前端二面
1、项目上用了redux，有对比过用或者不用redux的优缺点吗？
2、redux具体是怎么做到精准更新的？
3、写一下消息订阅模式的代码
4、有了解过其他设计模式吗？
5、观察者模式原理是怎么样的？
6、Js在观察数据和状态是否发生变化是怎么做的？
7、排序算法了解过哪些，它们的区别是什么，使用场景是怎么样的？
【202309】字节前端笔试题
1、判断一个字符串中长度为K的伪回文串的个数
2、求字符串的极值
3、求长度为k的伪回文子串的数量
【202309】字节跳动前端一面
1、PC端和移动端项目CSS的适配区别
2、rem是怎么设置的，手动算的还是用了库？
3、 rem和em的区别
4、屏幕大小变化的时候是如何适配的？
5、直接写rem计算屏幕的宽高是怎么获取的？
6、其他移动端适配的方法？
7、逻辑像素和物理像素的区别
8、浏览器渲染是如何解析渲染html文档的？
9、Css下载的过程会阻塞js的下载吗？为什么阻塞？
10、项目性能优化的方式
11、tree shaking的限制条件？比如模块化方式commonJS或ES6module的方法能实现吗？
12、原生JS 类的实现方法，比如new一个函数的过程
13、ES6的class编译完成后产物是什么样的，比如是函数or对象or数组？
14、ES6中继承的原理？
15、原型链
16、function的prototype是什么？
17、闭包原理
18、ES5有哪些作用域，ES6呢？
19、项目中用过的异步方法怎么实现的？
20、promise传的参数(resolve，reject)执行时机是异步还是同步的？
21、Promise函数里有error会怎么样？必须catch吗，用then呢？
22、async/await原理
23、 await后面跟一个1或者字符串可以吗？
24、 Generator函数接触过吗？
25、浏览器的Eventloop和node的Eventloop区别
26、异步任务挂起之后还可以给下一个用户提供服务吗？（挂起期间有新用户访问）
27、git用到哪些命令多一些？merge用过吗？
28、跨域问题如何解决？
29、跨域请求的时候带cookie怎么带？
30、编程：最长连续递增数组，复杂度多少，能优化到多少？
31、编程：二叉树层数
【202309】前端飞书一面凉经
1、websocket连接断开期间的消息会丢失吗，怎么重连？
2、axios请求接口错误，即状态码非200的请求错误怎么捕获？
3、axios的请求拦截和响应拦截底层实现原理是什么？
4、强制缓存和协商缓存使用场景是什么？
5、对同一个接口发多次请求，当其中一个接口有消息返回中断其他的请求怎么实现？
6、打包工具打包后的文件名上的hash值根据不同场景应该怎么设置，有什么说法？
7、编程：数组里有一组接口，同时设置有最大可发送请求数
8、编程：判断链表是否有环？
【202309】字节前端一二面面经（许愿三面）
1、websocket刷新页面之后如何恢复连接？
2、介绍一下浏览器本地缓存
3、如果想给localstorage添加有效时间，有没有什么思路去实现？
4、http状态码
5、怎么解决跨域？
6、讲一下对JSONP的理解
7、有用过web worker吗？
8、Css中position的定位方式
9、Css动画写过吗？写一个从左往右移动的动画
10、什么时候用OPTION请求？
11、跨域的场景下一定会发OPTION吗？
12、手写一个简单的eventemitter；写完之后添加fitter过滤；写完之后添加sticky机制
13、编程：求数组深度
14、编程：判断回文子串
15、编程：每千位添加分隔符
【202309】字节前端 1面
1、Vue：双向数据绑定
2、Vue：发布订阅（如何实现发布订阅）
3、Vue：如何使用vuex？
4、Vue：vue2和3的区别
5、Vue：defineProperty和proxy性能上的区别
6、React：setState的第二个参数，什么时候拿到新的数据？
7、React：setState合并更新
8、React：react生命周期
9、React：shouldComponentUpdate
10、React的diff算法和Vue的diff算法
11、React：useMemo和memo
12、React：用react的时候遇到的难点
13、编程：实现判断标签匹配
14、编程：实现Promise.all
【202309】字节前端一面
1、var let const的区别
2、可以修改const声明的对象的属性吗，为什么？
3、Css中垂直居中的方式有哪些？
4、元素实现隐藏的方式有哪些，都有什么区别？
5、Js中深浅拷贝的区别
6、跨域是什么引起的，用什么方法实现跨域？
7、用户登录部分的功能是怎么实现的？
8、状态管理的方式除了redux，还有哪些？
【202309】字节前端二面
1、interface和type的区别？使用场景？
2、TCP是如何保证传输的稳定性和可靠性的？
3、为什么要进行四次挥手？
4、Https的加密过程？
5、HTTPS中证书的作用是什么？
6、用useContext和useReducer模拟实现redux
7、实现一个自定义hook useHover，当鼠标hover到元素上时触发传入的事件
【202309】字节前端笔试编程题
1、长度为n的数组，陡峭值是相邻两数差的绝对值之和，求只修改第i个元素，让f（i）最小的各个陡峭值
2、字符串构造，每个小写字母都要出现至少两次，而且相同字母的最小距离刚好是k
【202308】【校招】字节-前端日常实习一面-视频架构
1、为什么会选择tailwind？
2、Js中map和filter的作用
3、Js中async和defer的区别
4、介绍一下节流与防抖的区别及应用场景
5、Webpack的构建，常用的plugin
6、Js中的this指向
7、Css中常用的垂直居中解决方案有哪些？
8、vite知道吗？
9、React的常见hook
【202308】字节商业化前端二面
1、Redux讲一下干嘛的？
2、Redux中间件了解过吗？
3、编程题：实现一个LRUCache，有set(id, object)，get(id)两个方法
【202308】字节前端一面
1、Js数据类型有哪些？
2、引用数据类型和基本数据类型的区别是什么？
3、如何判断一个对象是不是空对象？
4、解释代码输出
5、对闭包的理解？什么情况下会产生闭包？
6、解释代码输出
7、对Js单线程的理解？缺点是什么？设计初衷是什么？
8、浏览器从输入url到页面渲染出来的过程？
9、DOM树的构建和JS代码的执行的先后顺序？
10、对webWorker的理解？使用限制有哪些？
11、对Js的事件循环的理解？
12、解释代码输出
13、如果在async1()前面加上await会不会影响输出结果？
14、 Promise和async/await有哪些相似性？
15、有了解过React框架的哪些原理吗？
16、React Fiber在哪个过程是可以中断的？
17、代码题：实现一个convert函数，将扁平化的结构转换成树状结构
18、代码题：实现输出下一个质数
19、代码题：给一个有序数组和一个数字，要求返回该数字在有序数组中出现的起始位置和结束位置
【202308】字节懂车帝前端二面
1、不同路由实现原理区别
2、react-query原理
3、手写实现uesQuery
4、观察者模式，手写实现一个事件总线，怎么用？
5、做了哪些基于umi修改的配置？
6、git hook实现代码commit前检验怎么只测增量代码？
【202308】字节一二面+hr面凉经
1、一面：垂直居中
2、一面：路由的不同及原理
3、一面：React的渲染原理
4、一面：手写reduce
5、一面：手写sum
6、二面：href和src区别
7、二面：XSS 和 CSRF 区别和防范
8、二面：WebSocket握手
9、二面：Css黑暗主题如何适配？
10、二面：富文本如何防止xss攻击？
11、二面：客户界面白屏怎么排查？
12、二面：手写封装fetch，超时可以重试，有重试次数等限制
【202308】23字节前端商业化技术一面
1、介绍过往项目中遇到最难解决的问题
2、介绍下过往项目中用过的组件库和样式库
3、Webpack的摇树原理
4、 React18的新特性
5、为什么用tailwindcss，优势在哪儿？
6、做题：this指向
7、做题：原型链
8、做题：微任务宏任务
9、做题：scheduler
【202308】字节前端两道笔试题
1、做题：字符串，每次只能删含有相同元素的连续子串，最少删多少次能删成空串
2、给两个字符串，可以修改第一个字符串的一个字符（只能修改第一个字符串，第二个不可以改），求两个字符串的相同前缀数和相同后缀数乘积
【202308】字节前端日常实习一面（凉经）商业化技术
1、==和===的区别
2、隐式类型转换具体怎么实现？
3、如果判断两个对象是否一致呢?
4、Next.js和纯React的技术选型区别在哪？
5、SEO的区别(服务端渲染/客户端渲染)
6、Nextjs的懒加载具体怎么实现，要求组件化且高效
7、缓存类型有哪些，具体怎么实现？协商缓存会影响后端吗？
8、cookie和local storage的区别，cookie可以实现跨域传输吗？
9、怎么解决跨域？
10、算法题:实现虚拟dom转换为真实dom
【202307】字节跳动AML前端日常一面
1、说一下Js基本类型
2、说一下bind, call, apply的区别
3、说一下原型链
4、说一下new发生了什么？
5、说一下async await怎么实现？
6、说一下闭包，实现一个计数器
7、实现一个request，可以在失败的时候重试，有interval和maxCount参数
8、浏览器的事件循环和Nodejs的事件循环的区别
9、输出题，哪些是宏任务，微任务？
10、算法题，爬楼梯，斐波那契秒了
【202307】【校招】字节跳动商业化技术前端实习一面
1、有做过打包相关的优化吗？
2、有做过 Node 相关吗？
3、左右 300px，中间自适应布局
4、flex: 1 是哪些属性的简写？
5、 flex-grow 与 flex-shrink 的计算规则
6、除了 flex 还有什么方式实现上述的三列布局？
7、输出题，解释为什么
8、基本类型与引用类型的区别
9、引用类型都存在堆内存中吗？
10、http 与 https 的区别
11、在 https 建立连接的过程中，为什么用非对称加密来交换密钥？
12、如果有第三方传给客服端一个假密钥呢，如何判定？
14、怎么通过数字证书验证服务端身份的呢？
15、为什么 https 建立连接用非对称加密，传输数据用对称加密呢？
16、有做过登录相关的吗，讲一下过程
17、token 存在 localStorage 里有风险吗？
18、cooke、sessionStorage 和 localStorage 的区别
19、cookie 有哪些属性字段呢？
20、sameSite 字段是干什么的？
21、什么是同源呢？
22、 token 是放在 cookie 里更合理还是放到 localStorage 里更合理
23、token 存到 localStorage，是没有过期时间的，怎么实现有过期时间呢？
24、代码题：实现一个函数，函数有两个参数，第一个参数为一个字符串，第二个参数为一个数字
【202303】字节跳动前端面试题
1、对Flex布局的理解及其使用场景
2、Js中的原型和原型链
3、组件之间的传值有几种方式？
4、常见的水平垂直方式有几种？
5、说一下类组件和函数组件的区别？
6、在地址栏里输入一个地址回车会发生哪些事情？
7、说一下for...in 和 for...of的区别？
8、虚拟DOM转换成真实DOM
9、实现节流函数和防抖函数
10、点击刷新按钮或者按 F5、按 Ctrl+F5 （强制刷新）、地址栏回车有什么区别？
11、实现模板字符串解析
12、Cookie有哪些字段，作用分别是什么？
13、Promise.race
14、说一下slice splice split 的区别？
15、浏览器的渲染过程
16、说一下你对盒模型的理解？
17、Vue实现双向数据绑定原理是什么？
18、Promise.any
19、闭包的应用场景
阿里巴巴
【202309】淘天前端一面
1、webpack的构建原理
2、如何优化webpack？
3、webpack和vite相比，vite有哪些优势？
4、浏览器拿到html树到渲染是什么样的？
5、v8垃圾回收处理机制
6、跨域问题怎么产生，如何解决？
7、performance监控工具怎么用的？
【202309】阿里云前端一面
1、list2tree函数，我们实际用的pid是哈希值，不能用sort去解决，那么你的算法该怎么改？
2、时间复杂度空间复杂度是多少？
3、你提到说你有学react源码，那么你深入学习了哪个？
4、那么为什么要用diff？
5、diff是怎么优化的？
6、css的作用域 less的作用域
【202309】阿里淘天前端一面（凉经）
1、给你一个URL能够发现什么信息，对URL进行了很细致深入的询问
2、对hash进行深入的问，之后问和history区别？
3、css画三角形以及原理，空心三角形怎么画？
4、es6和es5区别，数据类型，null和undefined双等，三等之类的，Boolean原理？
【202309】淘天电话一面（透心凉）
1、大量svg拖拽渲染速度为什么慢？说一下怎么减少回流？
2、了解WebGL吗？
3、koa和express的差别
4、koa中用到了哪些中间件？
5、聊一下设计模式，在开发中的应用？
6、说一下Vue的核心原理
7、Vue2和Vue3的区别
8、session和cookie的区别
9、如果部署了两台云服务器，登录功能需要服务端保存session，不同的服务器如何共享session？
10、nginx做静态服务和express做静态服务两者之间的区别是什么？
11、场景：新开发了一个功能，网站已经有一定的用户量，如何在不影响用户正常使用的情况下发行新功能，如何平滑更新？
12、场景：如果一篇文章访问量激增，云服务器承受不住了，怎么办？
13、场景：如果网站被大量爬虫，被恶意攻击，防范爬虫
14、场景：如果博客开放了评论功能，如何防范恶意脚本注入？
15、场景：用户表单数据提交之后，服务端怎么对数据进行验证？
【202309】阿里淘天前端一面
1、实现 EventBus
2、从输入url到渲染页面
3、具体再说说得到资源后的渲染阶段
4、只给你一个div，实现一个9乘9的黑白棋盘有什么思路？
5、实现 0.1+0.2 === 0.3
6、讲讲requestAnimationFrame
7、requestAnimationFrame和canvas如何一起使用呢？
8、Canvas如何实现一个小球按正弦波移动的效果？
9、说说你觉得前端有哪些应用方向？
【202308】阿里前端一面
1、Flex布局
2、讲一下async-await和generator的关系
3、Js中yield和return的区别
4、 generator底层实现
5、强缓存和协商缓存
6、这两个缓存方式用来判断是否过期的字段
7、Etag有什么缺点？
8、Js中的增值存储
9、Js中对象如何合并?
10、怎么可以设置对象里的属性不可修改？
11、React的生命周期
【202308】23淘天前端一面
1、 Js中的数据类型
2、== 与 === 的区别与执行结果
3、var let const的区别
4、如何避免一个对象的属性被修改？
5、function函数和箭头函数的区别
6、介绍下function函数的this指向
7、介绍下闭包，举个闭包的例子
8、 Css选择器和选择器优先级，Css连接器有哪些？如何影响选择器优先级?
9、介绍下盒子模型，怪异盒子模型。box-sizing属性描述的是什么，可以设置为哪些值？
10、 Https和Http的区别，TLS握手做了什么？
11、Http头部控制缓存的字段有哪些？
12、强缓存和协商缓存的区别
13、进程和线程的区别
14、 Js是单线程还是多线程，浏览器如何支持多个Js线程？
15、介绍下 Worker 线程
16、Worker 线程有两种你知道吗？
17、介绍下React中的组件间通信
18、介绍下useEffect
19、useEffect和useLayoutEffect区别
20、介绍下React的合成事件和事件委托机制，混用合成事件和原生事件谁会先执行？
21、编程：将一个url中的query字段转换为map，注意value中的数据类型
22、编程：翻转一句英文句子，要求单词顺序翻转，但是单词本身字母间顺序不变
【202308】淘天前端一面+二面
1、编程：字符串的间隔反转
2、编程：请求控制并发数，并在全部完成后调用callback
3、移动端适配怎么做？
4、性能优化怎么具体分析，整个的流程
5、整个应用需要切换不同的样式怎么操作？
6、盒子模型
7、防抖，节流，什么场景使用？
8、原型链，闭包以及实现原理应用场景
9、自己webpack怎么配置的？
10、小红书的埋点怎么做的知道吗？你知道埋点上报了哪些数据吗？
11、Webpack中的treeshaking具体怎么shaking的？
12、模块化CMD,AMD,UMD,ESmodule的使用场景，区别，概念
13、二面：性能优化综述，以及优化的效果怎么样？
14、二面：性能优化目前只是在自己的浏览器看，和用户机型实际的性能肯定有参差，如何获取用户侧的性能指标？
15、二面：项目如何去对不同的机型进行兼容？
16、二面：Webpack你的项目打包需要多少时间，如何加快？
17、二面：SSR简单介绍下
【202308】高德前端一面
1、Http状态码
2、Https数据加密过程
3、编程：前序中序后序输出
4、编程：实现一个add方法有如下效果add(1,2).add(3).add(4).ouput()，在output的时候输出前边数的和
5、编程：一个数组，有重复的数字，要求分别找出第k大和第m大的数，说出最优解
6、编程：实现一个pipe函数
【202308】【校招】高德地图秋招前端一面
1、进程和线程的区别
2、Http和Https的区别
3、为什么要用UDP？
4、Http和Https属于哪一层？
5、多态的作用
6、什么是死锁，发生的原因有哪些？
7、Js的严格模式是什么？
8、事件冒泡和事件捕获
9、什么是闭包，闭包有哪些作用？
10、Vue的组件通信方式有哪些？
11、keep-alive有什么作用？
12、Vue的动态组件
13、v-model是用来干嘛的？
14、自己写如何实现v-model？
15、编程：实现for...of遍历对象需要把对象转成可迭代对象
16、编程：实现一个 ORM 类似的 find 链式调用查找data中，符合where中条件的数据，并根据orderBy中的条件进行排序
【202308】阿里控股前端一面
1、Es6中你觉得用着比较舒服的有哪些新特性？
2、箭头函数在哪些具体的场景下好用？
3、讲讲事件循环和事件流
4、讲讲原型链和作用域链
5、类的继承（es5中什么相当于extends）
6、静态方法相当于定义在哪了？
7、说说promise
8、为什么async和await能用同步代码表示异步操作？
9、generator实现原理
10、说说弹性布局
11、了解css渲染原理么，了解过gpu加速么？
12、svg和canvas的区别
【202307】菜鸟直管（西安）前端面试
1、编程：使用Js中的reduce方法，对给定数组里的值进行求和操作
2、编程：使用正则表达式，取出给定字符串中的数字
3、编程：根据js的闭包原理，实现一个函数，每次调用时都会使值+1
4、编程：实现一个函数，将给定字符串中的单词首字母变为大写
5、编程：将一个回调嵌套形式的函数改用promise实现
6、编程：实现一个函数，传入一个给定对象，要求将其中值为null undefined 的属性去掉，要求不能改变原对象（纯函数）
7、编程：实现一个函数，将给定数组转化为树形结构（实现方式不限，循环与递归均可）
8、说说es6+你常用的方法和特性
9、let const之间有什么区别，let又与var有什么区别？
10、对于被const修饰的对象，可否修改其中属性的值，原因是什么？
11、Vue2/3之前底层响应式实现有什么区别，Vue2的响应式有什么缺陷？
12、React和Vue的区别
13、React fiber架构解决了什么问题?
14、hooks的出现，解决了什么问题？
15、之前的项目中，对于开发环境而言，跨域是如何解决的？
16、之前项目中的提交、发布流程是怎么样的？
【202306】大专前端，三轮面试，终与阿里无缘
1、第一道题目是算法题
2、第二道题目是场景题
3、一面：七层网络模型、和 DNS
4、一面：一些 host 相关的东西
5、一面：React 代码层的优化可以说一下么？
6、一面：说一下 useMemo 和 useCallback 有什么区别？
7、一面：说一下 useEffect 和 useLayoutEffect 有什么区别？
8、一面：问了一下 useEffect 对应在 class 中都生命周期怎么写？
9、一面：如果在 if 里面写 useEffect 会有什么表现？
10、一面：说一下 React 的 Fiber 架构是什么？
11、二面：在 js 中原型链是一个很重要的概念，你能介绍一下它吗？
12、二面：object 的原型指向谁？
13、二面：能说一下原型链的查找过程吗？
14、二面：node 的内存管理跟垃圾回收机制有了解过吗？
15、二面：js 中的基础类型和对象类型有什么不一样？
16、二面：你能简单的介绍一下 hooks 吗？
17、二面：简单说一下 useEffect 的用法
18、二面：说一下 useEffect 的返回值用来做什么？
19、二面：你知道 useEffect 第二个参数内部是怎么比较的吗？
20、二面：http 是在哪一层实现的？
21、二面：说一下 get 跟 post 有什么区别？
22、二面：说一下浏览器输入 url 到页面加载的过程
23、二面：菜单左中右布局，两边定宽，中间自适应，说一下有几种实现方式
京东
【202309】京东前端笔试
1、给个二维数组，输出其中个位为9的数量
2、爬楼题，每次爬一个，或者爬两个，问最小花费
3、对给定数值求所有子数组权重和
【202308】【校招】24秋招京东前端面试
1、双向绑定原理
2、diff算法
3、性能优化
4、CDN
5、输入url的整个过程
6、常用的缓存
7、什么情况下会用到cookies或者localStorage 或者 sessionStorage？
8、相对定位和绝对定位
9、组件封装过程的要点
【202308】【校招】24届京东校招前端一二面
1、编程：对象深拷贝，把空数组空字符串空对象去除掉
2、浏览器输入一个URL到显示页面会发生什么？
3、浏览器缓存讲一下强缓存协商缓存和对应字段
4、DNS解析的过程讲一下分为哪几个阶段？
5、浏览器渲染过程讲一下
6、Css会阻塞DOM解析吗？
7、 Js会阻塞页面渲染吗，defer和async有什么区别？
8、Css如何实现三栏布局，上下固定，中间填充?
9、flex 1是指什么，和flex 0有什么区别？
10、二面：Vue2和Vue3有什么区别？
11、二面：Vue3和Vue2在渲染上有什么区别？
12、二面：Vue3如何取消reactive这种响应式监听？
13、二面：使用 Ref绑定元素和绑定组件有什么区别？
14、二面：Vue如何进行组件通信？
15、二面：Vue子组件如何暴露指定的数据和方法给父组件？
16、二面：Vue的watch和computed有什么区别，computed的缓存怎么实现？
17、二面：Vue的watch和computed具体怎么实现的？
18、二面：Vuex 和 pinia的区别
19、二面：Vuex为什么不能要区分mutation和action？
20、二面：Vuex如何去拦截阻止直接修改state？
21、二面：Vuex modules模块切割，如果不同模块有同名的getters和actions函数，会有什么问题，怎么避免这个问题？
22、二面：子组件更新，父子组件生命周期触发顺序；父组件更新，父子组件生命周期触发顺序
23、二面：介绍一下flex布局
24、二面：flex-shrink如何计算缩放比例，给了两三个场景去计算
25、二面：除了flex-shrink值还有什么会影响缩放？
26、二面：algin-item和algin-content有什么区别？
27、二面：Css响应式方案有哪些？
28、二面：使用百分比%会有什么问题，比如margin padding是相对于谁的？
29、二面：map和object对象有什么区别？
30、二面：map和object如何互相转换？
31、二面：编程实现数组push方法
32、二面：编程实现订阅发布
33、二面：编程实现bind
【202308】京东前端二面
1、对 React函数组件和类组件的看法
2、介绍一下 React hooks
3、介绍一下useEffect
4、什么是副作用？
5、知道哪些新技术？
6、介绍一下Redux
7、编程：千分位分割
8、编程：点击事件只触发一次
【202308】京东前端一面
1、浏览器渲染
2、Url 输入到向服务器请求是什么过程，服务器怎么处理的？
3、性能优化
4、Webpack如何做到性能优化？
5、git常用的指令
6、VsCode里用了什么插件，是做什么的？
7、JavaScript里有几种变量，包括哪些，在浏览器内存中分别是怎么存储的？
8、ES6了解哪些？
9、介绍一下箭头函数
10、在浏览器能直接执行箭头函数吗，是否需要编译，编译之后是什么样的？
11、介绍一下this，箭头函数里用this指向的是哪个对象，定义时的还是执行时的
12、执行上下文是什么？
13、闭包原理，解决什么问题？
14、JavaScript变量的作用域，let，const，var的区别
15、为什么var定义的变量可以重复定义，var一定是全局吗？
16、npm包管理工具能做什么，如何发布，怎么管理包的版本？
【202308】京东零售-技术研发与数据中心（前端一面）
1、编程：有序链表合并
2、编程：链表有环判断
3、编程：两个字符串的最大公共子串
4、编程：Js深克隆
5、介绍一下UDP、TCP
6、UDP的使用场景
【202303】京东前端二面常考手写面试题（必备）
快手
【202309】【校招】快手前端24秋招面试合集
1、性能优化的两个问题，度量的手段？性能优化的方法中提升最大的方法是什么？
2、平时用到的git操作
3、对懒加载的原理有了解吗？
4、Electron的应用场景？现在给你一个场景，你要怎么用electron去设计他们之间的交互？
5、 JS事件循环的过程
【202309】快手前端面经
1、一面：Css选择器
2、一面：BFC
3、一面：两栏布局
4、一面：Js中的闭包
5、一面：原型链
6、一面：如何实现准确的倒计时？
7、一面：算法零钱兑换
8、二面：大数据渲染，时间分片和虚拟列表
9、二面：Vue的响应式
10、二面：Computed的原理，懒计算和缓存是如何实现的？
【202309】快手杭州前端
1、前端性能优化有哪些？
2、包体积优化，你知道的有哪些？
3、Webpack的原理？
4、Webpack、vite、esbuild的区别？
5、Split chunks 的原理？
6、Tree shaking 的原理？
7、想用 Tree Shaking 可以有哪些方式？
8、所有 ES6 写的都可以用 Tree Shaking 吗？
9、Tree Shaking 有哪些限制？
10、如果一个导入依赖另一个依赖另一个依赖被 tree-shaking 掉了怎么办， CSS 引用复杂，CSS 没打进去怎么办？
11、微前端了解吗？
12、为什么需要微前端？
13、各种微前端的原理是什么？
14、JS 全局隔离怎么做？
15、Webpack 的联邦模块要先加载 container，在去取 remotes，有性能浪费，能不能直接将主应用和子应用（remotes）同时加载，应该怎么做？
16、鉴权为什么要存 token？
17、webworker 解决什么问题？
18、Token 和 cookie ssession 方案？
【202309】快手前端二面
1、Vue你有了解过底层原理相关的吗？
2、Vue的响应式原理
3、使用defineProperty和Proxy依次代理一个对象
4、除了响应式你还了解什么底层原理？比如渲染器什么的？
5、问点基础的，输入URL到页面发生了什么？
6、你对闭包的理解
7、缓存了解吗？分为什么缓存？
8、哪些情况需要用到强缓存，哪些协商缓存？
9、有一个组件需要父组件给后代组件传参，有哪些方法？
10、单向数据流真的是单向的吗？
11、知道eventBus吗？手写一个吧
12、手写一个防抖，你知道那种立即执行的防抖吗？
13、手写并发控制
14、手写flat函数，有可能不用递归吗？
【202309】快手前端三面
1、iframe传参
2、pinia原理
3、装饰器decorator使用场景？什么是aop？
4、object.create使用场景？
5、object.freeze原理？深层对象可以freeze吗？freeze hook实现修改freeze住的字段？
6、public protected private区别
7、drag api 原理
8、grid布局和flex布局区别
9、权限设计
10、表单加密解密
11、上拉加载原理
12、大文件分片上传
13、lodash支持tree-shaking吗？为什么？tree-shaking原理？
14、媒体查询原理？
15、TS中抽象类和抽象方法？
16、写道题：找字符串中第一次出现的非重复字符
【202308】快手前端一面复活赛
1、性能优化手段有哪些？
2、使用cdn会不会有图片没来的及加载出来的情况，如何解决？
3、HTTP和TCP的区别
4、TCP和UDP的区别
5、HTTP1.1的长连接讲一下
6、讲讲多路复用
7、说说HTTP3.0多路复用的QUIC
8、为什么Vue和React要有diff算法？
9、编程：实现一个并发控制
10、最长递增子序列
【202308】【校招】快手前端一面面经
1、你对CSS动画有哪些了解呢？
2、Css常见的单位有哪些？
3、vw vh能说一下什么意思吗？
4、 rem原理是啥？
5、移动端如何实现自适应的？
6、有两个div，说说间距 margin重叠问题
7、如何解决margin重叠问题？
8、typeof [] 的值
9、列举数组能改变自身的方法
10、concat会改变自身吗？
11、Cookie除了key value，还能设置什么？
12、浏览器同源策略
13、Cors有时候会发一个option请求，有了解过吗？
14、手撕代码，让程序能睡一秒
15、手撕代码，让能弹出成功，只能写一行代码
16、手撕代码，用正则表达式实现字符串的trim
17、手撕代码，找两个数组的交集
18、ref 和 reavtive 的区别
19、Vue有两种路由模式，能介绍一下嘛？
20、在history模式需要服务端配合，在nginx需要做什么操作呢？
21、了解SSR吗？
【202308】【校招】快手二面前端面经
1、能讲一下微应用应用的场景？
2、微应用它的css js 是如何做隔离的？
3、能介绍一下对axios的再封装吗？
4、前端的webpack有了解过吗？
5、plngin是怎么实现插件化的机制的？
6、插件里面有同步插件和异步插件，那你觉得这是如何保证插件的执行顺序而不影响你的主流程？
7、loader这一块处理前端样式是多个loader，执行顺序是？
8、有做过前端的性能优化？
9、手撕代码，大数相加
10、手撕代码，要求遍历矩阵，之字形遍历，穿针引线法遍历矩阵
【202308】快手前端一面
1、触发重排和重绘
2、移动端自适应
3、浏览器缓存
4、flex：1 是哪些缩写？
5、介绍一下继承
6、Vue怎么渲染到浏览器？
7、Vue实现数组劫持
8、连续数组最大和
【202308】快手web一面
1、介绍一下 TS装饰器机制细节
2、介绍一下组件封装
3、浏览器url到页面过程
4、浏览器渲染过程
5、浏览器缓存机制各种细节，如果有缓存，后端有返回么，返回什么？
6、浏览器事件机制，还有为什么有宏任务和微任务的存在？
7、React hooks机制细节，为什么不能在if里写hooks ？
8、React fiber的不同和细节，为什么fiber能够进行中断？
9、介绍一下React中的useMemo，useEffect，setState？
10、为什么原生事件的操作是同步的，为什么要分同步和异步？
11、Webpack运行机制
12、CSS中的BFC
13、如何使得页面的高是宽的一半，页面宽自适应全屏？
14、如何画0.5px的线？
15、手写限制并发数的promise
16、搜索二维矩阵
【202308】快手前端社招一面
1、编程：判断类似 301 这种有递增的数组中缺失的那一个
2、编程：找到递增矩阵的 target
3、编程：从顶点到底部哪一行的最大路径和
4、手写 Promise.race
5、React 从 import react 到渲染完有什么流程？
6、TS 怎样判断函数返回值类型？
【202308】快手复活赛前端一面
1、前端项目性能优化方面
2、Webpack中 loader 作用
3、Webpack中css-loader、style-loader、scss-leader的各自作用和执行顺序
4、Scss、Less的优势
5、Webpack中plugin和常见的plugin
6、Webpack中externl作用
7、Webpack中hash 、 chunk hash 、 content hash区别
8、Webpack中热更新原理
9、Webpack的劣势和 vite 的区别
10、Js中的闭包
11、Js中的原型和原型链
12、Js中instanceof 原理
13、Js中的Event Loop （事件循环）
14、Js中的冒泡事件和捕获事件执行顺序
15、设计模式介绍和应用
16、Js中import和require区别
17、编程：Flat扁平数组
18、编程：数组reduce 方法简单应用
19、genertor和async区别
20、Promise方法介绍
21、Ts中void和undefined区别
22、Ts中never介绍
23、Ts中typeof和keyof
24、Ts中readonly和const区别
25、水平垂直居中
26、BFC理解
27、Css中outline和border区别
28、 Css导入页面样式用link和@import区别
29、 React这种单页面应用的缺点
30、React中的生命周期
31、React中自定义的Hook
32、http缓存
33、浏览器安全：xss/csrf
【202308】【校招】24秋招快手前端面经
1、一面：说一说 this
2、一面：说一说 call/apply/bind
3、一面：手写 call
4、一面：说一说 flex 布局
5、一面：介绍一下 flex: 1 代表了什么以及它的作用是什么？
6、一面：实现三列布局，两侧固定，中间自适应
7、一面：手写数组的 flat，可以控制扁平化的层级数
8、一面：手写 retry 函数，参数为 fn、重试最大次数和重试间隔
9、一面：手写一个回溯算法，实现全排列
10、一面：描述下原型链
11、一面：手写 new
12、一面：介绍 HTTP 与 TCP 协议
13、一面：描述下 EventLoop 执行过程
14、一面：Webpack 中的 loader 和 plugin 的区别
15、一面：输入 URL 到页面呈现的过程
16、一面：优化页面加载时间的方法
17、二面：手写一个递归的算法
18、二面：手写一个 bfs 的算法
19、二面：写一写你知道的数组的方法
20、二面：介绍一下 at、foreach、map 方法
21、二面：开放题：介绍让元素在页面上消失的方法
22、二面：开放题：页面中如果打开一个新的页面，那么你有什么方法能获取上一个页面传递的数据？
23、二面：你知道请求头怎么传递数据嘛？
24、二面：你怎么对一个请求做处理，从数据发送到接受返回数据的处理？
25、二面：你怎么处理 304 状态码？
26、二面：介绍一下浏览的强缓存与协商缓存
【202308】快手主站秋招前端
1、说说文档流？
2、说说样式层叠？
3、一个关于普通函数与箭头函数的this输出
4、说说flex与grid
5、多人文档编辑会出现什么问题，怎么解决？
6、js 基本数据类型
7、订阅发布
8、异步输出一道
9、BFC
10、作用域与作用域链
11、闭包
12、问React，diff， fiber， scheduler，diff优化，vue对比react，谁快?
13、浏览器渲染，流程走一遍，blink优化怎么做，开发者可以有什么优化措施？
14、网络相关，cookie，samesite
15、并发控制，题挺难的，我直接贴在这,和那种顺序index++的不是一个题目
16、说实习，组件库，单测，覆盖率，serverless函数，为什么做，为什么现在做，为什么你做，怎么做？
17、next相关，图片优化，cdn图片处理方案思路
【202308】快手-主站-前端一面面经
1、js的原型和原型链，这里也会出原型链的场景题，问你指向哪里？
2、js的原型和原型链，这里也会出原型链的场景题，问你指向哪里？
3、js的作用域和作用域链，这里会出全局变量的场景题
4、js的闭包，并举出具体的应用。这里会让你写一个闭包的例子，里面会涉及到自由变量寻找的问题
5、js的this指向问题，这里会涉及到一点call/apply/bind
6、js的事件循环，这里会接着问具体的宏任务和微任务有哪些？这里会有一道setTimeout的场景题
7、问项目：因为我简历上有一个组件库的项目
8、有了解过打包工具吗？
9、 webpack如何将vue代码转化为html、css、js的？
10、对虚拟DOM的理解？为什么要用虚拟DOM？虚拟DOM比真实DOM好在哪？
11、在问webpack的时候，说了一个webpack会使用babel语法将高级的es语法转化为兼容的低级的js语法，这里问还有另外的方式吗？（面试官提示了：polyfill）
12、说一下nextTick的原理以及为什么要用nextTick？这里会出相应的场景题
【202308】快手前端一面
1、 JS中常用的比较两个值相等的方式
2、==和===的区别？
3、undefined和referenceError：xxx is not defined的区别，举个例子？
4、 JS有哪些本地存储的方式？
5、cookie的作用，一般存什么？
6、cookie里存密码怎么保障安全性能？
7、css有哪些动画实现的方式？
8、 animation和transition的区别？
【202308】快手前端一面非科班
1、http状态码
2、浏览器的缓存方式
3、对称加密和非对称加密
4、XSS攻击和CSRF攻击
5、怎么预防CSRF攻击？
6、margin重叠
7、BFC
8、将字符串-连接改成驼峰式命名
9、leftpad
【202308】快手前端二面
1、为什么后端进行大数据传输时候需要分页，会出现什么问题？
2、sessionstorage和locastoragel和cookie区别
3、手撕：Promise.allSettled
4、手撕：买卖股票最佳时间
【202308】快手前端二面
1、获取数组最深嵌套的层数
2、判断数组有哪些方法？
3、Promise.all, allSettled, race的区别
4、浏览器输入url到渲染页面发生了什么？
5、说说协商缓存
6、渲染环节script标签讲一下
7、讲讲webpack和vite
8、打包工具相关的优化
【202308】快手前端一面
1、浏览器存储方式
2、缓存方式，强缓存和协商缓存
3、了解fetch发请求方式么？
4、Css中隐藏元素的方法
5、了解弹性布局么？
6、实现水平垂直居中方式，弹性布局及其他方法
7、弹性布局实现三等分布局方式
8、说说flex代表是什么,flex:1又代表什么？
9、说说事件循环吧
10、说说事件捕获，冒泡以及事件委托
11、如何修改this的指向？
12、手写：节流
13、手撕：合并有序数组
【202308】快手前端一，二面
1、一面：redux dispatch 如果有异步，怎么做？
2、一面：async await呢？是语法糖还是？怎么做的？
3、一面： Css选择器
4、一面：优先级，如果给一个 id选择，还有很多个class 那么优先级是？
5、一面：Vue中Css怎么不会出现样式污染？scoped的原理是？ast树，修改
6、一面：怎么把 .vue 变成页面？
7、一面：vite的工作原理
8、一面：嵌套数组，扁平化且去重，且排序，尽可能可读性高一点
9、二面： React Hook ，你的看法，解决了什么？
10、二面：http1 http2有什么区别？
11、二面：url到页面
12、二面：重排，重绘？什么操作会触发？
13、二面：xss攻击是？怎么防护，如果是主站注入呢？怎么转译，应该注意哪些字段？
14、二面：xmlHttpRequest 仔细讲一下
15、二面：Http中的状态码
16、二面：写一下快排
【202308】快手前端一面，打复活赛了
1、React和Vue的区别
2、 CSS盒模型介绍一下
3、margin边缘塌陷知道吗，有哪些解决方法？
4、padding-top: 50%这个50%是相对谁来说的？
5、 call/apply/bind的区别，详细说说bind
6、手写bind
7、合并有序数组
【202307】快手前端一面
1、 let, var, const 区别？
2、块级作用域的理解
3、 const 用于定义常量，但使用 const 声明对象，对象可以修改，怎么理解？
4、for 循环遍历对象存在的问题。
5、原型链的理解以及带来的问题。
6、Promise 的理解，微任务和宏任务以及区别?
7、v-if 和 v-show 的区别？
8、Vue 如何实现响应式？双向绑定。
9、从输入 URL 到页面显示的过程。
【202307】【校招】快手前端暑期实习商业化一面
1、怎么看待后端这么多语言？
2、web开发实际上简化来看都是一样，查询数据库渲染到页面。那么用户在看到浏览器这些信息的过程中，都经历了什么？
3、输入url到渲染页面发生了什么？
4、项目，这个牛搭低代码是什么？
5、 request Animation Frame周期最小是多少？
6、为什么是60Hz？
7、说一说简历中的Monaco汉化插件做了什么工作？
8、5MB的产物还是很大，怎么解决？
9、CICD怎么实现的。构建缓存优化呢？
10、真项目中怎么回退版本？
11、数据埋点怎么做的？
12、面试官问http/https/websocket支持哪些？
13、 git这块平时是用git还是svn？
14、 react了解嘛？
15、node怎么样？
【202307】【校招】快手前端暑期实习商业化二面
1、讲讲你什么时候开始学习的前端，怎么会想到学习前端呢？
2、如果从技术层面描述前端呢？
3、一个页面里面的button，鼠标从外面进入按钮，然后点击再移动出来，会触发哪些事件，执行顺序是什么？
4、看过浏览器的事件模型吗？
5、可以说一说浏览器的事件循环？
6、如果微任务队列一直不为空，会怎么样？
7、和js中while循环的卡死有什么区别？
美团
【202309】美团金融服务平台前端一面
1、Js的数据类型
2、手写判断数据类型
3、Js中的循环语句
4、for和forEach的区别
5、输出判断
6、谈一谈对异步编程的了解
7、什么是宏任务，什么是微任务，分别有哪些是宏任务，微任务？
8、发送请求一般是用什么（Ajax还是axios），具体怎么实现？
9、Vue中的data，为什么是函数而不是对象？
10、Vue中的data什么情况下可以写成对象的形式？
11、判断输出
12、重写Vue数组中的push方法，每次push时输出push的值
13、手撕：最长无重复子数组
14、手撕：有效括号序列
【202309】美团前端 1-3面
1、websocket和http
2、手写：发布订阅
3、手写：并发控制
4、token怎么生成的？被截取了怎么办？怎么增加token的安全性？
5、websocket怎么传递数据？数据丢失了怎么办？连接断了怎么保持数据正确性？websocket帧都有哪些字段？
【202309】美团前端一面面经
1、介绍一下ios七层模型
2、http是那一层的，tcp是那一层的
3、ssl证书是怎么验证的？
4、vue2和vue3的区别？
5、讲一下组合式api
6、vue3相对于vue2做了哪些改进？
7、reactive可以创建单一值响应式数据嘛？
8、如果想改变width怎么做？
【202309】美团前端二面
1、react生命周期父子组件更新时生命周期方法调用顺序
2、echart用法上的一些提问？
3、.react更新渲染次数有了解吗如何减少渲染次数有具体测试过setState后的一些输出吗？
4、场景题1：判断元素呈现的颜色
5、编程题：括号匹配
【202309】美团前端二面
1、直接进入基础部分，Vue2的数据响应式
2、你提到收集依赖，那template中的数据如何建立响应式机制？
3、你知道编译使用的是什么库吗？
4、渲染器如何工作的？
5、 vue2的diff算法
6、你来设计模块化，如何解决模块相互引用的问题？
7、nodejs的事件循环和浏览器的有何不同？
8、webpack loader和plugin的区别
9、如何解决动态导入的问题，你来设计import函数？在编译阶段和执行阶段分别如何设计？
【202309】美团WEB前端一面
1、Array原型上手写数组去重
2、原型链
3、事件循环
4、setTimeout和setInterval的区别
5、利用setTimeout实现setInterval
6、打印1,2,3,4,5，每隔一秒打印一个数字
7、udp和tcp的区别
8、tcp三次握手
9、ES2023最新特性
10、Vue3选项式API和组合式API的生命周期
11、项目登录流程
12、token存在哪里，多久过期，生命周期？
13、怎么让已经登录的用户关闭浏览器后再次打开保持登录状态？
【202309】美团前端一面
1、websocket怎么用的和http的区别？
2、闭包会造成什么样的问题？
3、react生命周期
4、react组件通信方式
5、Js中的垃圾回收机制
6、网页性能优化
7、Tcp和Udp的区别，如何保证可靠传输？
8、操作系统熟悉吗进程和进程之间如何通信？
9、设计模式熟悉吗说说发布订阅模式
10、webpack有配置过吗说说原理
11、手写防抖
12、三数求和
13、N叉树遍历
【202309】美团前端二面
1、为什么要有打包工具?打包工具解决了什么问题?
2、有了webpack为什么还要有Vite?
3、Vite适用于正式的生产环境吗?
4、那你觉得webpack去掉转换成ES5就是Vite了吗?
5、JS包含哪些内容?
6、React-redux和redux区别
7、没有权限的人，知道了有权限的url，怎么防止他进行操作
【202309】美团到店一二面前端面经
1、一面：HTTP和HTTPS区别？
2、HTTPS下能发HTTP请求吗？
3、二面:Vue和React的区别？
4、Vue的nextTick原理
5、promise为什么能实现nextTick呢？
6、vue3的响应式原理有了解过吗？
【202309】美团前端一面
1、手撕：深拷贝
2、promise的输出
3、React是一个什么框架？解决了什么问题？
4、为什么虚拟DOM快？
5、虚拟DOM在什么时候都快嘛？
6、常用的React Hooks有哪些？
7、useRef的适用场景
8、React redux状态更新后会发生什么？
9、typeof判断结果有哪些？
10、typeof判断数组返回什么？
11、怎么判断数组和对象？
12、for in、for of、foreach的区别
13、for in 能遍历数组嘛？
14、for of 遍历对象
【202309】美团前端一面
1、为什么要有进程，为什么要有线程？
2、手写：写一个函数，第一次调用输出[0], 第二次[0,1]
3、手写：打家劫舍2
4、手写：promise.all
5、手写：最小路径和
6、手写：判断对象是否相等？
【202309】美团到家前端一面舔狗本狗
1、 react用的版本，原理。
2、为什么要impoer React？
3、状态管理库。我用recoil，怎么用，原理，其他，redux，原理。
4、手写useFetch
4、给出一个promise数组，写一个方法按顺序执行。
【202308】美团前端一面
1、 vue是响应式框架，响应式怎么理解？
2、怎么实现的响应式 --MVVM？
3、vue使用了哪些API或者方法实现响应式的架构？
4、 vue2和vue3有哪些区别？
5、vue3响应实现方式变化体现在哪里，响应式实现方式的区别？
5、怎么理解组合式API，什么样的形式？
6、vuex维护播放暂停的属性，用到了哪些方法和属性？
7、 HTTP和HTTPS的区别？
8、HTTPS加密和解密的过程
9、对称加密和非对称加密的区别？
10、怎么判断命中强缓存，判断的字段或者条件？
11、命中协商缓存后怎么判断文件是否变化？
【202308】美团前端一面面经
1、微应用是如何组织架构的？
2、你知道qiankun是基于什么封装的吗？
3、single SPA框架你了解吗？
4、你觉得前端整个系统有哪些复用的方面？
5、你用的vue2还是vue3？
6、vue3除了组合API，还有什么变化吗？
7、 computed和watch区别？
8、promise了解吗？ new 一个 promise 先resolve，然后reject，会怎么样？
9、有一个then，return了一个值，下一个then能拿到这个值吗？
10、你觉得什么时候再JavaScript会用到类？
11、手撕代码是两数之和
【202308】美团（成都到家事业群）前端一面记录
1、ts Partial
2、Get是完全幂等的吗？
3、不适用js实现一个点击显示悬浮窗 active
4、webview上h5的屏幕适配
5、git代码出错标准处理
6、 webpack打包优化和配置
7、webpack打包优化和配置
8、babel和polyfill
9、dom操作 querySelectorAll（编程）
10、盒模型 box-sizing
11、在Array原型链上添加flat()方法（编程）
12、驼峰命名转短横线命名（编程）
【202308】美团到家事业群-拼好饭前端一面
1、useEffect依赖项以及不同写法差异，为什么useEffect等钩子不能放在if中？React有哪些钩子
2、CSS动画都有哪些实现？
3、重绘和重排，transform是否会触发
4、盒模型-border-box
5、 Promise和async await区别？
6、 Canvas和svg
【202308】美团前端二面
1、canvas对（老旧）手机怎么优化性能？
2、canvas绘制怎么对屏幕进行适配？
3、组件间通讯方式
4、Fiber结构主要解决什么问题（只答出解决调用栈过长的问题）
【202308】美团到店前端一面
1、代码如下，如何让target元素占满高度？
2、你知道哪些css单位？em/rem vh vw都是相对于谁？
3、了解过webpack吗？
4、localStorage的缺点是什么？
5、进程和线程的区别？
6、给你三个数组，如何O(n)复杂度求出交集、并集、差集？
7、给你一个数据，如何转化为树形结构，也要O(n)复杂度？
【202308】美团前端一面
1、堆区和栈区的区别？
2、进程调度的策略有哪些？
3、浏览器的缓存策略？
4、代码输出
5、如何判断一个对象的数据类型？原理分别是什么？
6、哪些数据类型会被typeof识别为对象？
7、浏览器可以直接识别jsx语法吗？怎样才能让浏览器直接识别jsx语法？
8、为什么要使用jsx语法？有什么优势吗？
9、如何实现的对话流式输出（项目），为什么用fetch而不是axios？
【202308】美团前端一面
1、输入url到页面呈现的过程
2、https如何加密的？
3、重排和重绘
4、如何优化页面加载？
Vue2和Vue3的区别？
5、js事件循环
【202308】美团优选前端一面（凉）
1、OSI七层网络协议，TCP/IP五层网络协议，分别介绍一下
2、五层协议少的那两层协议具体是干什么的？
3、应用层主要用作用？
4、运输层主要干什么的？
5、http和https的区别
6、介绍一下https具体的加密方法，怎么实现的？
7、TCP和UDP的区别
8、TCP的三次握手和四次挥手
9、TCP和UDP分别用于哪些应用场景？
10、Cookie和localStorage的区别
11、LocalStorage存储的内容超出存储限制应该怎么处理？
12、http发送请求请求头有哪些内容？
13、HTTP的状态码有哪些？
14、JS的基本数据类型
15、介绍一下原型和原型链
16、介绍一下Promise和async await
17、介绍一下事件循环
18、有哪些是异步宏任务，哪些是异步微任务，他们分别的执行顺序？
19、React和Vue的区别
20、介绍一下发布订阅者模式
21、介绍一下CSS选择器的权重
22、手写：给Array.prototype添加一个数组去重的方法
23、手写：拼接两个数组，并排序
【202308】美团前端一面凉经
1、为什么要用Symbol.asyncIterator？
2、 Vue3相对于Vue2做了哪些改进？
3、ts了解吗？
4、怎么阻止浏览器缓存？
5、客户端怎么阻止浏览器缓存？
6、了解过webpack吗？
【202308】【校招】24秋招美团前端面经
1、介绍一下 es6 新增了哪些数据类型？
2、介绍 Symbol 的作用，以及有哪些用途？
3、你开发中有用到过 Symbol 吗？
4、介绍浏览器的 EventLoop 的整个过程
5、知道有哪些宏任务与微任务吗？
6、来介绍网络七层模型有哪些？
7、跨域是什么？
8、跨域的解决方法有哪些？
9、介绍一下 jsonp 的原理
10、 CORS 解决跨域一般会设置哪几个请求头，并说说这些请求体的作用
11、如果设置 access-control-allow-origin: * 会有什么问题吗？
12、知道 npm 与 yarn 的有什么不同吗？
13、yarn 当初设计出来是为了解决 npm 的哪些问题？
14、使用过 pnpm 吗？为什么使用它，它解决了什么问题？
15、说一说 vue3 与 vue2 的区别？
16、写了一道简单的斐波那契数列，然后分析一下空间复杂度与时间复杂度
17、如何解决长列表问题？
18、介绍一下虚拟滚动的原理
19、你会对高频事件有什么优化吗？
20、介绍一下防抖和节流
【202308】美团优选前端一面
1、如何判断http请求是否成功？
2、状态码都有哪些？
3、请求回来的资源如何判断是js还是css还是html？
4、说一下快排的思路
5、手撕：根据给的js模板实现一个单链表，有一些插入，删除，查找功能
6、场景：给一个div以及有6个子元素div，如何实现页面宽度小于1000排两行，大于1000排一行
7、上边那个场景实现：不往dom上添加属性，或者修改dom实现点击对应的子元素输出子元素的序号
8、说输出：var定义变量以及一个对象，执行对象上的几个函数，主要说this输出以及变量提升输出和事件循环输出
9、还是上边那个代码：setTimeout和then里边的输出都是异步的，为什么先输出then中的再输出setTimeout中的
10、进程和线程的区别？
11、进程通信的方法
腾讯
【202309】腾讯前端一面
1、浏览器事件执行机制，浏览器是怎么实现这个机制的？
2、基本数据类型有哪些，复杂数据类型有哪些？
3、js继承怎么实现的，除了原型链继承还有哪些，原型链和类继承的区别是什么？
4、线程和进程的区别是什么，为什么游览器使用单线程？
5、请求拦截器和响应拦截器是一种什么样的设计模式？
6、你知道axios底层是怎么实现的吗？
7、发出请求到收到回包整个浏览器执行了什么或者是网络层执行了什么？
8、用户输入网址期间发生了什么，在这个过程中浏览器有多少线程或者进程在做这件事？
9、DNS主要是做什么的，怎么做到的？
10、为什么建立连接是三次握手，而断开是四次挥手？
11、从拿到html，css等文件到渲染成页面你认为最耗时的是哪一步？
12、vue是怎么解决更新dom性能开销大的问题的，diff具体是怎么做的？
13、异步请求处理如promise，await这些的主要区别和用法你知道吗？
14、http1.0与2.0的主要区别
15、uniapp多端适配怎么做到的？
16、vue打包过程是怎么执行的？
【202309】腾讯前端面经 QQ
1、 webpack、vite区别，模块化方案，用过哪些插件，写过哪些插件？
2、 vue2、vue3区别，nextTick原理
3、数组去重以及对象数组去重
4、手写： promise并发
【202309】腾讯前端二面--金融科技
1、js取整的方法，parseInt第二个参数是什么，数组转字符串的方法？
2、数组深拷贝方法
3、改变this的方法，apply和call最初设计的时候为什么要设计这两个，为什么apply参数是数组call不是
4、前端缓存方法，localstorage和sessionstorage可以跨域吗，cookie有哪些属性？
5、跨域，强缓存协商缓存
6、常见性能优化手段
7、说一下hashmap，常见数据结构
【202309】【校招】腾讯前端 - 王者荣耀APP组
1、写题：实现一个函数，判断一个字符串是否为回文串
2、深拷贝是什么？如何实现：
3、JSON.parse(JSON.stringify())实现深拷贝有什么问题？
4、https的加密过程如何实现？
5、用过Typescript吗？为什么会出现Typescript？
6、现在有一个web端页面，性能较差，你会从什么角度去分析和提升性能？
7、做过h5页面和pc端页面吗？
【202308】腾讯天美-王者荣耀前端一面
1、react源码中可以被分为哪些模块呢？
2、浏览器渲染dom节点真的是一个个渲染么？
3、手写：bind
4、手写：lru
5、手写：高频词统计
【202308】【校招】2024秋招腾讯wxg前端一面面经
1、手撕算法：快速排序，实现 + 讲解思路，时间复杂度是多少，怎么计算的时间复杂度？
2、手撕算法：二叉树从上到下取和最多线路的和（且取的每个元素不能是相邻两个叶子节点），时间复杂度
3、手撕算法：两个二叉树判断相同，数据结构如下，时间复杂度，还有其他方法吗？
4、实际开发中为什么要避免用递归？递归会导致什么问题？
5、堆栈溢出是什么溢出？什么是堆，什么是栈？这里的堆栈和操作系统的堆栈一样吗？
6、malloc()函数或数据回收会把数据放进堆还是栈？
7、栈存什么，堆存什么？栈是先进后出还是先进先出？队列呢？
8、场景：Vue中设置一个data: count（初始0），页面中有一个 {{ count }}，还有一个按钮点一下就触发handler函数，页面上的count会怎么变化？为什么？
9、什么是$nextTick，怎么判断什么时候我要进行$nextTick了
10、什么是EventLoop？什么是宏任务，什么是微任务？怎么执行的？
11、那么EventLoop的机制是什么？假如你开发Vue，我怎么知道有没有微任务？
12、宏任务有哪些？
13、let i = 1; 是什么任务？
14、 JS有几个线程？
15、进程是什么？线程是什么？进程和线程的关系？
16、多核cpu多线程的情况下，线程用的是同一个CPU吗？
17、线程之间怎么通信？进程之间怎么通信？
18、场景：有线程A中一个地址指向数据，线程B可以直接拿这个数据吗？
19、什么是信号量？干嘛的？
21、什么是锁？有哪些锁？
22、互斥锁实现机制？
23、算法题实现思路
24、递归做的，时间复杂度 O(2^n)
25、递归做的，时间复杂度 O(n) ，其他方法说了一下推栈做（弄成数组的结构）
【202308】腾讯前端一面
1、cookie和localstorage的关系和区别
2、账号登录怎么保证用户信息密码的安全，可能的处理方案
3、在前端的角度怎么提升安全性？
4、 http和https的区别
5、https安全性的提升是怎么做的？
6、项目中遇到bug采取哪些手段来排查？
7、如何提升项目发布时候的质量，有哪些可行的方案？
8、用户反馈项目打开速度慢，如何优化？
9、前端的数据存储有哪些方法？
10、不同窗口之间sessionstorage共用还是独立
11、localstorage在什么情况下不能访问不同窗口间的信息？
12、同源是什么？
【202308】wxg暑实前端一面（凉经）
1、删除链表指定节点；
2、遍历一颗DOM节点树，删除所有display: none的节点。
3、32位整数通过位运算输出0或1，只能加减乘除与或非左移右移；
4、 leetcode LCR 100;
5、电话面：TCP与UDP的区别
6、tcp如何实现可靠传输？
7、http和https的区别？
8、https加密方式
9、https加密的四次握手
10如何攻击https（应该是想问中间人攻击)
11、 vue如何依赖搜集(搜索到对应的html,css,js等等)
12、v-model
【202307】腾讯一面凉经
1、防抖和节流是什么？
2、如果连续点击按钮在1秒内只想它第一次触发用节流还是防抖?
3、.js继承有哪些方式?
4、如果想子类继承父类的方法，但调用时不会改变父类本身属性的值用什么继承？
5、vue2和vue3的区别
6、vue3 compositionApi有什么优点,hook函数的优点，使用hook函数如何实现绑定，为什么有了mixin vue3还要搞一套新的?
7、vue2和vue3数据响应的原理，为什么vue3要用Proxy,有什么好处？
8、针对vue2object.defineProperty中setter触发后是怎么通知视图变化的?
9、讲讲promise
10、promise.then是怎么实现的？
11、出了个题大概阐述把setTimeOut里面的细节如何拆成promise对象和promise.then的形式？
12、.原生小程序的渲染和h5有什么不同？
13、this.setData是同步还是异步的
【202307】腾讯wxg前端一面
1、一个小时4个算法题：hardMan（）
2、打家劫舍2
3、打家劫舍3
4、最长字符串链（leecode的1048题）
【202303】【校招】腾讯前端面试(已凉)
【202301】腾讯前端二面高频手写面试题总结
【202209】腾讯前端面试题
【202006】四面腾讯与华为，大厂前端面试真BT！
【202006】腾讯前端面试
【201812】腾讯前端面试题
【201805】记腾讯的一次前端面试经历（共四面，已拿实习Offer）
【201804】【校招】腾讯 Web 前端实习面经
百度
【202309】百度前端面经
1、Vue2, Vue3区别，Vue、React区别，vue在编译时有什么优化？
2、Webpack、Vite区别
3、 Treeshaking原理，CJS和ESM区别
4、webpack热更新原理，Vite的热更新和webpack热更新上有区别吗？
5、webpack loader和plugin区别，写过plugin吗？
6、获取DOM元素的方式，DOM元素选择器
7、事件模型，事件委托
8、用过drag drop吗（无），那怎么用JS实现类型drag drop的效果？
9、web worker
10、页面出现白屏，从什么方面排查？
11、属性描述符（Object.defineProperty）
12、Object.freeze
【202309】【校招】百度前端实习面经(已offer)
1、手写一个div旋转加移动动画
2、.手写promisify
3、nodejs中的事件循环
4、vue中nexttick原理
5、.vue中computed和watch区别
6、react中useMemo和useCallback
7、.js为什么需要编译？
【202309】【校招】百度教育-前端实习
1、一面视频面：介绍一下原型链
2、介绍ES6常见语法：箭头函数、Promise、async/await等
3、手写一些样式：实现一个球、三栏布局
4、介绍flex属性
5、介绍position的相关属性
6、说一下输入URL后的渲染过程
7、vuex了解吗怎么修改状态的？
8、uniapp是怎么把代码转换成其他平台的代码的？
9、.vue-router的模式介绍 hash history
10、.vue的响应式原理
11、通过数组下标修改值，如何让vue2监听到数组的变化？
12、css的单位有哪些介绍一下？
【202309】【校招】百度七点提前批二面
1、三栏布局（ 3种方案第一次面试考）
2、场景题：怎么实现对于一个ul li实现拖拽效果？
3、防抖+节流介绍
4、虚拟DOM 介绍
5、手撕：括号匹配
6、.hash和browser路由区别
7、 https和http的区别
【202308】【校招】24秋招提前批百度前端面试
1、一面：移动端布局和适配方式
2、 em和rem 的区别
3、如何判断数据类型？
4、为什么promise可以一直.then()？
5、常见的数组的操作方法
6、手撕两个有序数组合并
7、双向绑定的原理
8、computed和watch的区别
9、vue生命周期的created和mounted的区别
10、HTTP状态码
11、浏览器缓存，强缓存和协商缓存
12、 cookies和localStorage 和 sessionStorage
13、重绘和重排
14、手撕数组转换为二叉树
15、二面：路由的两种模式，hash模式和history模式
16、vue的diff算法
17、 computed和watch的区别
18、watch深度监听 deep
19、监听不到数组变化的解决办法
20、vue3和vue2的区别
21、promise的作用和用法
22、async和await
23、输入url的整个过程
24、浏览器缓存机制的两种（强缓存和协商缓存），本地缓存
25、localStorage的使用方法
26、CSS选择器
27、typeof 和 instanceof 的区别
28、forEach和map的区别
29、slice和splice的区别
30、substring 和 substr 的区别
【202308】百度前端二面
1、前端怎么渲染markdown？
2、什么是scope，Scoped 如何不影响其他组件的？
3、vue-router生命周期钩子
4、js实现：深度优先遍历二叉树，递归的优势和劣势，（2个方法：递归；栈）
5、模拟信号和数字信号区别
6、什么是差分信号？
7、差分信号的优势和劣势
8、15的二进制是什么？
9、15的补码是什么？
10、js实现：判断链表是否有环（除了双指针还有什么）
11、js实现一个装饰器函数，可以用来装饰一个目标函数，经过装饰后的函数在调用前打印 start,调用后打印end
12、js实现一个观察者模式，如何使用观察者模式，观察者对象的数据结构？
【202308】百度前端实习一面
1、 vue2和vue3的区别
2、diff算法
3、协商缓存强制缓存
4、 uniapp为什么能多端发布？
5、防抖节流的区别
6、es6语法有用过那些？
7、剪头函数和普通函数的区别
8、如何解决重排重绘带来的问题？
9、position属性介绍
10、 flex常用吗？
11、vue响应式对象原理
12、vue2响应式对象的问题，vue2是如何解决的？
13、 vue2响应式对象可以监听对象的新增删除吗，$set有使用过吗？
14、 react ueseffect uescallback简单介绍
【202307】【校招】百度暑期实习一面面经
1、浏览器的缓存机制是什么？
2、cookie，你能具体说说cookie吗？
3、 http1和http2有什么区别，能具体说说吗？
4、比如我有一个a网页，一个b网页如何让他们的cookie隔离开？
5、怎么判断变量的类型？
6、那你能说一下原型链是什么吗，原型又是什么？
7、我想获取数组的第一个元素，你有多少种方法？
8、改变this指向有几个方法？
9、你能实现一个call方法吗，具体怎么实现？
10、如果我对foreach的一个数组进行遍历，数组的第二位是一个对象，我改变了对象的a属性，那么原数组会一起改变吗？
11、数组有那些方法？
12、 ts的type和interface有什么区别？
13、 interface bj={obj as string} ：any 最后这个类型是string还是any？
14、说一下react18，他和以前的版本有什么区别？
15、为什么react18会发起两次请求？
16、生产环境也会发生两次请求吗？为什么？
17、怎么不让他发起两次（不能去除严格模式的情况下）？
18、 git创建分支和切换分支？
19、两道编程题：统计一个字符串中出现最多的字母，并计算数量
20、我现在有一个url字符串，请想办法提取出来里面的请求的参数，然后将他们返回一个对象出来
【202307】【校招】百度前端实习一面
1、低代码的预览怎么做的？
2、flex了解多少，有哪些属性，怎么用，怎么计算
3、 margin塌陷怎么回事，怎么解决？
4、BFC怎么构建？
5、（最高频）es6新特性用过哪些？
6、数组的方法用过哪些？
7、 rebase和merge的区别
8、 vue生命周期
9、从输入URL到展示页面发生了什么？
10、查找根域名服务器的过程？
11、TCP握手挥手
12、用promise实现每个一秒输出一个1
13、. 如果要你优化一下代码呢？（从命名层面，变量作用域层面）
14、写一个二分查找
【202307】百度提前批前端一面
1、html5语义化标签，css3新增特性
2、获取dom的原生方法，怎么创建dom元素和修改元素
3、 html渲染流程，重排和重绘，怎么避免重排和重绘？
4、2个页面之间通信的方法
5、 jsonp的原理，跨域相关知识
6、node处理文件流
7、webpack生命周期与plugin
8、vite和webpack的区别，amd、umd如何配置？
9、 js的原型和原型链
10、 js数据类型，symbol使用场景，typeof null，数组去重方法，[‘1’, ‘2’, ‘3’].map(parseInt)的输出
11、手撕快排（双指针）
12、weakMap, weakSet, weakRef，垃圾回收机制，闭包
13、 css动画从屏幕的左边向右滑入，实现方式
14、实现一个轮播图组件
15、css预处理器，less，scss
16、vue常用指令和修饰符，及原理
【202307】百度提前批前端二面
1、手写工厂模式，并实现继承，实现组合继承
2、手写逆序数组
3、手写遍历dom所有节点，返回标签名
4、 js事件响应机制，捕获冒泡
5、tcp三次握手，浏览器发出请求到页面渲染发生了什么？
【202306】百度一面，直接问痛我
1、把一个一维数组变成三个三个的二维数组
2、输出结果，为什么？
3、this有关输出结果，为什么？
4、Promise有关输出结果，为什么？
5、实现斐波那契的第N个值（从0开始），要求时间复杂度为O(n)
6、手写EventBus
7、（场景题）在浏览器中一天只能弹出一个弹窗，如何实现，说一下你的思路？
8、项目中的性能优化？
9、项目中遇到的难点，如何解决？
10、如何学习前端的，学了几年？
【202302】百度前端一面高频vue面试题汇总
1、什么是递归组件？举个例子说明下？
2、说说你对slot的理解？slot使用场景有哪些？
3、ref和reactive异同
4、为什么要使用异步组件？
5、Watch中的deep:true是如何实现的？
6、Vue-router 除了 router-link 怎么实现跳转？
7、怎么实现路由懒加载呢？
8、组件中写name属性的好处
9、Vue组件为什么只能有一个根元素？
10、Vue 修饰符有哪些？
11、Vue修饰符的应用场景
12、双向绑定的原理是什么？
13、写过自定义指令吗？原理是什么？
14、为什么Vue采用异步渲染？
15、vue-router 路由钩子函数是什么执行顺序是什么？
16、子组件可以直接改变父组件的数据吗？
17、Vue.extend 作用和原理
18、谈一谈对Vue组件化的理解
19、Composition API 与 Options API 有什么不同？
20、Composition API能否和Options API一起使用？
21、vue-router中如何保护路由？
滴滴
【202309】【校招】滴滴前端提前批凉经
1、手写：bind
2、手写：ES5你认为最好的继承方式（寄生式）
3、二面：关于url浏览器怎么解析的，以及原生ajax的是怎么工作的、跨域问题？
4、写一个判断http/https的网址是不是符合规则，要用正则表达式
5、iterator是什么？
6、proxy了解吗，解释一下？
【202308】【校招】滴滴秋招提前批前端一面
1、 Js的数据类型
2、讲一下async/await原理
3、哪些情况下会用到闭包？
4、垃圾回收机制
5、原型链和原型对象
6、手写：求交集？
7、手写：消除重复连续字符串：aaabbb=>‘’，aaabbcbbd=>cd
【202308】【校招】滴滴前端实习一二面（已offer）
1、判断数组的方法
2、数组有哪些方法？
3、如何实现三栏布局？
4、三栏布局使用float时中间宽度怎么计算？
5、 CSS动画
6、 CSS如何实现列表加载时动画？
7、有使用动画吗？使用动画的优势是啥？
8、 ES6新特性
9、 JavaScript数据类型
10、 var、let、const 区别
11、浅拷贝与深拷贝
12、深拷贝的内部实现
13、 HTTPS与http区别
14、三次握手与四次挥手
15、四次挥手时第二次与第三次之间做了什么？
16、 docker部署细节
17、 vue的双向数据绑定
18、虚拟dom优缺点
19、 diff算法比对
【202308】滴滴实习前端一二面
1、红绿灯交替设计
2、promise.allSetted
3、判断对称二叉树
4、实现队列，getMax要O1
5、redux解决了什么，怎么用，如果有异步，怎么做？
6、 react18 引入了啥，cm，还有其他的哪些优化？
7、 useMemo,useCallback，怎么用，区别，memo呢，第二个参数是？
8、 vite 开发模式，做了什么事情，生产模式呢？
9、vite的开发模式和生产模式，有什么区别？
10、如何判断数组？如何判断函数？
11、instancof 干了啥？具体是怎么找的？
12、隐式转化，怎么转化，有什么优先级吗，具体是怎么做的转化？调用什么方法转换的吗？
13、 js，css标准，你会在哪里查看？
14、实现：深拷贝，如果是函数，你要怎么拷贝？
15、实现：找出给定数组前k大的数，如果数据量很大（不能直接读取完这个数组），那么该如何优化？
【202308】滴滴前端提前批一面
1、React主要用了哪些Hook?
2、介绍useCallback和useMemo场景
3、比如useEffect的回调函数可以是异步函数吗（async和await）
4、 https相对于http的区别和优势？
5、状态码502和304
6、控制协商缓存字段是什么？
7、性能优化做过哪些方面工作？
8、解释跨域和解决方案
9、手撕合并两个有序数组
【202307】滴滴前端一面面经
1、手撕二分，深拷贝，将输入字符串去重按字典序输出
2、在浏览器输入url解析成页面要哪几步？
3、用setTimeOut实现setInterval(手撕)
4、小程序生命周期
5、小程序带参路由跳转
6、vuex
7、http2
8、tcp三次握手，四次挥手
【202307】滴滴社招
1、Js数据类型
2、null与undefined的区别
3、判断null于undefinde的类型
4、手写es5的继承
5、创建对象的方式
6、typeof 判断数据类型原理
7、for in for of 的实现原理,可以遍历的数据类型
8、set map weakmap weakset
9、css布局方式
10、background-size
11、vue2 响应式原理
12、keep-alive原理
13、webpack 热更新原理
14、Ajax于Fetch的区别
15、有接触过webpack5吗？
16、ssr服务端渲染原理
17、css文件放在head标签里和body的区别
18、浏览器渲染过程
19、vue3 新特性
20、vue3 diff算法的优化
【202307】滴滴面经
1、CSS权重
2、let var 作用域区别
3、引用数据类型与基本数据类型区别
4、instanceof 原理与作用
5、事件代理
6、手撕 Promise
7、二分查找
8、promise.all和promise.race的返回值
【202303】滴滴前端一面常考手写面试题整理
1、类数组转化为数组
2、解析 URL Params 为对象
3、实现Array.prototype.reduce
4、实现简单路由
5、分片思想解决大数据量渲染问题
6、使用ES5和ES6求函数参数的和
7、Promise实现
8、实现apply方法
9、setTimeout 模拟实现 setInterval
10、实现Object.create
11、实现一个迷你版的vue
入口
实现Dep
实现watcher
实现compiler
实现Observer
使用
【202302】【校招】新鲜出炉！2023年滴滴面经
1、vue 的生命周期 created 跟 mounted 的区别
2、vue2 的响应式原理
3、vue3 的响应式原理
4、vue3 的 watch 和 watchEffect 的区别
5、ES6 新增的 symbol 数据类型有什么作用？
6、你知道有哪些方法可以判断数据类型？
7、隐式类型判断（双等号如何判断是否相等），双等号跟三等号区别
8、怎么判断一个数组是数组？
9、instanceof 方法的局限性
10、怎么让对象上的属性成为不可更改的属性？
11、合并两个有序链表
12、二叉树的最大深度
13、vue-router你使用过吗？能不能说一下它路由的原理
小米
【202307】【校招】小米前端实习一面
1、改进一下，降低时间复杂度（上哈希表）
2、（高高高频率，二面也问到了）刚刚说到flex布局，常用哪些属性？
3、 flex-grow计算规则
4、 flex-shrink计算规则
5、 js闭包是什么，一般用来干什么？
6、闭包为什么会造成内存泄漏？
7、算法题
【202307】【校招】小米前端实习二面
1、自我介绍
2、说一下浏览器事件循环
3、是先执行宏任务还是微任务
4、scirpt代码块属于哪种
5、为什么先执行微任务
6、用一句话或者几句话概括浏览器事件循环
7、来看一道题
8、实现 Promise.retry
9、看看这个this指向问题
10、如何在不修改源码的情况下，获取 obj？
【202307】小米前端实习二面（已offer）
1、如何处理（分页加载，懒加载）
2、有哪些原因会造成阻塞页面的渲染？
3、大文件传输是如何实现的？
4、localstorage的存储大小以及浏览器存储策略？
5、场景题：在选课的时候会经常出现一直点击的情况，怎么在前端避免？
6、问了防抖节流的概念，以及他们的使用场景？
拼多多
【202403】拼多多前端开发面经
1、浏览器从输入URL到展现内容经过了什么？
2、浏览器渲染流程是什么？
3、解析cssom会阻碍渲染流程吗？
4、解析js会阻碍渲染流程吗？为什么？
5、async 和 defer 有什么不同？
6、es6有哪些新语法？
7、箭头函数了解吗？
8、异步编程有哪些方法可以实现？
9、js内存机制了解吗？
10、v8引擎的垃圾回收算法讲一下
11、vue 和 react 对比有什么不同？
12、虚拟dom了解吗？
13、虚拟dom一定能提高性能吗？为什么？
14、vue双向绑定原理？
15、vue3和vue2有什么不同？
16、jsx是什么？
17、react栈调和，diff算法说一下？和vue的diff算法有什么不同？key有什么用？
18、setState是同步的还是异步的？
19、性能优化怎么做的？
20、浏览器缓存机制讲一下
21、怎么分析性能？
22、webpack打包优化？
23、node是单线程的，如何让他在多核CPU上跑满？
24、一个嵌套对象，拍平对象，实现一个key对应一个简单类型的值
25、写一个函数，入参是一个类数组
【202309】拼多多前端一面
1、jsBridge通信原理
2、React中的生命周期
3、useLayoutEffect和useEffect区别
4、图片预加载怎么做？
5、script中prefetch、preload
6、协商缓存
7、no-store,no-cache,Etag值生成算法
8、实现一个控制最大并发数max的fetch函数
【202309】拼多多前端一面
1、 list2tree
2、SSR原理
3、SSR hydrition原理
4、 SSR获取数据原理
5、获取数据为什么要提前获取？
6、 diff底层原理从源码层面说
7、 concurrent setState相关 18 18之前
8、实习项目介绍
9、 useeffect uselayouteffect区别
10、 uselayouteffect在ssr能用吗？
11、虚拟列表不定宽高咋做？
12、 ssr跟普通react区别
13、 ssr下有一个button 点击后会弹出内容吗？
【202112】复盘一下拼多多的面经，发现不足，逐一击破！
华为
【202207】华为OD 前端开发面经
【202206】华为OD 前端面试题
【202205】华为OD 前端岗位面试分享
【202011】华为机试在线训练（前端）
钉钉
【202107】专有钉钉前端面试指南
【202107】手撕钉钉前端考试卷，offer，拿来吧你~
得物
【202309】得物前端一面
1、三次握手与四次挥手？为什么是四次挥手不是三次？
2、说说CORS跨域？现在有一个新项目，怎么解决跨域？
3、webpack配置过吗？loader和plugin的原理是什么？一般拿loader解决什么问题？
4、说说fiber架构？以前的数据结构为什么不能中断？
5、.promise代码看输出：a是一个promise.resolve(1),现在让b等于a.then(), 判断a === b返回什么？为什么？
6、现在有1w行表格，不断滚动页面，向下加载？你怎么实现？
7、知道编译原理吗？
8、那页面渲染的时候会用到什么数据结构？
9、hashRouter和broserRouter？
【202309】得物前端一面
1、页面是否是SPA,项目中如何实现页面之间的关联？
2、登录怎么做的？
3、token除了通过localstorage保存还能通过什么保存，为什么不保存在cookie中？
4、.网页一致空白加载不出来怎么办？
5、.http缓存
6、.XSS和CSRF
【202309】得物前端一面
1、React和Vue的区别
2、Vue2用得多还是Vue3用得多？
3、 Vue如何实现双向绑定？
4、 Object.defineProperty什么时候触发get，什么时候触发set？
5、Composition API和Options API区别
6、为什么要用hooks，用类组件不好吗？Options API不好吗，后面为啥又有了Composition API？
7、一个自定义hooks，一个lodash中的方法，用起来有什么区别，本质上有什么区别，为什么要有这个自定义hook呢？
8、Vue3中的ref获取值的时候为啥加了个.value，同样地，react的useRef()也有个.current，怎么回事？
9、说说缓存，分别存在哪里？
10、强缓存协商缓存最主要的区别
【202309】得物前端一面
1、定位方式position取值和各自特点
2、flex有哪些属性？
3、js异步方式有哪些，各种方式的优缺点？
4、js事件循环，宏任务微任务
5、vue和react组件通信的方式
6、vuex的理解
7、es6的模块化
8、组件化和模块化的区别
9、vue和react的区别
10、vite与webpack的区别
11、vite为什么快？
【202308】得物前端一面
1、后台系统的登录流程
2、如果用户清除浏览器缓存，删除了token，如何依然保持登录状态？
3、怎么定期刷新token？
4、如何实现的不同用户权限不一样？
5、某个按钮，只有特定用户才有权限操作。没有权限的用户就隐藏该按钮，如何实现？
6、echarts呈现多个图表的时候，怎么优化？
7、使用redux来缓存数据合适吗？
8、怎么自学的前端？目前学到什么程度？
9、在学习过程中会写博客或者readme记录吗？
10、项目交付的时候，怎么写文档、开发指南等
11、如果你刚接手一个项目，给你了一个开发指南，你最看中的是什么？
【202308】【校招】得物秋招前端一面
1、margin塌陷，父子元素的margin如何合并，如何避免margin塌陷？
2、为什么开启BFC可以解决高度塌陷的问题？
3、 CSS如何实现三角形？
4、对ES新特性有哪些了解？
5、对Vue2了解过哪些原理？
6、 Vue的template如何转换成HTML代码。使用babel如何去转换？
7、 Vue的template节点中有一个节点循环更新里面的数据一千次，页面会渲染几次？
8、如何尽快拿到渲染结束后DOM节点的信息？
9、 nextTick原理
10、页面渲染发生在微任务还是宏任务
11、闭包，根据代码判断输出什么内容？
12、讲讲作用域链。
13、 http状态响应码有哪些？
14、状态码301和302有什么区别？
15、 React Fiber更新流程
小红书
【202309】小红书前端一面
1、 flex：1代表什么？
2、 css 动画相关，了解gpu加速吗，解决了什么问题，什么属性会用到？
3、 js如何判断空对象？
4、给了一道原型链题目，看题目说输出
5、 js new一个函数的时候发生了什么？
6、实习相关：具体做了什么事情，是怎么解决的，你在这里面的角色是什么？
7、微前端相关：js实现隔离的几种方式，css实现样式隔离的几种方式？
【202309】小红书前端一面
1、用Promise实现sleep函数
2、JS 为什么是单线程？
3、事件循环机制
4、事件循坏机制代码输出结果
5、.git 规范
6、 https
7、工程化相关
8、CSS常用布局说下flex布局
9、实现数组flat
10、vue 2.X 和 3.X 区别
11、 vue 状态管理方案
12、 font-size: 10px; 有什么问题？
【202308】小红书前端二面
1、输入url到显示，浏览器发生了什么？
2、http协议是既支持tcp又支持udp的吗，那怎么去选择的？
3、html，js，css的阻塞
4、xss攻击是什么，vue和react是怎么防止xss攻击的？
5、写一下怎么创建对象
6、顺时针打印数组
【202308】小红书前端面试
1、用过webpack没，说说配置和优化
2、http2.0和1.1的差别
3、为啥要用fiber，和14，15有什么主要差别？
4、react内部怎么实现异步中断?
5、任务优先级排序是怎么做的?
6、requestAnimationFrame?requestIdleCallback?具体react渲染在哪个阶段？
7、css哪些能实现动画?
8、用过啥数据流框架(redux)，说说原理，用法，使用的意义?
9、手写promise.all
【202308】小红书前端一面
1、项目是什么场景的，是为了练习前端还是实际项目？
2、 Vue框架为我们前端提供了什么样的能力，带来哪些价值？
3、Vue生命周期是什么样的？
4、绑定的事件在什么时间销毁解绑，怎么做--在beforeDestroy里？
5、vue-router有两种模式，hash和history，讲讲这两种模式
6、 hash哈希是基于哪个基础API提供的，调用时使用push等，这是二次封装后的，基于哪个基础API封装的？
7、 history呢？
8、html5有哪些新的特性，标签？
9、除了标签，新的API呢，比如history
10、 window document的onload方法 document content loaded
11、回流和重绘
12、 css选择器的优先级，&import
13、position有几种值，介绍一下有什么作用？
14、介绍一下粘性定位sticky
15、绝对定位相对的元素？
16、display的inline和block区别
17、JS是弱类型语言，ES6以前没有类的概念，怎么实现继承的能力？--构造函数？
18、 call和apply？
【202308】小红书前端一面
1、v-model了解过吗？
2、vue3的proxy优势
3、vue-router怎么实现的，了解过吗，hash模式和history模式区别，history导致404怎么解决？
4、usememo和useCallback区别，然后给了两个useCallback的题，看输出
5、从这里开始面试官好像开始问css了？
6、flex：1含义
7、bfc
8、深浅拷贝，递归实现深拷贝，怎么解决循环引用，非递归实现深拷贝的思路
9、http1.1和http2对比
10、说下http缓存，html、css、js哪些使用强缓存，哪些协商缓存，强缓存过期一定走协商缓存吗？
11、手写一个getUserInfo函数，向后端发起请求，要求多次调用getUserInfo只返回第一次请求的结果，如果在第一次请求过程中再次调用，等待第一次请求的结果，即避免请求重复发送
【202308】小红书-社区技术前端一面
1、.js异步方案
2、文件上传如何限制文件类型？
3、fetch，xhr区别，和axios的区别
4、使用fetch或者xhr实现进度条的功能
5、走了xhr，为什么还要有fetch？
6、同源策略，跨域访问，浏览器内置解决跨域问题的方法
7、.浏览器渲染过程
8、.解析html和解析图片的区别
9、.项目中如何passport鉴权是如何实现的？
10、axios拦截器有哪些，分别有什么应用场景？
11、组合式api用过吗，如何定义一个组合式api？
12、JavaScript模块化
13、vue导航守卫有哪些？
14、可迭代对象，如何自定义一个可迭代对象，哪些内置类型是可迭代的？
15、代码题，数字的的千分位分割
OPPO
【202309】OPPO前端
1、es6中var和let的区别，let和const的区别
2、.js中的数据类型
3、0==“”？
4、css中的单位？rem的原理
5、如何实现水平垂直居中？
6、.css动画
7、annimation函数如何定义动画起始和结束？
8、eventlistener的第三个参数
9、快排的时间复杂度，如何实现一个快排？
10、二分查找
11、箭头函数和普通函数的区别
【202309】oppo前端一面
1、ES6新特性有哪些？
2、说一说箭头函数，箭头函数可以用bind绑定吗？
3、var let const区别
4、继承和面向对象
5、对象属性prototype和__proto__
6、ES6的class怎么实现？
7、用过Developer Tools火焰图吗？
8、React.memo用过吗？
9、捕获和冒泡
10、封装事件代理
11、Webpack配置中添加CSS loader的流程
12、sass-loader作用是什么，生成什么？
13、输入url回车发生什么？
14、html引入js依赖的加载顺序
15、浏览器调试工具的网络里面，js加载顺序
【202309】OPPO前端面试记录
1、 Vue和React区别
2、Vue3和React16的新功能
3、前端性能优化策略
4、前端错误定位？
5、浏览器性能调试api？
6、事件循环
7、手机端h5适配方法？
8、尾递归
【202309】oppo前端一面
1、 css动画和js动画的区别
2、 js中除了定时器的动画还有其他的么？
3、除了requestAnimationFrame还有其他的么（requestIdleCallback）
4、屏幕刷新一帧是多长时间，在这一帧中js都做了什么事情？
5、css中单位有哪些？
6、 em和rem的区别是什么？
7、 rem相对于根元素是什么？
8、css动画如何监听播放状态？
9、 js中事件监听的方式有哪些种？
10、如何阻止冒泡和默认事件？
11、哪些事件没有冒泡？
12、箭头函数和普通函数的区别
13、 js中数据类型
14、基本数据类型和引用数据类型区别
15、 js中为啥要给任务分类
16、回流和重绘
17、如何减少回流？
18、跨域解决方案
19、 jsonp原理
20、cors原理
其他
【202405】虾皮前端二面面经
1、从输入URL到展示页面会发生什么？
2、浏览器怎么加载资源的？
3、script都要等待吗？
4、https协议是怎么实现安全性的，为啥可以实现完整性？
5、http请求头都有哪些呢？
6、Cookie有哪些字段呢？为啥有一个http only？
7、浏览器有哪些安全措施？
8、React为什么要用虚拟dom呢？
【202311】瑞幸咖啡前端工程师技术一面+二面
1、一面：文本溢出有什么方式隐藏？
2、一面：页面垂直水平居中的方法
3、一面：定位的方式，有什么区别？
4、一面：移动端适配方案
5、一面：隐藏元素的方式，有什么区别？
6、一面：浏览器字体最少是9px，要怎么设置字体8px？
7、一面：怎么设置0.5px的线段，有几种方式？
8、一面：JS数据类型
9、一面：判断是否是数组类型的方法
10、一面：原型和原型链，原型链的最顶层
11、一面：箭头函数和普通函数的区别
12、一面：改变this指向的方式
13、一面：常用数组的方法
14、一面：splice、slice，他们会修改原数组吗？
15、一面：浏览器存储（cookie那些）
16、一面：强制缓存、协商缓存
17、一面：React和vue的区别
18、一面：v-for的key有什么作用，可以使用index当做key吗？
19、一面：vue-router的钩子函数（守卫），有哪些参数？
20、一面：快排的基本思路，什么时候时间复杂度最大？
21、二面：React16.8版本之后和之前有什么区别？
22、二面：副作用是什么？
23、二面：object的方法有哪些？
24、二面：JS是怎么实现面向对象的？
25、二面：面向对象有哪些特性？
26、二面：什么是多态，怎么理解？
27、二面：TS中pick的参数有哪些？
28、二面：泛型用过吗，怎么理解？
【202311】金山办公前端一面
1、如何实现一个平行四边形？
2、flex布局父容器的属性和子容器的属性
3、JS闭包
4、内存泄漏的场景
5、ES6新特性
6、代码输出题
7、如何利用dom实现往父元素添加一千个内容相同的元素？
【202310】智联招聘前端实习一面
1、composition api新特性，如何优化利用新特性架构？
2、router中hash history区别？
3、vue如何解决组件样式？
4、less原理
5、闭包使用场景闭包缓存
6、事件循环事件冒泡捕获
7、原型链
8、手撕：数组转树
9、手撕：走台阶
【202309】招银前端一面
1、元素居中
2、如何实现将一个div放在页面左下角？
3、.js数据类型
4、原型、原型链
5、作用域链
6、.this
7、type of /instance of
8、new操作符做了什么？
9、React组件间的通信
10、React 类组件和hooks组件区别
11、对js异步的理解
12、看代码，事件循环的输出
【202309】招银网络科技
1、.js中的数据类型
2、null== undefined？
3、.判断数据类型的方法
4、local storage session storage和cookie（拓展：indexDB）
5、箭头函数和普通函数的区别
6、深拷贝
7、call和apply区别
8、说说对盒模型的了解
9、w3c模式和怪异模式
10、css中塌陷产生的原因？如何防止塌陷
11、css提高性能的方式
12、vue的生命周期
13、网络安全？
14、webpack
15、编程：判断两个子节点的共同父节点
【202309】好未来前端一面
1、获取ip地址的过程
2、 tcp三次握手
3、tcp和udp区别
4、它们使用的场景是什么？
5、手撕快排，口述思路
6、垃圾回收机制，什么时候会触发垃圾回收机制？
7、一个css场景题：head吸顶，左侧导航栏也会随着浏览器滚动而滚动，下边footer，布局思路
8、场景题穿插问了css一些基础，比如cal，定位方式
9、看代码说输出：事件循环的题，let暂时性死区的题，var变量提升的题，什么关键字也会有变量提升（function）
【202309】得物二面字节一面前端
【202309】4399前端一面
1、项目用的vue2 问会不会vue3
2、vue3取消了mixin，用什么代替？
3、适配是怎么实现的为啥要适配？
4、采用px-vw不会造成拉伸吗？
5、axios发送的请求如何取消？
6、404要怎么实现？
7、如何在登录前防止用户访问？
8、前后端分离相较前后端不分离的区别
9、用的什么打包工具
10、使用webpack做了什么？
11、封装过什么组件？
12、webpack如何打包import？
【202308】用友前端一面面经
【202308】4399前端15分钟速面（一面）
1、讲一下浏览器中的事件循环
2、 for...in和for...of的区别，后面又追问为什么；for...in可以遍历Map吗？
3、script标签两个属性async 和 defer 的区别
4、ESModule、CommonJS、AMD、UMD的区别；追问，浏览器中可以运行ESModule吗？
5、Vuex和Pinia的区别
【202308】【校招】2024秋招4399前端笔试编程题
【202308】完美世界前端一面（1h）
1、了解哪些技术栈？
2、说一下ts
3、编译时指的是什么？
4、ts是怎么在编译时进行类型检查的
5、tsc是在哪里被运行的？
6、ts除了类型检查还有其他什么作用？
7、react18新特性
8、useLayoutEffect和useEffect区别
9、useCallback
10、Promise内部发生错误，trycatch能否捕获到？
11、http相关
12、promise并发控制算法题
【202308】宁德时代前端一面
1、Vue生命周期
2、Js是单线程还是多线程，为什么？
3、Vue常见指令
4、Vue请求后端接口方式
5、用了什么前端状态管理库？
6、VueX大概介绍下
7、组件间的信息传递
8、页面间的信息传递
9、闭包问题
10、js避免内存泄漏方式
11、css盒子模型
【202307】欢聚前端一面面经
1、简述一下css盒模型
2、元素怎么设置成垂直水平居中
3、谈一下flex的理解吧
4、谈一下对position的理解
5、谈一下闭包，闭包的副作用（内存泄露）
6、promise，promise的理解，promise.all race any
【202307】广州中科软研究所前端一、二面
1、登陆模块是怎么做的?
2、退出登陆的话是怎么实现的？
3、将token存放在哪里？
4、存放在vuex里那怎么删除呢？
5、介绍一下对Vuex的了解
6、如何进行的大文件上传，传输的是什么文件？
7、为什么第一个项目vue2，然后第二个项目想通过vue3来写？
8、 vue2和vue3的区别
9、有没有想过vue3为什么会比vue2要快
10、打包构建工具的话是webpack和vite，对vite有了解吗？
11、echarts方面，比如我拉动屏幕，怎么实现echarts跟随屏幕大小来进行大小的变化
12、说了防抖和节流的概念，有实现过防抖和节流吗？
13、说一下异步方法（promise。aysnc/await）
14、css3的transition和animition有实现过吗？
15、说一下es6的新特性
16、说一下set的有什么用？
17、实现过js的类库吗？
18、了解react，说一下
19、说一下git的相关指令，说一下git merge 是怎么操作的
20、说一下状态码
【202112】复盘一下Taptap的面经，发现不足，逐一击破！
【202205】两个月前，我面试富途的面试题，大家可以看看能完成多少~
【202308】米哈游发面试了（一面寄）
1、多线程和单线程，多线程有什么危险，（说了死锁），又问了悲观锁和乐观锁（不会）；除了获取资源的区别还有什么区别
2、单核怎么实现多线程？
3、浏览器输入url之后经历的过程
4、http缓存，强缓存的响应头，expires的缺点，lastModified缺点；协商缓存的过程
5、浏览器获取ip的过程
6、浏览器解析HTML的过程
7、TCP和UDP区别、TCP三次握手，没有第三次行不行
8、流量控制和拥塞控制，慢启动和快速重传
9、addEventListener第三个参数，事件是否能同时在冒泡和捕获阶段触发，事件委托，event.currentTarget是什么？
10、call实现继承，手写
11、js事件循环，给了一道代码，有setTimeout和Promise嵌套，给出console.log输出的顺序