本来上周五面完二面反问阶段面试官说基础不太扎实，心态已经崩了，今天又收到了3面通知。遂打算写一写二面面经自我介绍2min项目相关你的RPC调用的流程是什么样子的?消费者-> 注册中心 -> 更新本地缓存 -> 与提供者建立连接 -> 序列化请求(参数，方法名等等) -> 服务端解析协议 -> 执行本地方法 -> 序列化结果返回。 你说利用Vertx实现了异步的网络通信来提升性能，怎么提升的？答了是Vertx本身实现了异步网络通信，简要说了说异步和同步的性能区别。你实现的多个序列化方式JDK，JSON，HESSION，Kyro有什么区别？JDK原生性能差...

1组件封装怎么做会考虑到哪些方面，有遇到什么困难吗2实习做的业务主要是管理系统吗3keep alive原理是什么4keep alive要缓存详情页如果进入还是用之前的缓存怎么办5vue的commpents有用过吗6闭包是什么，应用场景7闭包可以用什么替代8动态路由怎么做9鉴权只用后端的映射表还是有别的10路由守卫是几级11路由传参用什么12不用qurey吗13axios封装怎么封装的14VITE按需加载怎么做的15JS数组删除用什么16JS数组遍历用什么17react 的父子传参 #25春招# #前端#

1. 封装组件的话有用过插槽吗，作用域插槽呢2. 父子之间的传值是怎么传的，父子通信3. provide和inject用过吗，接受什么类型的数据，能接收函数吗（能）4. vue2中父与子生命周期的执行顺序5. 组件中的name和路由的name有什么作用6. 路由传参有params和query，params是怎么传值的（router中的name就是配合params进行路由跳转和获取动态的参数，而query是通过push路径的方式进行传值）7. vue中的keep-alive用过这个组件吗，不是HTTP中的8. 场景：没有在data函数中去定义，我是直接在mounted函数中直接用this.a等于1，然后我把这个a绑定在这个模板上，此时呢有一个按钮是改变这个a的值，把this.a变成等于2，那么这个模板中的a显示的值是1还是29. vue2响应式是怎么处理的10. ref和reactive的区别，分别去解构还会是响应式吗（reactive失去响应式，ref不会）11. watch和watchEffect用到过吗12. html中script标签设置defer和async有什么用13. cookie，localStorage，sessionStorage区别，两个标签页的sessionStorage能共享吗（不能），localStorage呢（能）14. vuex和pinia在两个标签页中能共享吗（不能）15. 二级域名下的cookie在一级域名下能拿到吗（不能），反过来可以，向下兼容16. 盒模型，content-box标准盒模型（它不包含margin，你实测过吗）17. 两栏布局，左边固定，右边自适应怎么实现（flex）18. 水平垂直居中布局19. 外层div设置了transform，内层设z-index=999生效吗20. 行内元素的margin和padding左右方向生效，上下不生效21. map和forEach的区别，可以链式写吗（链式的前提是有返回值，map可以写，因为有返回值）22. git的命令，删除本地的分支（git branch -d ），git pull和git pull --rebase的区别#前端凉经#

我复活了，上周去沉淀技术，看JUC和JVM去了，感觉自己啥也不懂，害 更多面经请查看https://github.com/haandfeng/Mianjin 以后会陆续更新和完善，我会持续引用之前面经的内容，也会根据自己面的公司看之前的面经，然后写上答案。如果大家觉得有用请多多关注，点赞收藏star🥺🥺🥺 实习怎么优化了数据表的查询效率 索引（根据where语句顺序防止失效，创建和Select的选择xx防止回表，来创建联合索引） 如果可以使用被驱动表的索引，join 语句还是有其优势的； 不能使用被驱动表的索引，只能使用 Block Nested-Loop Join 算法，这样...

1. 自我介绍2. 地图线路大袋呢，数据是多少量级的3. 图层上添加path路径，具体用的什么方法4. 地图有哪些坐标系？？5. 项目是如何部署的？6. 镜像用的什么？7. vue3相对比vue2有什么优势8. keep-alive以及实现原理。具体怎么做的9. 钩子函数10. http协议中post和get的区别 put和delete11. mvvm12， 生产中有一个页面出现了渲染的性能问题，如何排查它，到底是哪一块导致的问题？   定位这个页面渲染到底是什么问题，是什么原因导致的，具体怎么做和方式方法13. 微前端  物流管理和通信是怎么做的14. vue相关的性能优化有什么做过#前端#

