qq_51066068的博客

Vue常见面试题：compute和watch的区别是什么？

Vue的生命周期就是vue实例从创建到销毁的全过程，也就是 new Vue() 开始就是vue生命周期的开始。Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom-->渲染、更新-->渲染、卸载 等一系列过程，称这是Vue的生命周期。钩子函数是Vue生命周期中每个阶段对外开放让程序员操作Vue的接口。Vue有8个钩子函数。

为什么要是使用vue路由懒加载vue这种单页面应用，如果我们不去做路由懒加载，打包之后的文件将会异常的大，就会造成进入首页时，需要加载的内容过多，时间过长，会出现长时间的白屏，不利于用户体验，运用懒加载就可以将页面进行划分，需要的时候加载页面，可以有效的分担首页所承担的加载压力，减少首页加载用时。

常见的伪数组有：1.document.getElementsByTagName和document.childNodes,返回NodeList对象的都是伪数组。2.function的arguments对象。3.上传文件时选择的file对象也是伪数组。

闭包产生的条件和优缺点

React介绍

// 对于axios进行二次封装import axios from 'axios'//引入进度条import nprogress from 'nprogress'//引入//start:进度条开始 done:进度条结束import "nprogress/nprogress.css"// 1.利用axios对象的方法create,去创建一个axios实例// 2.request就是axios,只不过稍微配置一下const requests = axios.create({ // 配置

不使用Vuex仓库发请求与接收数据

在JavaScript中需要通过document.querySelector("#demo")来获取dom节点，然后再获取这个节点的值。在Vue中，我们不用获取dom节点，元素绑定ref之后，直接通过this.$refs即可调用，这样可以减少获取dom节点的消耗。...

有时候我们需要父组件直接访问子组件（通过$children或$refs），子组件直接访问父组件（$parent）。

TypeError: Cannot read properties of undefined (reading ‘xxx‘)

Cannot read property 'length' of undefined

作用域就是变量的可用性的代码范围，就叫做这个变量的作用域。简单理解，就是在这个范围内，变量是可以使用的，超过这个范围，变量就无法使用，这个范围就是作用域。作用域分为三种：全局作用域、局部作用域、块级作用域。......

javascript将数据转为布尔值的方法：1、使用双重逻辑非，语法“!!需要转换的值”；2、使用Boolean()函数，语法“Boolean(需要转换的值)”。

// prompt('请输入账号');

引入第三方组件库（如element-ui、element-plus），修改第三方组件库的样式样式文件中使用了 scoped 属性，但是为了确保每个组件之间不存在相互影响所以不能去除

for in 适用于纯对象的遍历，并且只能输出可枚举属性forEach适用于需要知道索引值的数组遍历，但是不能中断for of适用于无需知道索引值的数组遍历，因为可以中断。另外对于其他字符串，类数组，类型数组的迭代，for of也更适用...

数组内对象的过滤（filter、map)

​slot是插槽，slot-scope=“scope“语义更加明确，相当于一行的数据，在实际开发中会碰到如下的场景

Parsing error: No Babel config file detected for XXX. Either disable config file checking with XXX

​环境：vscode、node.js、cnpm/yarnnpm安装起来太慢了、建议使用 cnpm或yarn1.从码云上下载前台项目，使用vscode打开2.安装依赖（请提前自行安装 cnmp 或 yarn）​

Node Sass does not yet support your current environment: Windows 64-bit with Unsupported runtime解决方法​nvm是一个node的版本管理工具，可以简单操作node版本的切换、安装、查看。。。等等，与npm不同的是，npm是依赖包的管理工具。...

三级联动：如果使用声明式导航router-link,可以实现路由的跳转与传递参数但需要注意的，会出现卡顿现象。router-link: 可是一个组件啊，当服务器的数据返回之后，循环出很多的router-link组件【创建组件实例的循环】 中间过程还要把虚拟dom转换为真实dom...

我们知道Promise有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败），当状态从pending（进行中）变成fulfilled（已成功）或者rejected（已失败）的时候就会调用Promise的then方法， 如果一直在pending（进行中）状态的话，就不会执行到then方法了。...

手写发布订阅者模式

在我的记忆中。then可以定义两个参数，第一个为成功执行的函数，第二个为失败执行的函数。这样不就是 当我是reject的时候我还是可以执行then啊。只是执行的是第二个函数。对失败的处理为止，或者找到catch()为止，期间的成功都不会执行。如果then中只写成功的回调函数的话，就和老师说的一样了。resolve执行then回调，reject执行catch()回调。如果promise返回失败，then文件中又没有第二个参数，他就会继续向下找，直到找到then中...

实现flat平铺的底层原理

JS中的数组扁平化问题

Object.create(proto[,propertiesObject])

写一个比较完美的组合继承（ES5)

实例对象与原型之间的链接,叫做原型链。当访问一个对象的某个属性时，会先在这个对象本身属性上查找，如果没有找到，则会去它的__proto__隐式原型上查找，即它的构造函数的prototype，如果还没有找到就会再在构造函数的prototype的__proto__中查找，这样一层一层向上查找就会形成一个链式结构，我们称为原型链。......

一、JS 实现继承的几种方式第一种：原型链继承二、构造函数继承（借助call方法）三、组合继承（原型链继承+构造函数继承）第四种：原型式继承（借助Object.create）第五种：寄生式继承第六种：寄生组合式继承二、ES6 的 extends 关键字实现逻辑......

1、props：用于父=》子组件通信 父组件通过props的方式向子组件传递数据，而子组件通过$emit 可以向父组件通信。举例：子组件的props选项能够接收来自父组件数据。没错，仅仅只能接收，props是单向绑定的，即只能父组件向子组件传递，不能反向。而传递的方式也分为两种：......

举一个最简单webcli脚手架中页面父子组件通信的例子

​Symbol是ES6中引入的一种新的基本数据类型，用于表示一个独一无二的值。它是JavaScript中的第七种数据类型，与undefined、null、Number（数值）、String（字符串）、Boolean（布尔值）、Object（对象）并列。​......

1.toString为Object的原型方法，而Array 、Function等类型作为Object的实例，都重写了toString方法。2.不同的对象类型调用toString方法时，根据原型链的知识，调用的是对应的重写之后的toString方法（Function类型返回内容为函数体的字符串，Array类型返回元素组成的字符串…），而不会去调用Object上原型toString方法（返回对象的具体类型），...

函数A作为参数(函数引用)传递到另一个函数B中，并且这个函数B执行函数A。我们就说函数A叫做回调函数。如果没有名称(函数表达式)，就叫做匿名回调函数。

axios拦截器（interceptors）封装axios的GET、POST请求的封装

在计算机科学中，由于疏忽或错误造成程序未能释放已经不再使用的内存，并非指内存在物理内存泄漏是上的消失，而是应用程序分配某段内存后，由于设计错误，导致在释放该段内存之前就失去了对该段内存的控制，从而造成了内存的浪费。C语言中，由于是手动管理内存，因此内存泄漏是经常出现的事情。C语言中，malloc用来申请内存，使用完毕后，比较自己用free方法释放内存。这显然很不智能，所以大多数语言提供自动内存管理，减轻程序员负担，这被称为“垃圾回收机制”。...

​DOM（文档对象模型）是针对HTML和XML文档的一个API（应用程序编程接口），描绘了一个层次化的节点树。