1. js的引用数据类型和基本数据类型有什么区别（为什么const a = []，a.push(1)，为什么可以改变数组的元素）2. let和const的区别3. 深拷贝如何解决循环引用4. 在JSON.stringfy()遇到过什么问题吗（没太懂要回答什么？面试官说在localstorage中存储数据会使用到）5. 求输出值const a={ }const b= { key:'b' }const c= { key: 'c'}const d ={ key: 'c'}a[b]= 123a[c]= 456a[d]= 678console.log(a[b])6. arr instanceof Array为true，arr一定是数组吗，什么情况下不是数组7. 求输出值function abc() {  var a=b=c=1};abc();console.log(a,b,c);我说a打印错误，不对吗？面试官说a是undefined，变量提升了，变量提升不是发生在函数作用域中吗？8. 求输出值for(var i = 0; i   setTimeout(function() {    console.log(i)  }, 0)}9. 上题有什么方法可以让其打印1-510. localstorage如何测量当前储存大小、在不同编码上有啥区别11. 测量localstorage大小，不是内存12. 设置http强缓存的规则、如何用Expires来进行判断是不是缓存的资源、本地时间修改了怎么办13. 301/302的区别、206、502、504是什么14. 浏览器用一个CDN和十个的区别15. 算法题：在一个数字范围内统计数字 1 出现的次数（只说思路）16. 算法题：红绿灯依次亮2.3.5s，亮5次（只说思路）17. 算法题：n的阶层算法（只说思路，说了递归和迭代，问还有没有更好的方法）总结：我觉得很难啊，对于实习生来说，很多知识我都没学过，特别是CDN、强缓存之类的。算法题也不简单，面试官面试感觉想问深一点，但是我不会。后续：进了二面，但是我拒了。

考的是B卷，大疆校招截止的太早了，好多人都没注意就已经无法投递了，考完了总体我只能说，我的代码能力就是一塌糊涂🤯。四道大题型，单选、多选、简答题、代码题。单选和多选的题都不算难（涉及到http的状态码，react的hook，cookie/localstorage等等），简答题就是用flex布局和grid画个页面。两道编码题，第一道是果园最优路径，大概就是给你一个2*nums的矩形，让你求给果园洒水的最优路径的长度。第二道题是给你功能让你写函数实现它。反正我都没做出来，甚至有点看不懂🤕。这种海测+海笔真的很耗费人的精神气啊，一个测试还有考公的逻辑题，还有数学题、看图推算的题，做不出来的我就一通瞎选了，后来给我考公的姐姐看了，她觉得也挺神金的，海笔完了才筛简历，还不如最开始就把我简历卡出去

只有一轮技术面。1、ES6中常用的语法let、coonst关键字，扩展操作符，解构赋值，Map和Set，模块化2、数组能解构吗（1）解构一下const a = [1,2,3]，如何拿到第一个元素const [first,second,third] = a; console.log(first)（2）解构一下const a = [1,.....]，后面有多少个元素我并不知道const [first,...rest] = a; console.log(...rest)3、对象的合并最开始说了concat（但这个是数组的），然后说了bind，忘记说all了，面试官提示也可以用解构赋值4、Map（1）Map的应用场景？说了集合的概念，无重复值（2）Map的key可以放什么类型，Symbol这些可以放吗？可以的，Map的key可以放任意类型，普通对象的键值对当中只能是字符串和Symbol5、Set（1）Set的应用场景？说感觉不是很了解。面试官说了可以用在数组去重，瞬间想起来了（2）Set的数组去重返回的是一个标准的Array吗？不是，可以用Array.from或者扩展运算符转换成Array6、CSS中用flex布局处理垂直水平居中（1）已知内容大小用align-items和justify-content都改成center（2）未知内容大小，用transform有什么写法？没有用transform来处理过，不会7、（场景题）页面中点击div，使其从左边移到右边，可以用css动画效果，还有transform修改，还有margin。从性能的角度来看，用哪一个好一点。我说用CSS动画更好，也就是transition。（面试官说不太对，但是具体是哪一个也没太听懂）8、（场景题）假如说我现在有一个业务，要在业务代码里面去修改Ant-Design的某一个组件里面的classname的某些样式，我应该怎么写才能操作到其内部。（怎么修改到三方UI框架里面的样式？）用 :global。（可以通过 :global 选择器来覆盖 Ant Design 组件内部的样式。这种方法允许你在局部作用域的 CSS 中应用全局样式规则，覆盖第三方库中的样式。）9、React（1）（场景题）我清除我localstorage里面的某一个键值对，组件卸载的时候，我怎么能知道组件卸载了。（问的一脸懵，但是我猜应该是跟useEffevt相关）在useEffect中写一个return方法，在里面执行自己的业务逻辑。（2）如果想要计算某些东西，用什么hook比较合适一点。我要计算的这个值不是一直在变的，意味着我要缓存。（缓存就跟useMemo有关）缓存的话我用的是useMemo，缓存一些数据，只有当依赖项改变的时候，才会重新进行计算，（3）有一个和useMemo很像的东西，就是React.Memo，有了解过吗只听说过，应该比较的不是某一个参数，而是比较的传入的props。面试官修正我的话：其实路是对的，它是来缓存这个组件更新还是不更新，这就是用memo来控制的，如果有个性化的东西就在props中的方法写，给你新的props和旧的props来写你的校验的逻辑。（4）useCallback用来优化函数性能，比如说它可以缓存一个函数的实例，可以避免每次渲染页面的时候不会再次创建同一个函数。（5）状态管理器用过吗用过Redux。10、最近在项目中有没有关于性能优化的。说了最近用useMemo缓存数据的部分。11、反问（1）后面还有几轮技术面（2）部门负责的主要业务总结：面试官还是很好的，一直在引导我说，问的也都不是特别深入，薄弱点就是在css中transform和less预处理。整个面试只有30min，还是很友好的，毕竟只是实习面试。后续还有几个实习面试的，多多准备准备！#前端面经##前端实习准备#

