《数字广东前端》专题

一面： 自我介绍 项目亮点 实习期间学到了什么 数据类型 怎么判断是Null 怎么判断数组 浏览器为什么是单线程 web worker 布局有哪些 vue2和3区别 diff算法 vue的生命周期 浏览器关闭后，vue的生命周期 怎么解决跨域 手写： 输出什么 单行超出省略，多行超出省略 深度优先遍历 二面： 自我介绍 项目难点，拷打二十分钟 js defer和async区别 IOS七层模型 HT

一面 1.css水平居中 2.bfc 3.css定位 4.判断一个对象为空对象 js 5.原型链 6.js事件循环 异步任务 7.浏览器缓存 请求头 8.跨域 如何实现 9.csp安全策略 10.最长回文子串 11.版本号排序 二面 1.级联选择器 2.vue双向绑定原理 3.vue2和vue3区别 4.性能优化 5.http从发起到渲染过程 6.数据请求 浏览器到服务端过程 7.http请求头

字节还是难 全程37分钟，有点短 1.什么是闭包 2.闭包底层是什么原理 3.https为什么是安全的 4.ssl、tls怎么底层怎么做加密的 5.ca怎么保证公钥安全 6.为什么学前端 7.怎么学前端 8.手写实现promise 9.手写爬楼梯 10.手写柯里化 11.什么是事件循环 12.浏览器和node环境的事件循环的区别 13.js如何实现沙盒运行 14.node环境和浏览器环境的区别 1

项目难点（封装组件） 父子组件传方法 导出文件浏览器是怎么下载的，回答了FileSaver.saveAs通知浏览器下载 跨域怎么下载 项目为什么选vue3 vue已经可以自动监听数据变化，实现页面渲染，为什么还需要nexttick 手写：Promise.any 虽然面完没几分钟就发感谢信了，但字节的面试官还是挺好的

部门：基础架构，难度一般 手写： Flat 打乱数组 八股&项目： 为什么喜欢前端 前端除了往工程化方向发展，还有哪些发展趋势？ 说一下你做的项目 你遇到的项目难点 实现水平垂直居中的方法？ Margin: auto需要配合哪些其他的属性来实现水平和垂直居中？ Css属性实现禁用js事件：pointer-events New做了哪些事 普通函数和箭头函数的区别 跨域解决方法 前端是怎么配置的？ P

1面 图片格式知道哪些，jpg png webp svg， 面试官说了一下webp已经很常用了，用一个access字段可以放cdn上（记了个大概没听懂，等大佬解答） 使用nextjs有什么要注意的，项目里用了 其他全是项目实习 2面 怎么接触前端，怎么学习 如果你是项目负责人，react和vue如何选型 vue收集依赖的时间点（编译的时候触发数据的get） pnpm原理优势 ssr和csr区别原理

1.互相自我介绍 2.项目是自己做的还是哪个公司的项目（答没实习自己做的）遂直接跳过我的项目问基础去了…..（好歹也让我说下我准备的难点亮点啊 3.你对前端的理解 4.vue的双向绑定原理，能说多少说多少，追问和react的区别，为什么选vue不选react。 5.虚拟dom的理解，js操作dom有哪些方法，为什么虚拟dom可以加快渲染速度，从回流与重绘的角度谈谈，再谈谈浏览器是如何渲染dom的（

1. 做过哪些项目，评价指标是怎么样的 2. 如果你的项目顺利完成的话，它将应用在什么地方 3. 看的最近一篇关于前端的博客是什么内容 4. 身份鉴权 与 网络攻击 5. 你做过的最有成就感的事情 6. 你学习的最好的课程是什么 7. 最差的课程是什么 8. 说说你了解的前端的前沿技术有哪些 等一个好消息，急急急

主要是项目上的一些问题 1.项目上用了redux，有对比过用或者不用redux的优缺点吗 2.redux具体是怎么做到精准更新的 3.写一下消息订阅模式的代码 4.有了解过其他设计模式吗 5.观察者模式原理是怎么样的 6.你知道js在观察数据和状态是否发生变化是怎么做的吗 7.这个项目大概有多少个组件，可以列举以下 8.轮播图怎么实现的，手写原生代码（可以用伪代码） 9.排序算法了解过哪些，它们的

一面 拷打实习（平常只是调接口，用sdk并没有仔细思考其中的细节，这下被拷打了） 小流量实验 有没有了解过小流量平台是如何分配流量的，如果让你设计呢？ 埋点 埋点是如何上报的？是发送一个请求更快还是请求一个资源更快？为什么？ sdk应该有什么功能收集信息？ 埋点本身的底层原理，如果埋点很多会影响页面性能吗？如何尽可能的减少埋点的影响？ 浏览器里面同时能发送多少个http请求？ http1和http

拷问项目 interface和type的区别？使用场景？ TCP是如何保证传输的稳定性和可靠性的？ 为什么要进行四次挥手？ Https的加密过程？ 抓包的流程是什么？ 证书的作用是什么？ 用useContext和useReducer模拟实现redux 实现一个自定义hook useHover，当鼠标hover到元素上时触发传入的事件

vue 双向数据绑定 发布订阅（如何实现发布订阅） vuex 如何使用vuex vue2和3的区别 defineProperty和proxy性能上的区别 react setState的第二个参数，什么时候拿到新的数据 setState合并更新 react生命周期 shouldComponentUpdate react的diff算法和vue的diff算法 useMemo和memo 用react的时候

自我介绍 为什么选择前端 基础知识: 1.var let const的区别 2.可以修改const声明的对象的属性吗，为什么 2.水平垂直居中的方式有哪些，手撕css代码 3.元素实现隐藏的方式有哪些，都有什么区别 4.深浅拷贝区别，手撕深拷贝 5.跨域是什么引起的，用什么方法实现跨域 6.nodejs有了解过吗（我说了解不多，就没多问） 7.除了react还用过什么框架 项目: 8.用户登录部分

JS数据类型有哪些？ 引用数据类型和基本数据类型的区别是什么？ 如何判断一个对象是不是空对象？ 代码输出： const obj1 = { key: 'value1', }; const obj2 = { key: 'value2', }; function func1(obj1) { obj1.key = 'value11'; return obj1; }

二面结束的时候，经典的“感谢你的时间” #字节##前端##校招##二面面经#