2019-04-22记面试

Vue：

1️⃣生命周期

beforeCreate；created；beforeMount；mounted；updated；

2️⃣webstorage;localstorage,sessionStorage,cookie

JS

1️⃣数据类型

基本类型：string;number;boolean;null;undefined;symbol;

引用类型：Object;array;function

2️⃣JS中判断对象是不是字符串的方法

(1)typeof操作符

常用的类型来说无压力，如function，string，number，undefined等，但是要检测Array的对象就不起作用了，利用typeof除了array和null判断为obj外，其他的都可以正常判断。

（2）instaceof操作符，它是检测对象的原型链是否指向构造函数的prototype对象的。

(3)对象的constructor

var arr = [1,2,3];

alert(arr.constructor === Array) //true

alert(arr instanceof Array) //true

2和3会有一些漏洞

***重点

（1）Object.prototype.toString

首先取得对象的一个内部属性[class],然后依据这个属性，返回一个类似于‘[object Array]’的字符串作为结果，利用这个方法，再配合call，我们可以获得任何对象的内部属性[class]，然后把类型检测转化为字符串比较，以达到我们的目的。

function isArrayFn(o){

    return Object.prototype.toString.call(o) == 'object Array';

}

var arr = [1,2,3];

alert (isArrayFn(arr));//true

(2)Array.isArray();IE8之前不支持

(3)较好参考

var arr = [1,2,3,4];

var arr2 = [{aba: 1,abc: 2}];

function isArrayFn(value){

    if(typeof Array.isArray === "function"){

        return Array.isArray(value);

    }else{

        return Object.prototype.toString.call(value) === "[object Array]"

    }

}

3️⃣instanceof

1️⃣布局（左边宽度固定，右边自适应）

方法一：flex

方法二：absolute

方法三：float（左边设置宽px；右边overflow: hidden）