一面40min小论文方向项目中担任的职责及重难点在vue2中怎么使用ts的----vue-class-component、vue-property-decorator前端性能相关的插件和性能优化手段----page speed insights、Performancets常见的工具类型：record用于定义一个对象的key和value类型partial快速把某个接口类型中定义的属性变成可选的omit以一个类型为基础支持剔除某些属性，然后返回一个新类型ts的泛型介绍下---泛型来创建可以支持多种类型的数据的、可重用的组件类型像传递给函数的参数一样传递，可以在函数、类、interface接口中使用...

一面1h---腾讯地图水平垂直居中的方式margin：auto在什么情况下不生效position有哪些属性值，区别是什么在一个页面上显示图片的方式（img标签和background-image样式）两者的区别，谁会优先请求，谁会被中断js数据类型，判断数据类型的方式typeof可以判断哪些类型，instanceof原理数组常用的方法，重点说一下slice和splice平常判空是怎么做的object.assign和扩展运算符是深拷贝还是浅拷贝，有什么区别--浅拷贝var、let、const的区别get和post的区别，优缺点margin塌陷问题及解决方法web存储方案如何解决跨域cors怎么设置...

技术栈React，面经：js原生操作与框架最大的不同，一句话概括vue的key的作用，为什么不能用数组的下标做key观察者模式与发布订阅模式的区别函数柯里化的作用---参数复用，延迟执行webpack打包出来的js，以hash值作为后缀有什么用html不能以hash来进行缓存，那以什么方式来进行缓存---html使用协商缓存强缓存和协商缓存的区别状态码，404到底是在请求服务器之后，发现没找到资源，服务器返回的404；还是服务器挂了（500），客户端返回的404场景题：1.canvas内部有10个元素，知道10个元素的左上角坐标和宽高，如何对10个元素进行事件监听2.公司相关场景题，大概就是地...

三面20min自我介绍vue和react及angular的框架对比vue源码看过哪些网络安全了解哪些，前端一般要做哪些网络安全相关的措施低代码的设计思路低代码如何和业务结合的，你们是怎么做的为什么选择前端

一面面经1h自我介绍根据简历，项目详细深入问，低代码平台渲染机制等TCP三次握手，信号量传输---如果客户端突然中断，服务器会怎么办vue组件间通信方式箭头函数为什么没有this和原型，什么场景使用async和setTimeOut输出手撕全排列聊项目中最满意和最遗憾的一件事，最遗憾的事，再来一次会如何防范，有没有思考过下一次会怎么做反问二面（1.5h）----技术栈vue、中台相关1.vue的核心是什么2.数据驱动视图怎么做的（数据劫持加发布订阅）3.依赖收集的时机4.结合代码具体讲讲怎么依赖收集的(dep.target = this)--计算属性怎么进行依赖收集的（执行函数进行依赖收集还是静...

一面手撕：将日期数组，转化为按年月划分的对象数组隐藏元素的方式跨域及解决方式jsonp实现原理ajax实现原理fetch与ajax的区别cookie的作用，cookie不设置失效时间什么时候会失效-关闭浏览器失效重排和重绘如何减少重排（js操作dom如何减少操作次数）---vue是如何做的（vue的diff算法）如何进行性能优化图片懒加载实现原理箭头函数与普通函数的区别xss攻击和csrf攻击，有哪些防范措施vue组件通信的方式computed和watch区别http3.0viterequire.js了解吗----require.js 的核心原理是通过动态创建 script 脚本来异步引入模块...

1.垂直居中的方式 margin-left和margin-top自身宽度的一半和transform:translate(-50%,-50%)，有什么区别 在对于没有设置高度，高度由内容撑起来的盒子上有什么区别，这种盒子可以使用什么方式垂直水平居中 2.说一下原型链和闭包，闭包的作用 class classA{     constructor(){         this.a = 'hello'     }    } classA.prototype.a = 'world' const obj = new classA() obj.a = 'x' console.log(obj.a) // ...

1.osi七层模型，分别干什么的 2.http有哪些请求方法，put和post有什么区别（put修改服务器的数据（幂等），post是向服务器新增数据），options方法是干嘛的（检测服务器支持的请求方法） 3.https与http的区别（为什么在传输过程中要用对称加密，非对称加密能不能实现） --非对称加密有两个严重的问题：一是非对称加密效率太低，会严重影响到用户打开页面的速度； 二是非对称加密，服务器端只能用私钥加密，但黑客可能获取到公钥，不能保证服务器端的数据安全 4.手撕快排（快排是不是稳定的） 5.二叉树每个节点多一个指针指向父节点，问给定一个节点如何快速输出中序遍历的下一个节点（没...

（上个星期因为准备联想面试，耽误了更新，今天联想面经也会发出来） 1.跨域 跨域主要限制了三个方面：①js不能操作跨域的dom②跨域不能访问站点的cookie、localStorage、indexDB等数据③不能发送XMLHTTPRequest请求 解决跨域的方式：①jsonp（利用script标签没有跨域的限制）②cors（跨域资源共享，可以发送网络请求让跨域数据安全传输）③window.postMessage可以在不同源的dom间进行通信④使用代理转发（nginx或node）⑤websocket协议没有同源限制 2.http3.0 http3.0基...

1.     Js的几种模块化规范 ①    commonJs，通过require引入模块，通过module.exports导出模块，是node专用的模块加载方案，以同步方式引入模块 ②    es6模块化规范，通过import和export来导入导出模块 ③    commonJs与es6模块化的区别： （1）CommonJs输出的是值的拷贝，es6输出的是值的引用 （2）CommonJs是运行时加载，ES6是编译时输出接口； CommonJS 模块就是对象，在输入时先加载整个模块，生成对象，再从对象上读取方法；es6模块不是对象，它的对外接口只是一种静态定义（...

1.  作用域链和闭包 作用域链：js引擎沿着作用域去其上下文环境中查找变量的链条，称为作用域链，作用域是静态的，由代码中函数声明的位置来决定。 闭包：在js中，内部函数总是可以访问其外部函数中声明的变量，当调用一个外部函数返回的内部函数后，即使外部函数已经执行结束了，但内部函数引用外部函数的变量依然存在内存中，这些变量的集合就称为闭包。 2.  v8的垃圾回收机制 V8垃圾回收是分代收集，v8会把堆分为新生代和老生代两个区域 ①新生代：副垃圾回收器使用Scavenge算法回收：将...

1.说一下浏览器的缓存机制浏览器缓存机制分为两种，一种是强缓存，另一种是协商缓存，这两种缓存方式一般由服务器指定。①强缓存指直接使用本地缓存资源不必再像服务器发起请求，在http1.0中使用expires方式指定资源的过期时间（绝对时间），http1.1中使用cache-control（值包含:max-age=时间戳【指定资源能够被缓存的时间大小，相对时间】，no-store-禁止缓存，no-cache-可以缓存但每次要像服务器发起请求，private-私有缓存，public-公共缓存）更灵活②协商缓存，会先像服务器发送一个请求，如果资源没有被修改则返回304使用本地缓存，若修改了，则返回修改...

顺利找到实习啦，多亏了下面这位同学，平时对我都是培养式教育，没什么，我就秀一下😋😋勿吐槽我😚