停更了几天，这几天开始准备做实验忙毕业的事，很焦虑。今天把灵犀互娱二面剩下的问题解决一下，顺便再看几个顺丰二面的问题。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前后生命周期的不同，面试官拓展的问了这个问题。        背八股的时候都背过，使用组件包裹后可以在切换路由的时候不必销毁组件。并且会多出两个生命周期：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 中的标签时，它可能会提前发起对指定资源（包括图片）的请求，这样在真正需要显示该图片时，可能已经加载完成或者部分加载，从而在一定程度上出现看似一批加载的情况。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 外边距重叠 是什么、讲讲解决方案把知道的都...

7. slot是什么？有什么作用？原理是什么slot又名插槽，是vue内容分发机制，组件内部的模版引起shiyongslot元素作为承载内容分发的出口，插槽slot是子组件爱你一个模版标签，而这一个标签元素是否显示，以及怎么显示是由父组件决定的。slot又分三类，默认插槽，具名插槽和作用域插槽。默认插槽：又称为匿名插槽当slot没有指定name属性值的时候一个默认显示的插槽，一个组件只有一个匿名插槽具名插槽：带有具体名字的插槽，也就是带有name属性的slot，一个组件可以出现多个具名插槽。作用域插槽：默认插槽、具名插槽的一个变体，可以是匿名插槽，也可以是具名插槽，该插槽的不同点是在子组件渲染...

目录(一)Vue2和Vue3区别(二)MVVM数据流(三)一些方法3.1 Keep-alive3.2 NextTick3.3 插槽slot3.4 lazyload(四) 基础4.1 Vue24.2 Vue3(五)生命周期5.1 Vue25.2 Vue3(六) 通信方式(七)路由7.1 模式7.2 加载跳转7.3 导航守卫7.4 跳转方式7.5 刷新7.6 源码(八)状态管理8.1 VueX8.2 Pinia(九)虚拟Dom(十)双向绑定10.1 Vue210.2 Vue3(十一)编译渲染SSG、SEO(十二)SSR、CSR.(十三) 异步更新(一) Vue2和Vue3区别1.1 JS​ 1 解...

self introintern experience情景题：1.client给server发送了keep- live请求，但连接并没有keep live。是什么原因？怎么排查？2.Python GIL锁存在，就不用设置线程锁了。right？why？ 3.数据库表的设计规范：范式分类4.爬虫的常用的反扒机制。加密机制。怎么breakdown。二面：（一面居然过了，答的跟shi一样）project experience口头题：search a repetitive number in a unsorted array. 多线程了解吗get请求和post请求的区别。后端怎么往前端传输数据。数组查询快，链表增删快。什么数据结构查询也快，增删也快呢。

更新：已拒一面：自我介绍说一下垂直居中水平居中方法，至少四种border-redius的缩写方式nav固定100px 其他内容铺满整个屏幕 （ 面试官想听到的：css 的 calc() 和 flex：1 ）arr.push(num) 的返回值arr.splice() 三个参数作用arr.filiter 用法 和 返回值ES6 新特性Vue 父子传值子组件更改，父组件同步渲染Vue 的 watch和computed的区别、method和computed的区别读代码看输出：let、var外，obj：let、（）=> this console 说说区别 考察2个东西：let、var，和this...

1.使用css实现三栏布局，左右两栏宽度固定，中间一栏宽度自适应，三栏的高度相同2.对Vue中keep-alive的理解，它涉及到的生命周期有几个3.this.$nextTick的原理和使用4.Vue中data中的对象添加一个属性会发生什么，如何解决5.跨域的理解，有哪些解决方案6.闭包的理解，闭包的应用场景7.事件冒泡，事件捕获8.js实现数组扁平化9.js实现数组转树10.element-ui插槽

自我介绍 vue中生命周期有哪些，都干了什么事情 销毁的生命周期干了什么 Vue中的data为什么是以一个函数的格式存在 keep-alive用来做什么的，说下原理 组件生命周期打印顺序 父子组件生命周期打印顺序 哪个生命周期可以最先获取$el 哪个生命周期可以获取DOM节点 组件通信有哪些方法 路由的导航守卫有哪些，具体分别哪几类 router和route的区别，分别有哪些属性和方法 路由传参 this具体的规则 定时器的this指向什么 箭头函数有this吗 call、bind、apply的区别 输出什么 setTimeout(() => { new Promise((reso...