最近开始实习了，但是对自己的实力没有自信，投点小厂刷刷面试题目，增长点经验。下面记录为自己没怎么答好的小公司面试题，题目来源于公司，答案来源于ai，反思来源于自己。第一份面试，回答的一塌糊涂。[Html, js, css基础]1、问题：如何实现div水平、垂直居中？（3种）答案：有几种方法可以实现div的水平和垂直居中。第一种是用flex布局，给父元素设置display: flex; justify-content: center; align-items: center;，这样子元素div就会水平和垂直居中了。第二种是用CSS的position和transform，给子元素设置positio...

上午面完下午通知二面全程几乎没问项目，问的都是vue的八股，感觉面试官比较严肃，感觉贼紧张贼害怕前戏：自我介绍 学校放实习吗？正式：用的都是vue3吗？vue2用过吗？react有没有了解？在导师组项目做的什么项目？独立开发？前端几个人？vue的双向绑定原理？vue的生命周期？v-if和v-show？keep-alive？父子组件通信？v-on和v-bindref和reactivevue3如何实现动态组件？路由守卫怎么用的？现在让你搭建项目你会前期做哪些工作？反问主要业务？实习生负责什么？进去后做什么？面试环节后续，还有没有面试？公司前端开发技术栈？

自我介绍实习当人什么角色项目中有什么困难，怎么解决垂直居中4种方式层叠上下文flex布局常见的单位（没有说微信小程序种的单位）闭包（闭包会导致什么问题）bind和callthis指向(错了)var num = 100;var obj = {    num: 200,    inner:{        num:300,        print: function(){            console.log(this.num);        }    }};// 1）obj.inner.print();// 2）var func = obj.inner.print; func();// 3）(obj.inner.print)();// 4）(obj.inner.print = obj.inner.print)();// 5） 利用obj.inner.print函数输出200promise(链式调用有点忘记了，少说了一个6)function test(){    return new Promise((resolve,reject) => {        console.log(2);        setTimeout(() => {            console.log(1)            reject(112)        },200)    })    .then((res) => {        console.log(3);    })    .catch( async (res) => {        console.log(4);        return await new Promise((resolve,reject) => {            setTimeout(() => {                console.log(5);                reject('end');            }, 200);        })    })    .catch((res) => {        console.log(res);    }).then((res) => {        console.log(6)    })}test();算法题：给一个数组，要求去重，排序，去除掉undifine, false, null两数之和项目种用到了keep-alive说说它的注意事项，原理

1，自我介绍2，项目介绍3，场景提：实现文字自动换行4，缺少一个div，如何查找到5，会报错吗 ：“通常不会直接报错6，a菜单和b菜单，两个同级菜单切换，生命周期是什么？7，如果用keep-alive包裹呢8,a还没渲染，切换到b，还没有挂载？9,a接口请求，还没返回，切换到b，a的接口还能收到吗？10,接口出现超市的原因11，es最新特性 2024年12，反问问的都是场景提，挺抽象的

停更了几天，这几天开始准备做实验忙毕业的事，很焦虑。今天把灵犀互娱二面剩下的问题解决一下，顺便再看几个顺丰二面的问题。1.（灵犀互娱二面）如果要实现一个css引擎（选择器，添加样式等），是否有思路 这个问题当时一听到再结合前面的难度，整个大脑都有点麻了。当时就很磕巴的回答了要解析模板，获取绑定的节点或类等等，然后用将选择器的属性用js添加到节点上。但实际上，这个也是整个渲染引擎的原理。原理很多，贴一个大佬手把手实现浏览器引擎的帖子，细节部分大家可以看看（https://zhuanlan.zhihu.com/p/106850611） 这是一个开放性问题，面试官也知道作...

HTTP常用的状态码及其含义 HTTP状态码是用来表示服务器响应客户端请求的状态。常用的状态码分为以下几类： 状态码 含义 200 OK：请求成功，服务器已返回所请求的数据。 201 Created：请求成功并且服务器创建了新的资源。 204 No Content：服务器成功处理了请求，但没有返回任何内容。 301 Moved Permanently：请求的资源已被永久移动到新的URL。 302 Found：请求的资源临时从不同的URI响应请求。 400 Bad Request：服务器无法理解客户端的请求。 401 Unauthorized：请求要求用户的...

