Vue:
1??生命周期
beforeCreate;created;beforeMount;mounted;updated;
2??webstorage;localstorage,sessionStorage,cookie
JS
1??數(shù)據(jù)類型
基本類型:string;number;boolean;null;undefined;symbol;
引用類型:Object;array;function
(1)typeof操作符
常用的類型來說無壓力,如function,string,number,undefined等,但是要檢測Array的對象就不起作用了,利用typeof除了array和null判斷為obj外,其他的都可以正常判斷。
(2)instaceof操作符,它是檢測對象的原型鏈是否指向構造函數(shù)的prototype對象的。
(3)對象的constructor
var arr = [1,2,3];
alert(arr.constructor === Array) //true
alert(arr instanceof Array) //true
2和3會有一些漏洞
***重點
(1)Object.prototype.toString
首先取得對象的一個內(nèi)部屬性[class],然后依據(jù)這個屬性,返回一個類似于‘[object Array]’的字符串作為結果,利用這個方法,再配合call,我們可以獲得任何對象的內(nèi)部屬性[class],然后把類型檢測轉(zhuǎn)化為字符串比較,以達到我們的目的。
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)