字节一面被薄纱版

最近状态：等OC等到焦虑，比面试更可怕的是等等等，泡麻了期间面了两家B：1.两次面ByteDance，一次核心部门但挂了，一次Base北京简单题没写出，挂了2.一次面Baidu，项目实践不不配，没实践过移动端适配，手撕很久也挂了还有就是小米捞面，这两次面试体验感就很不错（和收钱吧面试一样，很顺畅，有手撕也都比较快撕出来但是不知道HC还剩多少，今天二面完，问了正常是“两技术面+1HR面”，保佑保佑！）Base：Wuhan一面：1h实习+项目iframe通信&其他通信方式CSS基础：盒模型、弹窗实现样式设置（Vue Teleport React craetePort）......Javascript基础：异步实现有哪些&捕获错误方式原型链......框架：React与Vue主要区别手撕：作用域输出promise.all()数组建树，有parentId二面：30min自我介绍哪里人&Base倾向性能优化实践过哪些常见的设计模式（从Vue&React实现讲解，适配器模式没讲，项目实践吖）Bpmn.js实现重难点（项目）SSE中使用注意点oAuth2协议流式打字机前端如何解决传回一段一段的情况React Fiber架构自定义过Hooks吗手撕：多叉树的遍历与结果收集（滴滴实习二面类似题）微前端架构了解过吗手上有哪些Offer（说了些池子）反问：同一面部门

1.你xx后台那个项目，主要解决的业务问题是什么？上线之后是谁在用？ 2.xx审核和xx上下架你都做了，那这两个模块在权限控制上有没有什么联动逻辑？ 3.有字段不能修改，是怎么判断的？状态变化后哪些字段可以改？哪些不能？ 4.你们当时做xx审核的时候设计过哪些状态 5.你说用了ProTable做复杂表格，那里面分页、筛选、操作区这些是自己写的吗？有没有自己封装过一些复用的组件？分页功能是如何实现的 6.有看过它底层么，比如说这个弹窗组件，form组件 7.你封装的弹窗表单，如果是从表格里点击某条数据进入编辑，字段异步加载怎么办？Modal打开之后请求还没回来这种 8.AntD的Form是怎么绑...

1. 看代码说输出，以及说出如何让输出变为1,2,3,4,5``` tsfor(var i=0;i<5;++i){console.log(i)}```2. React组件先触发add，再点击btn说输出，再说如何让点击btn只输出2``` tsxfunction App(){const [count,setCount] = useState(1)useEffect(()=>{document.querySelector('#btn').addEventListener('click',()=>{console.log(count)})})return <div><div onClick={()=>setCount(p=>p+1)}></div><div id="btn">log</div></div>}```3. 说说对闭包的理解，闭包的原理4. 项目5. 实习6. 手写异步控制队列，``` tsclass Scheduler {add() {// 写}}const scheduler = new Scheduler(2);scheduler.add(() => new Promise((resolve) => setTimeout(() => resolve(1), 2000))).then(console);scheduler.add(() => new Promise((resolve) => setTimeout(() => resolve(2), 300))).then(console);scheduler.add(() => new Promise((resolve) => setTimeout(() => resolve(3), 800))).then(console);scheduler.add(() => new Promise((resolve) => setTimeout(() => resolve(4), 1000))).then(console);```二面面试官一直在笑，态度好的不得了，估计是因为我一面的时候吹逼说“我喜欢用数据结构解决问题“，然后一面面试官说”我们有个同事也喜欢，或许你和他聊得来“，估计是这位面试官了，哭了兄弟们，太和蔼了明天晚上8点三面

一二面全是八股盛宴一面1、大数据量的图表有没有遇到过什么性能瓶颈，怎么做的优化呢？2、在网慢的情况下，进入页面，资源的下载顺序是怎么做的？async和defer的区别是什么？3、语义化标签有哪些？好处有哪些？SEO优化？4、服务端渲染？5、盒模型是什么？box-sizing的作用是什么？为什么要切换计算方式呢？6、如何实现一个元素的水平垂直居中7、flex布局怎么去写，双飞翼布局8、定位的方式有哪些？三大定位哪些脱离文档流？9、absolute相对什么来定位的？10、JS的数据结构有哪些？从基础数据类型和引用数据类型来说11、null和undefined有什么区别？==返回是什么？12、var、let、const有什么区别？13、闭包说一下，是怎么造成内存泄漏的影响的？14、手写一个防抖函数15、说一下事件循环，JS为何这样设计呢？16、说一下对promise的理解17、浏览器输入URL到成功渲染出来的过程中发生了什么18、DNS解析是怎么做的呢？这是递归的查询还是迭代的查询呢19、websocket如果断掉了这么检测？20、SEE是什么？是一个什么连接？二面1、TCP连接为什么需要三次握手？具体过程是什么？2、重排和重绘是什么？修改一个DIV的width属性是重排还是重绘？3、UDP知道吗？4、浏览器中的进程和线程指的是什么？5、JS为什么是单线程的？6、什么是JS异步？解释一下事件循环？每次循环执行几个宏任务7、浏览器的跨域？JSONP的原理是什么？script是在干什么？发了请求回去怎么通信的？8、HTML的第一排的就是type，不加会有什么问题？加上和不加分别是什么模式9、CSS的盒模型是什么？border- box的作用是什么？包含哪些？10、什么叫盒模型的塌陷？为什么会发生？怎么解决？11、display float的float是干嘛的12、flex和grid有什么区别？哪个是一维的？13、如果子级是200px的宽度，父级是小于200px，会发生什么？14、什么是闭包？如果定义了一个变量，是一个一两个G的话，用完之后怎么手动销毁呢？15、防抖和节流一般用来干嘛？区别是什么？16、什么是事件的冒泡和捕获？17、nodejs中的commonJS和ESmodule的区别是什么？18、静态分析的tree-shaking是干嘛的？具体的实现逻辑是什么样的？怎么去分析哪些是静态代码的？什么叫抽象语法树？19、用过哪些打包编译的工具？20、webpack的plugin和loader分别是干嘛的？21、使用less-loader的时候，过程中发生了什么？比如把less转成CSS，这个转变的过程了发生了什么？22、现在很多都是SPA，那为什么会有SSR呢？23、了解哪些跨端的框架？为什么要出现这些跨端的框架？24、RN是怎么和原生的APP通信的？他的渲染机制是什么样的？25、手撕：将数组的0移动到末尾，其他的非0数字的顺序保持不变