C++中的变量声明是什么？答案：在C++中，变量声明指定变量的类型和名称。例如，int age;声明了一个名为age的整型变量。你也可以同时初始化变量，如int age = 25;。如何在C++中声明和使用数组？答案：数组是一组相同类型的元素的集合。你可以使用以下语法声明数组：类型 数组名[大小];。例如，int scores[5];声明了一个包含5个整数的数组。你可以通过索引访问数组元素，例如scores[0]表示第一个元素。C++中的字符串是如何声明的？答案：在C++中，字符串通常使用std::string类表示。你可以使用以下方式声明字符串：std::string str = &quot...

        一直面试只能让你把会的背的更熟，但想进步还是得回头看看不会的问题。        今天回顾一下我遇到的一些有价值的问题，结合我自己的一些理解对这些问题尝试解答一下，相信对大家一些知识的理解也会有些帮助（有问题的话欢迎指出）。有用的话感谢大家点赞收藏送花~1.（滴滴提前批二面）Vue开启了keep alive之后会经历哪些生命周期？缓存了什么东西？        这个点我自己是没有仔细思考过的，当时面试官提问vue的生命周期，我提到了Vue开启keep alive前后生命周期的不同，面试官拓展的问了这个问题。        背八股的时候都背过，使用<keep-alive></keep-alive>组件包裹后可以在切换路由的时候不必销毁组件。并且会多出两个生命周期：activated和deactivated。其中activated在组件渲染的时候执行，deactivated在组件隐藏时执行，因此将这两个生命周期对比mounted和beforeDestory来学习。组件在初次渲染的时候会经历从beforeCreate到mounted这整个阶段，在后续切换的过程中则只会经历activated，随后的beforeUpdate和updated都会经历，隐藏时经历deactivated，最后销毁的时候才会经历beforeDestory和destoryed。        那么缓存了什么？我们知道在mounted阶段，虚拟DOM转为真实DOM，此时data，method，虚拟DOM都有了；而activated阶段可以不经历前面的钩子，直接挂载DOM，说明keep-alive缓存了虚拟DOM，并且还有所有的数据/方法，也就是缓存了组件实例。        如果面试阶段没有见过这个题，可以从每个生命周期干了什么开始联想，其中走到mounted阶段拥有了什么，那么actived阶段就也会有这些。2.（4399一面）http1.1的情况下，一个网页的图片是一张一张加载还是一批一批加载的？        首先回顾一下http1.1的特性：    ● 默认长连接，新增响应头Connection：keep-alive字段，保持TCP连接不断开    ● 管道化：基于上面长连接的基础，管道化可以不等第一个请求响应继续发送后面的请求，但响应的顺序还是按照请求的顺序返回    ● 缓存处理：新增catch-control字段    ● 断点传输机制。文件传输时如果遇到网络故障，可以从已经上传/下载好的地方继续请求，不用从头开始        其中第二点提到的管道化基本可以解答整个问题，虽然可以发送多个请求，但是返回的顺序还是有序的。因此虽然TCP最大连接数有6~8个，但是返回时还是顺序返回的。        但是需要注意，如果严谨一点的话还是要考虑一下预加载的情况。例如，当浏览器解析到 HTML 中的<link rel="prefetch">标签时，它可能会提前发起对指定资源（包括图片）的请求，这样在真正需要显示该图片时，可能已经加载完成或者部分加载，从而在一定程度上出现看似一批加载的情况。3.（Minimax一面）eval和new Function的this指向问题：        eval的this指向可以看这篇，很详细：https://ayk.moe/articles/javascript-change-this-in-eval-function/index.html        简单的说：eval函数只要是在全局直接运行或者是通过一个函数调用执行、作为对象属性被调用执行这种间接的执行方式，他的指向都是全局作用域。他不能直接被call/bind/apply改变this指向，改变的思路是在eval外面包一层函数，改变外面这个函数的this指向。        new Function：使用 new Function 创建的函数，它的 [[Environment]] 指向全局词法环境，而不是函数所在的外部词法环境。因此，我们不能在 new Function 中直接使用外部变量。        如果你对这块不熟悉，来看看这个：https://zh.javascript.info/new-function4.（Minimax二面）React：在if else里书写hooks，为什么不可以？        我用我自己比较容易理解的话术来简述一下关键原因，这里面的具体细节还是比较复杂的，有兴趣的牛u可以找找资料了解一下。        react的fiber树有两颗：        current fiber树: 当完成一次渲染之后，会产生一个current树,current会在commit阶段替换成真实的Dom树（可以看成虚拟dom转真实dom）。        workInProgress fiber树: 即将调和渲染的 fiber 树。再一次新的组件更新过程中，会从current复制一份作为workInProgress,更新完毕后，将当前的workInProgress树赋值给current树。        workInProgress tree上有一个memoizedState属性，在函数组件中，memoizedState在一次调和渲染过程中，以链表的形式存放hooks信息。        每一个hook函数执行，都会产生一个hook对象，里面存放了hook的当前信息，然后会以链表的形式串联每个hook对象，并赋值给workInProgress的memoizedState。        每次组件更新的时候，会先复制一份current tree到workInProgress tree，此时在workInProgress上进行更新。一旦在条件语句中声明hooks，在下一次函数组件更新，hooks链表结构，将会被破坏（某个节点可能被跳过），current树的memoizedState缓存hooks信息，和当前workInProgress不一致，如果涉及到读取state等操作，就会发生异常。                以上很多是自己的理解，可能讲述不准确但有助于自己理解，欢迎评论区留言指出错误~#面经##前端##滴滴##4399##minimax##24届软开秋招面试经验大赏#

