《字节跳动前端面试》专题

1、发布订阅者模式设计思想 2、发布订阅者模式和观察者模式区别 3、React hooks的优点 4、React fiber可以做什么 5、typeof 和instanceof区别 6、0.1+0.2为什么不等于0.3，底层逻辑 7、Promise状态更新是什么过程 8、接口调用超时，抛出错误怎么实现，如何用Promise.race实现 9、反转一个单向链表 10、Http缓存机制 11、Etag

#前端##快手# #面经# 全程42mins 1. 自我介绍 2. 项目拷打 a. Axios 拦截器实现 b. 说一说 XCRF 以及如何实现的 XCRF 防御？ c. 怎么实现运行时的主题切换？ 3. react 逻辑复用有哪些方式？ hoos、HOC、renderProps a. 用过高阶函数吗？ 没 4. React Hooks 原理？ 不会，讲了一下编译渲染更新流程 5. 讲一讲盒子模型

1.聊NextJS和Tailwind css 2.Tailwind能否写动态变量？为什么不能？ 3.说一下前端验证流程？ 4.前端存的Token怎么发给后端（axios拦截器） 5.将一下第三方登录（SSO,OAuth) 6.js数组方法知道的有哪些？map和forEeach的区别 7.讲一下对象继承和原型链 8.js作用域（闭包） 9.let和const暂时性死区 10.合并两个有序数组#商汤#

虾皮一面5.15 70min 1.介绍一下事件循环 2.介绍了输入url到展示网页发生了什么 3.http3协议传输层里用了什么协议？udp有什么优点或者缺点？ 4.你之前的项目没有用框架吗？为什么要用react框架有啥优点 5.react有啥性能优化的办法 6.react组件通信有哪些方法 其他的还有一些八股忘记了 然后做了半小时的算法题 算法题第一题是二叉树每一个节点是0和1计算十进制数 第二

1. 箭头函数和普通函数的区别 2. 箭头函数和普通函数的 this 指向 3. 实习 4. 为什么使用 mobx，不用 redux 和 useContext 5. 什么时候需要用闭包，什么时候不需要 6. cookie、session、localstorage 的区别 7. 敏感数据放在哪里 8. 跨域 9. nginx 反向代理 10. ts 和 js 的本质区别 11. ts 泛型 12.

1.强缓存协商缓存 2.看代码说结果：事件循环输出顺序 3.diff算法 4.css提高性能的方法 5.路由守卫 6.项目实习 7.手撕：有序链表去重，重复节点全部删除

1.css选择器的属性 2.属性选择器的用法 3.定位 4.讲讲盒模型 5.水平垂直居中有几种方法 6.事件冒泡 7.js去重的方法 8.js数组的内置方法 剩下的一些问题还有自己主修的课程，研究方向，开发的流程，为什么选择前端开发，以及和项目的一些细节。 万得主技术栈react，说是有自己内部封装的组件库。面试分为ab面，一个面试官面完就下一个

es6新特性，具体怎么用的 es6在函数上面的区别 var和 let const区别 promise使用 + 场景题 http1.0 和 2区别 协商缓存和强缓存 localstorage和sessionstorage和cookie三者区别 居中，双飞栏布局 bfc组成和解决什么问题 vuex使用，vuex有几部分，vue全家桶 vue2和vue3区别，proxy 父子组件周期渲染和销毁顺序 防抖

五道手撕脑子都不正常了 1. 自我介绍 2. 实习经历（问的很细，甚至包括你的工作减少了多少 pd，有多少人在使用你做的东西） 3. HTTP 状态码 4. 网络请求方式 5. localStorage 及其应用，有没有其他类似的（嘴漏回答了 service worker，仔细想跟 localStorage 好像关系不大 6. service worker 跟其他有啥区别 7. React 常用的

面经 一开始简单聊了一下项目，问我 react 和 Vue 哪个比较熟，我说 React，然后就开始问我 React 面经了 React 有哪些 Hooks？ 答了useRef, useState, useMemo, useCallback 你了解类组件的生命周期吗？ 只用过函数组件，没答上来 其实跟 Vue 一样，挂载/更新/卸载（同时也提供一些生命周期钩子） 对于 React 的组件，我希望在

感觉八股背的挺好，代码没写出来（悲 ） #面经# #前端# #秋招# #蔚来#

高德的前端开发面试，面试过程非常详细， 你认为一个五年的前端工程师应该具备哪些能力？你在哪些方面表现得比较好或不足？ 请谈谈你使用过的meta标签。 async和defer的作用是什么？ this关键字有哪几种指向？ 给出一段代码，求输出结果： var length = 5; function a() { console.log(this.length); function b(

美团到家 第一次面大厂，被狠狠地拷打了，肯定是挂了 1.html的head、body 2.meta、link、style，link可以引入哪些资源，里面的type是做啥的，link可以跨域吗 3.script跨域吗，async、defer 4.有人恶意注入script标签怎么办 5.less、scss原理 6.css-module原理 7.修改antd组件样式如何避免被覆盖 8.flex: 1 0

1. JS的存储方式 2. cookie，cookie和storage的区别 3. 单点登录 4. 冒泡和捕获 5. this指向 6. 原型链，底层 7. 继承，底层 8. 项目，没提问题 9. 补充项目，没提问题 10. 反问 总共二十分钟 #软件开发笔面经# #顺丰#

40min， 面试官很好，很温柔，我有些讲的不太清的地方她也能提醒我一下 主要问实习经历（问了很多低代码问题，后续才知道面试官也是做这个方向的） 手撕： 1. js 原型链问题 2. 二维数组去重 反问： 1. 公司培养新人模式 2. 这是最后一轮技术面吗 --------分割线-------- 面试官还问了能不能来实习，学校大四有没有课，毕业设计咋办 #美团##美团求职进展汇总##秋招#