面試題

@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.返回值為布爾值;

  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
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末欣范,一起剝皮案震驚了整個(gè)濱河市变泄,隨后出現(xiàn)的幾起案子令哟,更是在濱河造成了極大的恐慌恼琼,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,194評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件屏富,死亡現(xiàn)場(chǎng)離奇詭異晴竞,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)狠半,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,058評(píng)論 2 385
  • 文/潘曉璐 我一進(jìn)店門噩死,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)颤难,“玉大人,你說(shuō)我怎么就攤上這事已维⌒朽停” “怎么了?”我有些...
    開(kāi)封第一講書人閱讀 156,780評(píng)論 0 346
  • 文/不壞的土叔 我叫張陵垛耳,是天一觀的道長(zhǎng)栅屏。 經(jīng)常有香客問(wèn)我,道長(zhǎng)堂鲜,這世上最難降的妖魔是什么栈雳? 我笑而不...
    開(kāi)封第一講書人閱讀 56,388評(píng)論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮缔莲,結(jié)果婚禮上哥纫,老公的妹妹穿的比我還像新娘。我一直安慰自己痴奏,他們只是感情好蛀骇,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,430評(píng)論 5 384
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著读拆,像睡著了一般松靡。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上建椰,一...
    開(kāi)封第一講書人閱讀 49,764評(píng)論 1 290
  • 那天雕欺,我揣著相機(jī)與錄音,去河邊找鬼棉姐。 笑死屠列,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的伞矩。 我是一名探鬼主播笛洛,決...
    沈念sama閱讀 38,907評(píng)論 3 406
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼乃坤!你這毒婦竟也來(lái)了苛让?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書人閱讀 37,679評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤湿诊,失蹤者是張志新(化名)和其女友劉穎狱杰,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體厅须,經(jīng)...
    沈念sama閱讀 44,122評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡仿畸,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,459評(píng)論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片错沽。...
    茶點(diǎn)故事閱讀 38,605評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡簿晓,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出千埃,到底是詐尸還是另有隱情憔儿,我是刑警寧澤,帶...
    沈念sama閱讀 34,270評(píng)論 4 329
  • 正文 年R本政府宣布放可,位于F島的核電站皿曲,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏吴侦。R本人自食惡果不足惜屋休,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,867評(píng)論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望备韧。 院中可真熱鬧劫樟,春花似錦、人聲如沸织堂。這莊子的主人今日做“春日...
    開(kāi)封第一講書人閱讀 30,734評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)易阳。三九已至附较,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間潦俺,已是汗流浹背拒课。 一陣腳步聲響...
    開(kāi)封第一講書人閱讀 31,961評(píng)論 1 265
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留事示,地道東北人早像。 一個(gè)月前我還...
    沈念sama閱讀 46,297評(píng)論 2 360
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像肖爵,于是被迫代替她去往敵國(guó)和親卢鹦。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,472評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容