知乎问答（23届春招）前端一面

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

1.实现垂直水平居中的5种方案2.事件循环机制:setTimeout、Promise、async/await 执行顺序3.React Hooks 的依赖数组作用原理4.Vue 双向绑定原理及与 React 的差异5.实现带缓存机制的斐波那契数列函数6.浏览器渲染原理与重绘回流优化7.Webpack 的 Tree Shaking 实现原理8.实现 Promise.all的异常处理机制

1.项目介绍2.介绍一下实习经历里面的功能，平台给b端还是c端用的3.element ui dialog做了二次封装？简单介绍一下。但是像dialog，他自身不是也有成功或失败的回调吗？你直接写不可以吗？4.我看你写到了防抖和节流，简单介绍一下防抖和节流的区别。什么时候用防抖什么时候用节流？5.如何进行图片压缩？6.讲一下intersection Observer，那和你监听scroll相比哪个更好7.详细讲一下你请求的过程8.你这个自动报错弹窗是什么东西呢？复用率超百分之六十怎么体现呢？9.简单介绍一下你的项目，是你自己的兴趣项目吗？10.你了解弹性布局吗？你可以讲的更详细些，比如说flex：1是什么？shrink的话1是缩小还是0是缩小？什么情况下会用 flex：1？11.你对盒子模型有什么理解吗？怪异盒子模型？12.讲一下js的事件循环？13.看道输出顺序的题目14.手撕防抖和节流

一面 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.说下什么是二分查找？反问