影石秋招前端二面面经

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

点击链接查看和 Kimi 的对话

国庆后投的简历，秋招面试就5家还有一堆的实习面试，继续实习春招再看看了附部分面经六一教育一面 （半小时）1.自我介绍2.讲一下实习都干了什么（1）怎么实现这个功能的（2）用三句话概括你实习的表现，学到了什么（2）上线后出现问题怎么解决的....3.讲一下在校做过的一个项目4.TCP和UDP区别，TCP怎么保证完整性的5.讲一下线程和进程6.死锁条件怎么产生的7.javascript怎么进行异步操作的8.讲一下哈希表9.讲一下平衡二叉树，作用优点在哪10.反问-------------------------------------实在智能一面（十几分钟）1.讲一下你做过的一个项目MySQL数据是自己编程写入的吗有没有碰到过兼容性问题2.vue2和vue3的区别3.讲一下原型链4.会不会react5.垂直居中实现6.map和传统的for循环有什么不同7.反问-------------------------------------博思软件一面：hr面 （25分钟）介绍经历-------------------------------------KK集团一面  （50分钟）1. 自我介绍2. 介绍用过的AI3. 讲一下rag4. 用rag就能保证问答准确度吗5. 文件是怎么进行分割的6. 如何处理上下文，上下文过长怎么解决7. 讲一下http和https8. https中的对称加密和非对称加密9. 对称加密与非对称加密各自实际用途10. 介绍一下加密，哈希，编码11. md5如何生成值12. 哈希可逆吗13. 介绍缓存14. vue/react区别优势，diff算法不同15. 知道babel吗16. 讲一下babel底层原理17. ast怎么生成的18. 讲一下你项目中的对象存储19. 前端直接上传到阿里云与上传到后端再上传到阿里云哪个更好，为什么要选择后者20. 阿里云域名更改对数据库的URL链接影响21. bucket是公开的吗21.sse流式传输如果传输中出问题了怎么解决22.有没有什么想问的---------------------------------------有赞 实习有转正一面  电话面 （45分钟）惨不忍睹，雷占了个遍，自己给自己挖雷1.手撕/*** 实现一个函数 parseQueryString(url)，将 URL 的查询字符串解析成对象。** 功能要求：** 1. 支持基本解析：* 例如：?a=1&b=2* 输出：{ a: '1', b: '2' }** 2. 支持 decodeURIComponent：* 例如：?name=%E5%BC%A0%E4%B8%89* 输出：{ name: '张三' }** 3. 支持重复 key 自动合并为数组：* 例如：?a=1&a=2* 输出：{ a: ['1', '2'] }** 4. 支持空值：* ?a=&b* 输出：{ a: '', b: '' }** 示例用例：* parseQueryString('https://www.youzan.com?a=1&a=2&name=%E5%BC%A0%E4%B8%89&empty=')** 输出结果：* {* a: ['1', '2'],* name: '张三',* empty: ''* }*/2.实习收获难点3.git知识，merge，rebase，回滚4.权限设计探讨5.安全问题6.promise.finally7.如何让队列串行执行8.vue如何做到数据监听9.watch，computed实现原理是什么10.实习过程中有没有做过什么优化11.选择杭州？12.有赞了解13.学习途径14.ai了解15.反问

前言还记得上周我们团队在招聘前端工程师，一个看起来经验丰富的候选人坐在我对面。"你们项目中是如何处理按钮重复点击的问题的？"我抛出了这个看似简单的问题。"这个简单，使用防抖就可以了。"他很快回答。然而，当我继续追问细节时，他却陷入了沉思...实际上，这个问题看似简单，但是要真正的解决好，需要考虑很多细节。在我面试了很多候选人中，能完整答出来的不到20%。问题背景在日常开发中，我们经常会遇到这样的场景：用户疯狂点击提交按钮表单重复提交导致数据异常批量操作按钮被连续触发这些问题如果处理不当，轻则影响用户体验，重则可能造成数据错误。今天，就让我们通过一个真实的...