禾赛科技 一面分享

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.开发偏移动端还是电脑端？2.实习项目拷打3.Vue2和Vue3的区别4.服务端渲染SSR 节省的是什么时间？前端所有的JS都是服务端渲染然后返回的吗，那这样前端的首屏加载时间是不是就为0，省去网络请求？5.浏览器从URL解析到渲染的流程，结合实习中做的基建6.为什么解析完IP就可以返回对应的HTML网页，怎么对应上的7.Promise本身是微任务吗8.事件冒泡？如何阻止9.在封装一个组件时需要考虑什么？有没有一套自己的设计原则？10.场景：给一个div设置了z-index为什么没生效11.提升页面加载速度的一些性能优化手段12.Promise链式调用then代码题：1.代码输出（时间循环）2.手撕：树转对象数组二面1.前端方面如何去定位真正的性能瓶颈？要收集哪些数据2.排查问题思路3.跨平台app如何量化用户体验指标4.app冷启动速度优化+运行时内存优化5.react的fiber6.react diff和vue diff有什么区别7.多个用户同时登陆如何判断token是谁的？8.AI结合前端的技术9.项目拷打得很深代码：1.demo：一个带小数的数字，点击button隐藏整数or小数部分，支持切换2.算法：最长回文子串感觉快手对于项目逻辑思路这块很看重，基本是围绕着项目问八股，但流程推进的比较慢，一面结束3天才约二面，二面结束3天才oc....

1.请简单介绍一下你最近做的项目，或者你认为最有挑战性的一个中型项目你在其中主要扮演的角色和解决的关键技术问题是什么?2.在你的项目中，你使用了哪个前端框架(Vue/React)?请谈谈你对该框架(例如:Vue3的Composition API或 React Hooks)核心思想和工作原理的理解。3.请详细解释一下虚拟 DOM(Virtual DOM)的工作原理从数据变更到最终渲染到屏幕，整个过程经历了哪几个关键步骤?鈎脬蕁翌嘗試涌伫跪嬪帐来的性能优势主要体现在哪里?4.JavaScript 中，var、let 和 const 在作用域、提升(Hoisting)和重复声明方面有什么本质区别?请说明一下暂存死区(Temporal Dead Zone)。5.请简述一下闭包(Closure)的原理和常见的应用场景。闭包可能带来什么副作用?如何避免?6.Promise 的原理是什么?请解释一下 Promise.all()和 Promise.race()的区别晥件以及它们是如何处理链式调用中的错误捕获的?7.解释一下 HTTP 状态码 304 的作用以及浏览器是如何判断资源是否需要发送 304 状态码的?请描述一下常见的缓存策略(强制缓存与协商缓存)。8.请解释一下 BFC (块级格式化上下文) 的原理及其常见应用场景。9.你如何理解前端工程化?10.请写出一段代码，实现一个简单的数组去重函数，要求不使用 Set，并说明其时间复杂度

1.实习介绍2.Vue组件透传的实现方式3.Vue组件缓存的方法4.首次进入缓存组件的生命周期流程5.keep-alive相关的生命周期6.多层路由组件缓存方案，及超过两层可能出现的问题7.组件库封装方法，及打包到CDN的流程8.获取组件库组件自带属性的方式9.长轮询与短轮询的区别10.WebSocket的相关说明(如原理、使用场景)11.微前端应用间的传参方式12.Session能否跨不同域名13.大文件上传:原理，保证准确性的方案14.文件预览的实现方式15.Node调小键盘的操作16.Electron主进程与渲染进程的区别17.Electron中远程通信的实现方式18.Electron应用的更新方案19.反问环节