《字节提前批》专题

①项目介绍，管理端用户登陆流程    token验证 ②如果管理系统要有两个风格，暗黑风格和清新风格，如何更改： ③说下协商缓存和强缓存 对于图片，css文件这种用协商缓存好还是强缓存好，(我的回答是两个都用，对于图片文件这种不经常修改的，就用协商缓存，强缓存有有效期，面试官说时间可以延迟，我就。。。) ④webpack处理流程   构建流程  loader加载器 ⑤xss攻击csrf攻击  解释

一面： 1、发请求的方式 2、Promise的一些方法（then、catch、all、race），Async/Await 3、如何引入和加载css和js 4、选择器 5、盒模型 6、margin重叠问题 7、HTTP请求头响应头中常用字段 8、this指向，如何修改this指向，apply和call的区别 9、算法题两数之和 10、算法题实现一个函数可以第一次调用输出0，第二次调用输出1，0和1交

一面 大文件切片上传的实现 （项目中写过） JavaScript中的基本数据类型 判断数据类型的方法以及这些方法的区别 Object.prototype.toString.call的基本原理 原型和继承 CSS盒模型 Set和Map简单说一下 讲一下浏览器的渲染机制（defer和async） 重绘重排（解决） 讲一下事件循环（随后出了一道事件循环的题目） Vue生命周期 webpack中的打包流程

因为进会议之面试官已经到了，就直接打了招呼开始导致忘记录屏了，1.15分钟，这次面试官是我遇到的第一个马保国型的面试官（b站有个视频把面试官分为程咬金型：只打三板斧和马保国型：掌握了接化发），说到什么就聊什么，而且特别喜欢让我去想一些没考虑过的东西。前面有很大一段时间在考css，考了bfc，兄弟级别盒子边距重合问题和父子级别盒子边距重合问题；还考察了borderBox和contentBox，两种盒

1、vue的双向绑定实现 2、react的一道看代码题 3、一道事件循环机制的代码题    为什么有事件循环机制，node的事件循环机制是什么，怎么用promise实现async和await 4、手写防抖 5、最长子字符串

问的很多node node事件循环 mysql优化，查询首字母查询怎么优化，除了建索引，有想过分表吗 mysql大数据量的优化 对orm的理解，用的时候有什么注意事项 http2.0丢帧了咋办 spa的理解 redux的理解，为啥要redux、为啥reducer是纯函数 什么是rpc，扯到了消息队列，就问了消息队列 rpc和http的区别 手写题：并发限制、倒水的智力题，用算法模拟倒水 实习中有什

一面： 自我介绍 项目亮点 实习期间学到了什么 数据类型 怎么判断是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.排序算法了解过哪些，它们的