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)

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 如何控制alert中的换行?\n alert(“p\np”); 请编写一个JavaScript函数 parseQu...
    heyunqiang99阅读 1,104评论 0 6
  • "use strict";function _classCallCheck(e,t){if(!(e instanc...
    久些阅读 2,062评论 0 2
  • 第一章: JS简介 从当初简单的语言,变成了现在能够处理复杂计算和交互,拥有闭包、匿名函数, 甚至元编程等...
    LaBaby_阅读 1,707评论 0 6
  • Javascript有很多数组的方法,有的人有W3C的API,还可以去MDN上去找,但是我觉得API上说的不全,M...
    顽皮的雪狐七七阅读 4,254评论 0 6
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,859评论 1 45