@1: 移動(dòng)端1px問(wèn)題,為什么會(huì)有疹蛉?如何解決活箕?
物理像素:
移動(dòng)設(shè)備出廠時(shí),不同設(shè)備自帶的不同像素可款,也稱硬件像素育韩;
邏輯像素:
即css中記錄的像素。
解決方案一: 設(shè)置 border-image 方案
.border-image-1px {
border-width: 1px 0px;
-webkit-border-image: url("border.png") 2 0 stretch;
border-image: url("border.png") 2 0 stretch;
}
解決方案一: background-image 漸變實(shí)現(xiàn)
.border {
background-image:linear-gradient(180deg, red, red 50%, transparent 50%),
linear-gradient(270deg, red, red 50%, transparent 50%),
linear-gradient(0deg, red, red 50%, transparent 50%),
linear-gradient(90deg, red, red 50%, transparent 50%);
background-size: 100% 1px,1px 100% ,100% 1px, 1px 100%;
background-repeat: no-repeat;
background-position: top, right top, bottom, left top;
padding: 10px;
}
原理:將原本1個(gè)物理像素的邊框大小利用線性漸變分割成幾個(gè)部分(百分比控制)闺鲸,實(shí)現(xiàn)小于1像素效果筋讨。
@2:typeof和instanceof相同點(diǎn)與不同點(diǎn)
相同點(diǎn):
JavaScript 中 typeof 和 instanceof 常用來(lái)判斷一個(gè)變量是否為空, 或者是什么類型的摸恍。
不同點(diǎn):
typeof:
1.返回值是一個(gè)字符串悉罕, 用來(lái)說(shuō)明變量的數(shù)據(jù)類型。
2.typeof 一般只能返回如下幾個(gè)結(jié)果: number, boolean, string, function, object, undefined立镶。
if (typeof a != "undefined") {
console.log("ok");
} eles {
console.log("not ok");
}
下面的代碼是錯(cuò)誤的
if (a) //因?yàn)槿绻?a 不存在( 未聲明) 則會(huì)出錯(cuò)壁袄。
if (a) {
console.log("ok");
} else {
console.log('cc');
}
instanceof:
1.返回值為布爾值;
- instanceof 用于判斷一個(gè)變量是否屬于某個(gè)對(duì)象的實(shí)例。
// var a = new Array();
// alert(a instanceof Array); // true
// alert(a instanceof Object) // true
//如上媚媒, 會(huì)返回 true嗜逻, 同時(shí) alert(a instanceof Object) 也會(huì)返回 true;
// 這是因?yàn)?Array 是 object 的子類。
// alert(b instanceof Array) // b is not defined
// function Test() {};
// var a = new test();
// alert(a instanceof test) // true