携程前端面经

面试官态度还好问项目…小程序和web的区别（回答的渲染方面吧）小程序与web操作方面的区别设计表单的优化（例如清理缓存）tree-shaking为什么注释不会被打包vue3 ref、reactivevue2 3区别proxy比vue3的响应式优势http缓存机制缓存登陆状态哪里校验主观题手写实现深拷贝……

1.大文件分片上传的原理，如何分片，断点续传，如何记录上传进度2.useEffect和useLayoutEffect的区别3.vue2和vue3的区别4.响应式如何做的5.选项式api和组合式api的区别6.组合式api有什么缺点7.diff算法原理8.vue和react的diff算法的区别9.vue2和vue3的diff算法的区别10.jwt登录机制11.http请求有哪些12.同源策略是什么13.跨域方法有哪些14.CORS的头部字段是什么15.jsonp原理16.除了script;标签，哪些标签可以跨域17.为什么使用proxy代理服务器可以跨域18.数组浅拷贝的方法有哪些19.闭包的使用场景20.webpack打包优化21.loader选型22.为什么使用jwt23.Object.prototype.a = 10;var obj = {b: 20};Object.defineProperty(obj, 'c', {enumerable: false,value: 30,});for (let k in obj) {console.log(k);}输出是什么var obj {24.对应的this指向问题：普通函数调用箭头函数调用方法调用嵌套普通函数箭头函数调用解构赋值后调用}输出是什么

八股 1.http状态码2.强缓存和协商缓存的区别是什么3.JS、CSS 这类静态资源是否用强缓存（然后追问这类资源修改重编译会变吗 变得话用强缓存还行吗）4.​缓存模式有哪些5.JS 事件循环的核心原理是什么​6.JS 中的任务分为哪几类7.不同类型任务的执行优先级是怎样的​8.一道代码输出  同步任务微任务的代码判断执行顺序9.React Router 的核心原理 两种模式的区别的是什么​10.React 受控组件和非受控组件的核心区别是什么​11.怎么判断一个 React 表单组件是受控组件还是非受控​12.受控组件和非受控组件分别适合什么使用场景​13.实习过程中遇到过哪些复杂问题 怎么解决14.常见的排序算法有哪些15.不同排序算法分别适合什么使用场景​16.自己的优缺点17.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.说下什么是二分查找？反问