ps：感觉途虎很坑，池子很大，当时hr面完了无消息，建议避雷途虎● 一面● 上中下布局中间自适应  ○ https://blog.csdn.net/feiying0canglang/article/details/121592589● 数据大屏适配● 移动端适配● 打包的js很大怎么处理  ○ 为什么这么大  ○ three-shaking● react 不想让子组件渲染的方式● vue 组件通信方式● 实习项目中的难点● 最长不重复子串● 学习新技术的方式

部门好像是业务中台，当时感觉答得不错但是没有后续，无算法58同城● 原型链● 浏览器缓存● 跨域● options请求● redux实现原理● react18新增● table、modal怎么封装● Service worker怎么用● useEffect和useLayoutEffect  ○ 怎么设置依赖项● hook怎么封装● vue、map双向绑定怎么实现的

ps：这个面试试过了，最后拒了一面● css请求失败会阻塞页面渲染吗，js呢  css不会阻塞html解析但是会阻塞渲染● performance面版看哪些指标 加载日志，怎么看——看各种数据曲线变化 cpu 帧率 、主线程各种任务task的调用栈，执行时间（具体到某一function的耗时），找出长任务  ○ LCP FID cls INP   ○ 出现峰值特别高怎么排查，可能是由哪些情况引起的  ○ Devtools：各种性能指标 ● 内存泄露怎么看● for 循环大量数据怎么处理  ○ 把前面缓存的转为一个对象，判断是否在里面，空间换时间——源码  ○ 倒序 先排序然后判断● 拖拽功能原生怎么实现——监听鼠标点击事件 后移动js设置position或者动态加类名样式：translate● react vue 差别 异同、分别适合哪种项目● react vue源码   ○ vue computed中 如果一个变量没有使用，依赖会被收集吗  ○ vue中依赖收集发生什么时候二面[X] 地图项目中加载优化、  ○ 长任务、图片：取消不必要请求、缓存（数组存del cache）、减少重排重绘（transform）[ ] 自己没做过的功能怎么技术调研[X] 优化10%怎么得出的[X] 什么情况react会发生重新渲染·······[X] 在react函数组件内部 又声明了个函数使用的时候通过：函数调用、createelement 两种调用有什么区别[ ] react diff机制 节点怎么复用[ ] 组件、节点加key和不加有什么区别···[ ] react闭包，！！·····[ ] react怎么捕获渲染间的异常、加载间 、 后端返回的数据格式和之前写的不一样·····[ ] 错误边界、boundary component······[ ] 页面性能优化  ○ lcp fcp fid  把lcp展开说 css、js 压缩 延迟加载  ○ cdn[ ] es模块和cjs 区别[ ] cjs 用require导入是在什么时候加载的 执行？ 编译？[ ] 打包优化[ ] 仓库 提供了cjs 、esm 两个版本，使用的时候，两种产物有什么不同[ ] tree-shaking  只有esm 可以[ ] 加key的作用 如果不加

也不记得啥部门了哦

这个忘记是啥部门了，是电话面试的[ ] React和vue的区别[X] 怎么管理状态和变量[ ] vue数据双向绑定 调用什么方法怎么更新 [ ] 事件循环[X] 页面加载顺序[X] 页面下载触发的相关事件 dom树 浏览器事件 生命周期[ ] 原型和原型链  原型污染[ ] echarts 大屏展示 实时滚动 怎么布局，是模块适配地放在一起  实际遇到问题[ ] 后端 node.js[ ] 后端发言[ ] web安全[ ] https[ ] xxs 发生的原因 为什么[ ] http项目使用的人有好几类 有什么不一样，不同人员 菜单权限[ ] https原理和http区别差在哪  公钥私钥

补一下我之前实习滴面经#牛客AI配图神器#算法题 找最长复杂子串[ ] useEffect 依赖为空，父组件渲染5次子组件渲染几次  返回值的作用[ ] 国际化配置 umi[ ] service worker   看gitee仓库[ ] 实现深拷贝的方式  如果是正则通过json可以吗 是丢失还是报错[ ] new的作用[ ] 原型链[ ] es6的新特性[ ] vue双向数据绑定[ ] css实现三角形  一个盒子[ ] 伪类 伪元素[ ] 同源策略  为什么用同源[ ] 前端防范的安全[ ] 攻击  xxs [ ] 事件循环[ ] 项目中自己遇到的问题[ ] 0.1+0.2和0.3 怎么相等[ ] react中diffing算法

只记了当时自己没有答出来的～一面：手写虚拟dom的结构、手写promise.all二面算法 n对括号的有效组合数量 用回溯

发一下之前秋招的面经叭原型链● 用function实现class  ○ 构造函数或类用prototype，实例用.__proto__● 实现extends  ○ Object.assign 会改变原对象  ○ // 设置子类的原型为父类的原型Dog.prototype = Object.create(Animal.prototype);● bind 和apply● 浏览器跨域● 那些文件或资源会受跨域限制，什么类型的网络请求不受同源策略管控  ○ js、css、img，iframe等，有src，不受跨域影响，常规静态资源被同源策略许可，但iconfont字体文件(eot|otf|ttf|woff|svg)例外  ○ img标签在特定情况下存在跨域问题。 当通过‌JavaScript动态创建的img元素设置了crossOrigin属性为anonymous或use-credentials时，如果图片来自其他域且没有设置适当的CORS策略，浏览器会拒绝访问该图片，导致跨域问题。‌  ○ 跨域问题的原因在于，浏览器默认会对通过img标签加载的图片进行缓存。当通过JavaScript动态创建的img元素访问相同的图片时，浏览器会直接从缓存中获取图片，而不是重新发起请求。然而，如果JavaScript中的img元素设置了crossOrigin属性，浏览器会尝试以CORS的方式请求图片，但缓存中的图片并不包含CORS信息，因此被浏览器拒绝。  ○ 需要注意的是，通过img标签直接加载的图片资源（如通过src属性指定）通常不会遇到跨域问题，因为浏览器默认允许这种加载方式● 前端正向代理和反向代理  ○ 都是正向代理  ○ 正向代理：代理的是客户端，隐藏客户端，反向代理：代理的是服务器，隐藏服务器● vue的双向绑定● vue的依赖收集● react、 性能优化● 技术栈是react● 常用框架原理，浏览器原理 缓存，跨域，加载，同源策略，http https混合应用跨域