Mqyyy的博客

接收两个参数（函数，初始值），第一个函数参数必选，函数参数可传四个参数（total, currentValue, currentIndex, arr），前两个必选，不改变原数组。array.fill(value, start, end)，从start开始，到end结尾（不包括end）的所有元素都换成value，value为静态值，会改变原数组。检测数组中有无某元素，有则返回下标，没有返回-1，可传第二个参数，为搜索的起始位置，如果有多个元素则。其中 currentValue 为必传参数，表示当前元素值；

普通用户使用的都是运营商的本地域名服务器，这些服务器一般架设在离用户不远的地方，而且性能都很好，所以一般都会缓存域名解析结果，大约80%的域名解析都会在这一步完成（图中为②）。2）、全球一共有13组根域名服务器（注：这里并不是指13台服务器，是指13个ip地址，按字母a-m编号），根域名服务器不会直接解析域名，二十把不同的解析请求分配给下面的其它服务器来完成。4）、本地dns获得返回的ip地址，再去找对应的顶级域名服务器，顶级域名又把负责该域名的权威服务器ip返回给本地dns（图中为⑤和⑥）。

箭头函数和普通函数的区别

js中的arguments详解

Object.prototype.toString.call()的原理

不会向服务器发起请求，会看缓存中是否有未过期的缓存，当浏览器去请求某个资源时，通过服务器设置响应头字段或 expires 来设置缓存的时间、缓存类型。当缓存中有未过期的缓存，读取缓存并返回statecode200状态。

Dom树就是html结构，里面包含所有的html tag（也包含用js生成的）。CSSOM 样式结构体，浏览器把所有样式(主要包括css和浏览器自带的样式设置)解析成样式结构体，在解析的过程中会去掉浏览器不能识别的样式。将DOM和CSSOM组合构建以后形成Render Tree。

4）第四次挥手：客户端接收到申请释放连接的报文后，再向服务器发送一个确认报文，等待服务器收到确认报文，服务器收到确认报文，就会进入关闭状态。如果返回的响应报文的状态为3xx，就需要重定向到其他URL，然后从头开始，然后网络线程会通过safeBrowsing来检查站点是不是恶意站点，如果是，就展示警告页面。1、首先，在输入的过程中，浏览器的UI线程会实时捕捉输入的内容，如果输入的不是网址或者协议不合法的话，那么搜索引擎会合成新的带搜索关键字的URL，准备进行搜索。然后进行布局和绘制，最终将页面呈现在屏幕上。

由于flex非常常用，但属性较多，本篇文章不详细讲flex的细节原理等，只是用来查看属性，方便记忆。

事件循环是由一个队列组成的，异步任务的回调遵循先进先出，在JS引擎空闲时会一轮一轮地被取出，所以被叫做循环。根据队列中任务的不同，分为宏任务和微任务。事件循环由宏任务和在执行宏任务期间产生的所有微任务组成。完成当下的宏任务后，会立刻执行所有在此期间入队的微任务。浏览器的事件循环由一个宏任务队列+多个微任务队列组成。首先，执行第一个宏任务：全局Script脚本。产生的的宏任务和微任务进入各自的队列中。执行完Script后，把当前的微任务队列清空。完成一次事件循环。

前端常用字符串方法

六种扁平化数组的方式

4. 在 computed 属性对象中定义计算属性的方法，和取 data 对象里的数据属性一样以属性访问的形式调用，即在页面中使用 {{ 方法名 }} 来显示计算的结果，computed 有返回值，方法的返回值作为属性值；1. computed 所监控的数据是不在 data 中进行声明的，它是基于data 或 props 中的数据通过计算得到的一个新的值，而watch监控的数据来源是data、props 和 computed 中的。3. computed 是带缓存的，而 methods 是没有缓存的。

同样需要引入eventbus，使用 .$on来接收数据，第一个参数名为 发送数据时定义的名字，第二个参数为一个参数，函数的参数就是需要接收的值。引入eventbus，传数据一方使用 .$emit，第一个参数为自定义的事件名，第二个参数为需要传递的数据。对象形式的需要传入数据的数据类型。第一个msg自定义，随意命名，父组件用什么名字传，子组件就用什么名字来接。通过 $emit 传入两个参数，第一个是自定义事件名，第二个是需要传走的值。在组件中通过一个函数来接收，自组件传递过来的值作为这个函数的参数来接收。

ref就是用来获取dom的用法：给dom元素设置一个ref值，通过this.$refs.设定的值来获取到被绑定的dom元素两个打印都会出现这个 id 为 test 的 div 元素。注意：设置的时候用ref，但是在获取值的时候是 $refs。

首先，keep-alive 是什么？它是Vue内部自带的一个组件，作用就是用来缓存组件，提升性能。用法：直接将需要缓存的组件用<keep-alive>包裹被包含在 keep-alive 创建的组件，会多出两个生命周期的钩子:activated ---当 keep-alive 包含的组件再次渲染的时候触发deactivated ---当 keep-alive 包含的组件销毁的时候触发。

在进入页面或组件时，都执行了哪些生命周期？什么时候有$el，什么时候有$data?结合keep-alive后的生命周期？

对localStorage、sessionStorage和cookie的理解

state 和 props 其实都是一个js对象，用来存放信息的，这些信息用来控制组件的渲染输出，这两个的不同点在于 props 是传递给组件的（类似于函数的形参），而 state 是在组件内被组件自己管理的（类似于在一个函数内声明的变量）。从父级接收的 props 和 state 都会覆盖组件内部定义的默认值。