3. 如何获取页面的hash变化（1）监听$route的变化 // 监听,当路由发生变化的时候执行 watch: { $route: { handler: function(val, oldVal){ console.log(val); }, // 深度观察监听 deep: true } }, （2）window.location.hash读取#值window.location.hash 的值可读可写，读取来判断状态是否改变，写入时可以在不重载网页的前提下，添加一条历史访问记录。# 4. $route 和$router 的区别●$route ...

10.1 并发限制 class Scheduler { constructor(max){ this.max = max this.count = 0 this.queue = [] } async add(fn){ if(this.count >= this.max){ await new Promise(resolve => this.queue.push(resolve)) } this.count++ const r...

分享一下上次的小公司面试，实习生。顺便问一下，E charts图表缩的很小，图例显示不全，怎么解决？——————————   分割线    ——————————数组方法map和foreach的区别computed和watch的区别基本数据类型Var let const的区别怎么判断数据类型、typeof能判断数组吗Localstorage、session、cookie的区别axios守卫Keep-alive生命周期请求在哪个生命周期权限分配实现Git深拷贝、浅拷贝http状态码移动端适配异步Json.parse,json.stringfy封装过哪些组件echarts缩小显示不全解决办法Es6新增属性

36. Vue的性能优化有哪些（1）编码阶段●尽量减少data中的数据，data中的数据都会增加getter和setter，会收集对应的watcher●v-if和v-for不能连用●如果需要使用v-for给每项元素绑定事件时使用事件代理●SPA 页面采用keep-alive缓存组件●在更多的情况下，使用v-if替代v-show●key保证唯一●使用路由懒加载、异步组件●防抖、节流●第三方模块按需导入●长列表滚动到可视区域动态加载●图片懒加载（2）SEO优化●预渲染●服务端渲染SSR（3）打包优化●压缩代码●Tree Shaking/Scope Hoisting●使用cdn加载第三方模块●多线程...

目录5.1 URL加载的过程5.2 Http 5.2.1 发展 5.2.2 请求|Option 5.2.3 请求方法 5.2.4 缓存 5.2.5 tcp udp5.3 TCP三次握手与四次挥手5.4 Cookie5.5 OSI七层模型5.6 Http状态码5.7 CDN5.9 JWT5.11 网站攻击5.12 WebSocket5.13 跨域和同源5.14 网站性能5.15 加密5.16 DNS5.18 白屏问题5.20 Storage5.21 标签间通信5.22 网站指标5.1 URL加载的过程1）首先，在浏览器地址栏中输入url​ 如果为非url结构的字符...

1.先是问简历项目写了什么内容 然后用到什么技术 2.你是如何封装组件的 讲讲你的理解 3.问了父子组件怎么传参 爷孙组件怎么传参 4.v-if v -show是啥 有什么区别 5.讲讲你对vuex的理解 6.如何实现持久保存数据 7.如何获取dom 和在vue如何获取dom 有什么区别 8.compute和watch有什么区别 9.如何使一个div在body居中 讲三种方法 10.promise有几钟用法 11.promise.all使用在什么场景？ 13.你如何理解同步跟异步 14.你项目中有用到插槽吗 讲讲插槽和使用场景 15.讲讲回流和重绘 16.在vue中实现动态...