字节前端校招面经

1.微前端架构落地方案及沙箱实现2.如何实现前端路由?Hash和History模式的区别3.解释浏览器渲染原理及关键渲染路径优化4.Webpack构建优化有哪些具体措施?5.如何处理大文件分片上传?6.高并发场景下的前端性能优化策略7.Webpack构建速度优化完整方案8.前端灰度发布实施方案9.设计一个前端异常监控系统10.大型SPA应用状态管理方案选型11.Serverless 在前端的应用场景

1.自我介绍。2.在实习过程中有没有遇到一些比如说你认为印象比较深刻的一些问题，最终比如说是用什么样的思路去解决的呢？3.如果导入的包来源（是from后面那个）是给起别名的，这个插件还能使用吗？4.算法：输出最大的利润以及连续的区间。5.实习拷打。6.假如说别人基于这个组件库继续去做封装，那这一块对于比如扩展扩展性这一块，你这边是怎么考虑的呢？7.Form表单组件是怎么去做校验的？8.说下React Fiber？9.在使用在构建工具的时候，有没有去做过除了配置相关的loader和plugin之外，有没有去做过一些包层面的一个优化呢？比如说我可能打包体积太大了，导致首页可能加载会比较慢，那我想进行对进行优化或者说打包时间比较慢，那这块之前有做过类似的一个实践吗？10.那之前有了解过，比如说这些打包工具底层的一些机制，有了解过吗？比如说像webpack它的一些插件，那么它是底层是怎么实现的？11.能说一下浏览器缓存策略这一块吗？12.比如说像对于一些外网安全之类的，像XSS直攻击，CSRF攻击这一类的，我们应该去怎么去避免这种安全问题?13.在实习期或在项目开发过程中，有没有去说使用一些AI的一些工具来辅助我们，比如说生成代码，或者是说辅助我们解决一些场景的一些问题？反问。

一面 1.自我介绍。2.实习内容介绍？3.实习内容拷打？4.讲下开发了babel插件是解决什么问题？怎么开发的？5.从浏览器的地址输入一个URL到页面显示的过程？6.浏览器从本地那些地方都是在那些缓存是存在哪里的，这些知道吗？浏览器自己的缓存和系统本地的缓存是在哪里？7.DNS的两种解析方式有哪两种？它们之间有什么区别？或者说他们的链路是什么样？8.在发请求之前，我们会经过哪些比较重要的步骤？如果它是HTTPS的，还有其他的吗？9.说下TCP的三次握手？10.你说的那个ACK那个值是多少呢？为什么是三次握手，而不是两次或者四次呢？11.说下浏览器的缓存？12.Cache Control，除了max-age，还有一些其他的值吗？13.上面no cache或者说no store这些有见过吗？last-modify还有一个什么？这两个有什么区别吗？14.TCP和UDP的区别？15.为什么TCP它是可靠的呢？16.有办法把UDP变成可靠的吗？17.有了解过负载均衡吗？这个负载均衡大概是干什么的？18.说下http的响应状态码？还有它的一些响应头？19.3xx的响应状态码还有哪些？20.一个http的响应包括哪些部分？21.浏览器拿到响应后就去做解析了，解析它是怎么解析的？22.我们用了一个叫transform的属性，然后把他们的transforma：translation的Z改变成了不为零的值。然后这个时候他们会有一个什么样变化吗？23.这个不在现在浏览器绘制，它在浏览器渲染的时候，他们会有什么区别吗？就是说我们一个浏览器上面，它应该只有一个页面，一个图层。然后用了这个transform之后，我们就可能有两个图层，是不是？然后他们就会有一个合成的，就是两个图层合成一个图层的那种操作?24.有哪些操作会导致重排呢？为什么去读取元素的宽高会导致重排？25.说下js中事件循环的过程？26.渲染是在那一步完成的？27.常见的微任务和宏任务有哪些？28.requsetAnimationFrame是宏任务还是微任务？29.说下Promise.all是什么？30.手写Promise.all。30.eventbus是什么？31.算法：找到比相邻两个数大的数的对应的下标。（推荐使用二分）32.说下什么是二分查找？反问

1.项目介绍2.了解实习业务&&简历功能&& 除了轮询还有其他方案吗......3.xss攻击4.vue v.s react5.react怎么更新页面的 && diff算法&&虚拟DOM有咩用6.唔该讲下你了解嘅性能优化7.长列表渲染怎么做的8.如何封装自己的hook && react项目的插件9.画个九宫格 && 定义函数 &&过渡动画 ....10.vue数据怎么做双向绑定11.http几个版本 && tcp vs udp12.反问