面筋1

记录一下今天的几个问题。

JavaScript的数据类型

8种！
值类型(基本类型)：字符串（String）、数字(Number)、布尔(Boolean)、对空（Null）、未定义（Undefined）、Symbol。
引用数据类型：对象(Object)、数组(Array)、函数(Function)。
注：Symbol 是 ES6 引入了一种新的原始数据类型，表示独一无二的值。
资料：https://www.runoob.com/js/js-datatypes.html
资料：https://blog.csdn.net/u013592575/article/details/95087953

正则表达式

https://www.runoob.com/js/js-regexp.html

JS如何异步响应

https://www.jianshu.com/p/3aa3a3e27417

JS控制HTML元素的显示和隐藏的两种方法

利用来JS控制页面控件显示和隐藏有两种方法，两种方法分别利用HTML的style中的两个属性，两种方法的不同之处在于控件隐藏后是否还在页面上占空位。
方法一

document.getElementById("EleId").style.visibility="hidden";
document.getElementById("EleId").style.visibility="visible";

利用上述方法实现隐藏后，页面的位置还被控件占用，显示空白。
方法二

document.getElementById("EleId").style.display="none";
document.getElementById("EleId").style.display="inline";

利用上述方法实现隐藏后，页面的位置不被占用。

vue的生命周期

• 1.初始化阶段

beforeCreate(){ //1.生命周期中第一个函数,该函数在执行时Vue实例仅仅完成了自身事件的绑定和生命周期函数的初始化工作,Vue实例中还没有 Data el methods相关属性
  console.log("beforeCreate: "+this.msg);
},
created(){ //2.生命周期中第二个函数,该函数在执行时Vue实例已经初始化了data属性和methods中相关方法
  console.log("created: "+this.msg);
},
beforeMount(){//3.生命周期中第三个函数,该函数在执行时Vue将El中指定作用范围作为模板编译
  console.log("beforeMount: "+document.getElementById("sp").innerText);
},
mounted(){//4.生命周期中第四个函数,该函数在执行过程中,已经将数据渲染到界面中并且已经更新页面
  console.log("Mounted: "+document.getElementById("sp").innerText);
}

• 2.运行阶段

beforeUpdate(){//5.生命周期中第五个函数,该函数是data中数据发生变化时执行 这个事件执行时仅仅是Vue实例中data数据变化页面显示的依然是原始数据
  console.log("beforeUpdate:"+this.msg);
  console.log("beforeUpdate:"+document.getElementById("sp").innerText);
},
updated(){    //6.生命周期中第六个函数,该函数执行时data中数据发生变化,页面中数据也发生了变化  页面中数据已经和data中数据一致
  console.log("updated:"+this.msg);
  console.log("updated:"+document.getElementById("sp").innerText);
},

• 3.销毁阶段

beforeDestory(){//7.生命周期第七个函数,该函数执行时,Vue中所有数据 methods componet 都没销毁
},
destoryed(){ //8.生命周期的第八个函数,该函数执行时,Vue实例彻底销毁
}