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操作符
常用的類型來(lái)說(shuō)無(wú)壓力膀懈,如function顿锰,string,number启搂,undefined等硼控,但是要檢測(cè)Array的對(duì)象就不起作用了,利用typeof除了array和null判斷為obj外胳赌,其他的都可以正常判斷牢撼。
(2)instaceof操作符,它是檢測(cè)對(duì)象的原型鏈?zhǔn)欠裰赶驑?gòu)造函數(shù)的prototype對(duì)象的疑苫。
(3)對(duì)象的constructor
var arr = [1,2,3];
alert(arr.constructor === Array) //true
alert(arr instanceof Array) //true
2和3會(huì)有一些漏洞
***重點(diǎn)
(1)Object.prototype.toString
首先取得對(duì)象的一個(gè)內(nèi)部屬性[class],然后依據(jù)這個(gè)屬性熏版,返回一個(gè)類似于‘[object Array]’的字符串作為結(jié)果纷责,利用這個(gè)方法,再配合call撼短,我們可以獲得任何對(duì)象的內(nèi)部屬性[class]再膳,然后把類型檢測(cè)轉(zhuǎn)化為字符串比較,以達(dá)到我們的目的曲横。
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??布局(左邊寬度固定喂柒,右邊自適應(yīng))
方法一:flex
方法二:absolute
方法三:float(左邊設(shè)置寬px;右邊overflow: hidden)