constructor(name): 构造函数，接受一个 name 参数来初始化观察者的名称 this.name，并设置初始状态 this.state 为 "打游戏"，同时创建一个空的 Set this.observerSet 用来存储观察者对象。setObserver(observer): 方法用于向 observerSet 中添加观察者。observer 参数是一个观察者对象，通常是 Observer 类的实例。setState(state): 方法用于设置被观察对象的状态，并通知所有注册的观察者。它接收一个 state 参数，将被观察对象的状态 this.state ...

class EventEmitter { constructor() { this.obj = {}; // 用于存储事件名称和对应的处理函数列表 } on(name, fn) { let result = this.obj; if (!result[name]) { result[name] = [fn]; // 如果之前没有这个事件名称，就创建一个数组来存储处理函数 } else { result[name].push(fn); // 如果已经有了...

今天写了三道题！！！

当实现类似 new 操作符的功能时，我们需要考虑以下步骤：创建一个新的空对象。将这个空对象的原型链指向构造函数的原型对象。执行构造函数，将空对象绑定为构造函数的 this 上下文，并传入参数。如果构造函数有返回值且返回值是对象，则返回该对象；否则，返回创建的新对象。所以我们写出以下题解：首先创建一个新的空对象，然后把空对象的原型链指向构造函数的原型对象，随后执行构造函数，并将空对象绑定为构造函数的this上下文，并用 apply 传入参数。最后判断构造函数的返回值类型，返回对象类型的返回值或者创建的新对象。 const _new = function(Constructor,...args)...

1. push (push进去的数组会被作为一个整体当做目标数组的一个元素) var array = ['a','b']; var elements = [1,2,3]; array.push(elements); console.log(array); 2. concat （concat方法不会改变原始数组，而是返回一个合并以后的新数组） var array = ['a','b']; var elements = [1,2,3]; var result = array.concat(elements); console.log("result:",result); co...

bind 和 call 是用于改变函数执行上下文（this 值）的两种方法，它们在用法和效果上有几个重要的区别：1. 返回值类型bind 方法：返回一个新的函数，不会立即执行原函数。返回的新函数永久地绑定了指定的 this 值，无论它被如何调用。call 方法：立即调用原函数，并且可以传递参数列表。返回的是原函数调用的结果（函数执行的返回值）。2. 执行时机bind 方法：不会立即执行原函数，而是返回一个绑定了指定 this 值的新函数。当调用返回的新函数时，它会以绑定的 this 值执行原函数，并且可以传递额外的参数。call 方法：立即执行原函数，并且可以设置函数执行时的 this 值。调...

首先我们了解一下 bind 方法的原理：Function.bin()在 JavaScript 中，函数的 bind 方法是用于创建一个新函数，并且指定这个新函数中的 this 值，同时可以预先传入部分参数。语法 function.bind(thisArg, arg1, arg2, ...) 参数说明thisArg: 在新函数运行时被指定的 this 值。arg1, arg2, ...: 预先传入到新函数的参数列表。返回值bind 方法返回一个新的函数，这个函数与调用 bind 方法的原始函数相同，但有以下特性：this 值被永久设置为 bind 方法的第一个参数。当新函数被调用时，提供的参数...

我们首先要知道Function中call函数是干什么的：Function.call()在JavaScript中，函数的call方法是用于调用函数并且设置函数体内this对象的值。它允许你调用一个函数，指定函数体内this的值，同时可以传入一个参数列表。语法 function.call(thisArg, arg1, arg2, ...) 参数说明thisArg: 在函数运行时指定的this值。需要注意的是，如果不传递该参数或者传递null或undefined，this将会被指向全局对象（在浏览器环境下是window对象）。arg1, arg2, ...: 指定的参数列表，这些参数将会作为函数的参...

这道题真的很考验正则表达式的熟练度（反正我是很不熟），首先要知道合法的 URL 是什么样的：合法的 URL 结构一个合法的 URL 包括以下几个基本部分：协议部分：URL 以协议开头，通常是 http://、https://、ftp:// 等。协议部分是可选的，但如果存在，则必须以 :// 结尾。域名部分：域名由多个子域名（例如 www、blog 等）和一个顶级域名（如 .com、.net、.org）组成。每个子域名和顶级域名之间用 . 分隔。端口部分（可选）：如果 URL 指定了端口，格式为 :数字，例如 :8080。路径部分（可选）：表示在服务器上资源的具体位置。路径以 / 开头。查询参数...

const _permute = string => { if(string.length === 1) return [string] const results = [] for(let ch of string){ // 筛选不是当前所选字母的元素 const arr = string.split('').filter(str => str !== ch) // 递归拼接剩下的元素 ...

快速排序的思想就是分治，主要思路就是，找到一个基准值（pivot），然后把整个数组切分成两个数组，左边数组的值都比基准值小，右边数组的值都比基准值大，然后递归对子数组进行排序。（相当于每一个切分下来的数组都是用的快速排序） <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style> /* 填写样式 */ </style> </head> <body> <!-- 填...