清理定时器的方法

  在 vue 项目中，通常采用两种方法清理定时器，如下。

方法一：定义 data 中定义 timer

  首先在 vue 实例的data中定义定时器的名称；然后在方法methods或者页面初始化mounted()的时候使用定时器；最后在页面销毁的生命周期函数beforeDestroy()中销毁定时器。

1
2
3
4
5
6
7
8
9
10
11
12
13
14

export default{
  data(){
    timer:null
  },
  mounted(){
      this.timer = setInterval(()=>{
      console.log('123');
    },1000);
  }
  beforeDestory(){
    clearInterval(this.timer);
    this.timer = null;
  }
}

什么是 this

  this是当前执行上下文（global、function 或 eval）的一个属性。在非严格模式下，总是指向一个对象；在严格模式下可以是任意值。

1. 无论是否在严格模式下，在全局执行环境中（在任何函数体外部）this都指向全局对象window。

1
2

// 在浏览器中, window 对象同时也是全局对象：
console.log(this); // window

2. 在函数内部，this的值取决于函数被调用的方式。非严格模式下，函数内部的this指向window；严格模式下，如果进入执行环境时没有设置this的值，this会保持为undefined。

数据类型

  JS 数据类型分为两类：原始数据类型和引用数据类型。

原始数据类型

  原始数据类型的特点：值保存在变量本地，且赋值给其他变量后，其它变量改变不影响原来的值，变量存放在栈区（栈区指内存里的栈内存）。
  原始数据类型有七种，分别是Number、String、Boolean、Null、Undefined、Symbol 、 BigInt。

引用数据类型

问题

   vue-cli 构建的项目默认启用 ESLint 进行代码检测，凡是不符合它规范的就会报错，但是 vscode 代码格式化中的有些规则和 ESLint 规则相反。

1. 按 ESLint 的规则：单引号，末尾没有分号

1
2
3
4
5

<script>
export default {
  name: 'HelloWorld',
}
</script>

2. 使用 vscode 的格式化：双引号，末尾带分号

什么是驼峰命名法

  1. 小驼峰命名法：除第一个单词之外，其他单词首字母大写，如bizType。常用于变量名，函数名。

  2. 大驼峰命名法：单词首字母都大写，如BizType。常用于类名，属性，命名空间等。

什么是下划线命名法

  下划线命名法：名称中的每一个逻辑断点都用一个下划线来标记，如biz_type。