1、事件循环机制2、http常见状态码3、浏览器缓存机制4、css position有哪些值，默认是哪个5、堆排序6、快速排序7、webpack，生命周期8、ES6有哪些新特性9、你是怎么学习前端技术的10、反问

1、JS判断数据类型的方式2、webpack是什么，提供了哪些功能3、JS中的普通函数和箭头函数的区别4、webWorker和主线程之间的通信方式5、get和post的区别6、浏览器cookie、localStorage、sessionStorage、indexedDB区别7、哈希路由和history路由的区别（history路由依赖于后端的配置，需要进行强转发）8、memo和useMemo的联系和区别9、react组件间通信方式10、父组件如何调用子组件的方法，使用ref或者useRef11、CSS 变换Translate和过渡Transform的区别12、PostCss作用：自动添加浏览器前缀，兼容性，变量嵌套...13、反问

1、Java封装和多态2、Hashmap有哪几种数据结构组成：数组、链表、红黑树、哈希函数3、哈希冲突怎么解决4、display inline和inlineblock的区别5、如何在移动端进行屏幕适配：rem、媒体查询6、脱离文档流的方式有哪些：绝对定位，固定定位，float，flex，grid7、第三方库有些组件如何覆盖原来的样式，!important8、工具库js，ts项目中，导入报错的原因：没有在.d.ts文件中声明工具类的方法，ts没有识别到9、JS词法作用域是在声明时就确定了的，代码编写时就确定，静态作用域10、this不同场景下的指向11、如何改变this的指向call、bind，二者的区别12、防抖和节流的区别13、浏览器缓存机制14、HTTP options15、浏览器有哪些线程16、js引擎线程工作时为什么会挂起GUI线程，因为有可能js会对DOM进行操作，有可能不操作，执行顺序不确定会带来一些问题，挂起的话就是js执行过后再去渲染，不能便渲染编修改17、webpack生成的js代码有哪些内容18、Vue父子组件数据流是单向的，子组件如何修改父组件的值，①v-model进行双向绑定②子组件通过事件触发$emit出发自定义事件19、Vuex mutation和action的区别20、反问

1、自我介绍2、web端页面布局有哪些3、div水平居中实现方式4、三栏，左右宽度固定，中间自适应有哪些实现方案5、元素隐藏的方式；display:none和visibility：hidden的区别6、position：absolute和fixed的区别，fixed什么情况会失效7、css优先级8、typeof和instanceof区别9、深浅拷贝，原理10、ES6定义变量的方式，区别11、防抖节流是什么，区别12、map和foreach的区别13、js同步异步14、react的生命周期方法15、父子通信方式16、父组件更新频繁，子组件怎么优化17、React.memo浅比较怎么实现18、Http常用状态码19、js前端存储方式：cookie、web Storage：localStorage、sessionStorage20、git分支管理

1、自我介绍2、项目背景介绍，承担的工作3、用户输入url到页面最终渲染经历的过程，这些过程中有哪些可以做优化4、请求头和响应头有哪些，last-modified、if-modified-since5、浏览器多进程，相互之间是怎么进行工作的6、算法题：字符串匹配反问：公司用的是Vue2，Vue3，toB，toC业务都有涉及，分很多团队

一面ab面：1、Chrome怎么打破字体大小为12px的限制：使用transform2、JS一个数组怎么去重，JS两个数组合并去重怎么实现3、foreach和map的区别，for of和for in的区别4、如何实现垂直水平居中5、如何判断一个属性是自己拥有的还是原型链上拥有的：hasOwnProperty;如何判断这个原型对象是不是另一个对象的原型链上的“isPropertyOf6、webpack优化，react优化7、块级元素和行内元素有哪些，区别8、flex布局介绍9、判断js类型有哪些方式，区别10、结合简历的项目发问反问

百信一面：20min1、自我介绍2、浏览器跨域是怎么产生的，怎么解决？3、Promise优缺点，特性4、React设计思想5、浏览器的渲染过程，用户输入一个url到浏览器中到最后呈现到用户界面是什么过程百信二面：20min1、自我介绍2、前端项目介绍，负责哪些模块3、为什么选择前端4、为什么选择计算机这个专业5、说一个你自己的缺点6、在实习或者以往经历中遇到的困难，沟通方面或者技术方面都可以，怎么解决的

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和last modified优缺点12、异步代码题，看代码说结果

function Power(base, exponent) { let result = 1; if (base === 0 && exponent < 0) { // 底数为0，且负数次方，异常 return 0; } if (exponent === 0) { return 1; } const absoluteExponent = Math.abs(exponent); for (let i = 1; i <= absoluteExponent; i++) { ...

function Power(base, exponent) { let result = 1; if (exponent === 0) { return 1; } else if (exponent < 0) { for (let i = exponent; i < 0; i++) { result = result / base; } } else { for (let i = 1; i <= exponent; i++) { r...

function Fibonacci(n) { if (n < 1 || n > 40) { return false; } let first = 1; let second = 1; let result = 0; if (n === 1 || n === 2) { return 1; } else { while (n > 2) { result = first + second; first = second; ...

// function TreeNode(x) { // this.val = x; // this.left = null; // this.right = null; // } function reConstructBinaryTree(pre, vin) { if (!pre.length || !vin.length) { return null; } // shift用于把数组中第一个元素删除，并返回其元素值 const root = new TreeNode(pre.shift()); const...

/*class ListNode { * val: number * next: ListNode | null * constructor(val?: number, next?: ListNode | null) { * this.val = (val===undefined ? 0 : val) * this.next = (next===undefined ? null : next) * } * } */ /** * 代码中的类名、方法名、参数名已经指定，请勿修改，直接返回方法规定的值即可 * ...

function Find(target, array) { //判断边界条件 if (!target || !array.length) { return false; } //将二维数组扁平化，变为一维数组 let arr = array.flat(); if (arr.includes(target)) { return true; } return false; } module.exports = { Find: Find, };