面经分享 | 字节跳动前端三面offer

base武汉 前端开发工程师-企业应用 一面后直接ocvue2 vue3的区别为啥vue3支持tsjs ts的关系ts里面type interface区别css BFC的概念BFC的常见场景什么场景创建BFC清除浮动的方式css预处理器怎么使用lesswenpack中怎么把less定义成cssvite的特性vite和webpack的区别vite热更新怎么实现介绍websocketwebsoket建立连接过程与websocket对比,http协议存在的问题http协议的缺点http1 http2的区别发起十个请求 在http1和http2中分别怎么处理的js常用数组方法编程题：把多层数组转为一层：实现：flat方法，递归实现判断引用类型和基本类型介绍typeof和instanceof怎么判断是不是数组:Array.isArray()instanceof怎么判断数组怎么判断一个变量是不是Object,比如{}：使用 Object.prototype.toString.call() 方法编程题：解析一个url的query参数 例如：https://example.com/path?foo=bar%20baz&baz=123实现方式一：使用URLSearchParams对象  实现方式二：使用 split('?') 方法将 URL 字符串分割成两部分，其中第一部分是协议、主机名等部分，第二部分是查询参数部分。然后再从查询参数部分提取查询参数，并通过 forEach 循环遍历每个参数对，并将其解析成键值对，最后构造成一个对象返回。注意细节：url中参数解码实现：decodeURIComponent() 函数反问环节：技术栈：react+ts部门业务：企业内部通信类似飞书？对实习生的培养模式：面试官说把他问住了 后续我补充说了美团的就比如说暑期实习是会有对框架的学习 秋招后的实习是没有这个估计要直接上手然后面试官说啥我也忘记了 就这样好运传递！！！祝愿大家早日oc!!!

（忘记录屏了，呜呜o(ó﹏ò｡)，回答磕磕盼盼，答不上来一点） 3-5分钟自我介绍+35分钟面试（只问了css和js的八股）+20分钟代码 HTML和CSS 行内元素和块内元素的区别？ <span style="height:100px, width:40px, padding:20px, margin:40px, text-align:center;">123</span>的效果是什么 <span style="height:100px, width:40px, padding:20px, margin:40px, text-al...

- 自我介绍- 问了下介绍中帮老师做的横向项目- 项目遇到的难点，系统设计思路- 问到项目中用的的 cesium lab 做切片和 pgsql 数据库- pgsql和mysql有什么区别- sse 通讯方式- vw vh  rem 区别- 做过小程序吗 （没）- vue2  vue3 区别 （提了下vue3支持tree-shaking，开始被拷打了）- tree _shaking 如何实现的  （讲了下esm，ts模块化,文件关系编译时确认静态关系）- CommonJS 和 ESM   深入拷打- 聊聊 node- webpack 分割代码细节   （对前端工程化还是和群友聊天时提到，这几天看了下，回答的很烂）- 作用域- var let 编译时如何进行转换的，深入拷打  （真不会，吹不了一点）- 组件封装思路 （重点讲了弹窗和表单）- 工具函数型的 弹窗组件封装思路     手写数组转树 （还没写完，没时间了，讲了下思路）整体下来感觉就是逮住一个地方就使劲问，八股一吟唱就被打断，还是要深入学习

面试官人很好，我哭死但是至今（2024-5-20没有oc，面试也还在流程中，奇怪捏）1. 自我介绍2. mini-vue项目3. vue2和vue3的区别4. 看过哪些书籍5. 数据类型6. `==`和`===`判定，隐式判定7. css布局 1. flex布局 2. 然后实现垂直和水平居中8. 做题（开始思路有问题，后面面试官指出来了面试官好好）9. 看输出题 1. 选择题7个+解释原因10. 反问： 1. base 2. 技术栈 3. 做什么 4. 你对我未来的看法