我复活了，上周去沉淀技术，看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中实现动态...

16. data为什么是一个函数而不是对象Vue组件可能存在多个实例，如果使用对象形式定义data，则会导致它们共用一个data对象，那么状态变更将会影响所有组件实例，这是不合理的；采用函数形式定义，在initData时会将其作为工厂函数返回全新data对象，有效规避多实例之间状态污染问题。而在Vue根实例创建过程中则不存在该限制，也是因为根实例只能有一个，不需要担心这种情况。如果使用对象形式定义data共用同一个data对象，那么状态变更就会影响所有的组件实例，这是不合理的，采用函数形式定义，在initData的时候会将其作为工厂函数返回全新的data对象，有效规避多实例之间状态污染问题，二...

目录1 React和vue的区别4.2 lmmutable4.3 无状态组件4.4 Hooks 4.4.1 useState 4.4.2 useEffect 4.4.3 usecontext 4.4.4 其他 4.4.5 高阶组件 4.4.6 原理4.5 状态管理 4.5.1 Redux 4.5.2 Mobx 4.5.3 zuStand4.6 Router 4.6.1 Router 4.6.2 模式 4.6.3 对比Vue4.7 虚拟DOM 4.7.1 Render 4.7.2 Fiber 4.7.3 D...

更新：已约二面 一面：自我介绍看你简历上挺多后端的，为什么选择前端实习时长、可以连续实习多久标准盒子模型 怪异盒子模型盒子模型从里到外：content -> padding -> border -> margin如何隐藏元素：（ opacity: 0 / display:none / scale(0, 0) / z-index / absolute / visibility: hiddle ）visibility / display 区别介绍一下flex相关的属性 rem 和 px 区别 rem 参考的是根元素什么属性margin 外边距重叠 是什么、讲讲解决方案把知道的都...