前端基础知识与常见面试题(六)

### 说下用过哪些模拟数据

mock、rap2、apipost、faker

### **npm常用命令**

初始化package.json文件：npm init -y

安装模块：npm install 模块名   /  npm i 模块名

卸载模块：npm uninstall 模块名

安装全局模块：npm -g install 模块名

npm安装缓存目录：**C:\Users\用户名\AppData\Roaming\npm-cache**

​    如果全局安装出错了，先尝试清空缓存目录，在安装

npm安装目录：**C:\Users\用户名\AppData\Roaming\npm\node_modules**

​    如果清空缓存目录还是有问题，直接在安装目录里删除模块

运行自定义命令：npm run 在package.json中配置的命令

### **简述常见的package.json配置项**

"scripts"：指定运行脚本命令的npm命令缩写

"dependencies"：运行依赖

"devDependencies"：开发依赖，npm i 模块名  --save-dev

"main"：入口文件

### 防抖和节流

所谓防抖，就是指触发事件后在 n 秒内函数只能执行一次，如果在 n 秒内又触发了事件，则会重新计算函数执行时间。 （比如搜索引擎）

```js
    getData() {
      clearTimeout(this.timeout);
      this.timeout = setTimeout(() => {
        console.log("发送请求....");
        this.count++;
      }, 1000);
    },
```

所谓节流，就是指连续触发事件但是在 n 秒中只执行一次函数。节流会稀释函数的执行频率。 （比如服务器很忙，用户需要排队，为了防止没排到的用户连续点击）

```js
    // 节流
    getData() {
      if (!this.timeout) {
        this.timeout = setTimeout(() => {
          this.timeout = null;
          console.log("发送请求....");
          this.count++;
        }, 2000);
      }
    },
```

可以使用推荐 lodash库

### **Vue有哪几个生命周期**

注意：生命周期是4个！！！，问你生命周期不要回答生命周期对应的钩子函数！！！,一个生命周期对应两个钩子函数

创建(beforeCreate,created) 

挂载(beforeMount,mounted)

更新(beforeUpdate,updated)

销毁(beforeDestroy,destroyed)

### **第一次页面加载会触发哪几个钩子**

创建