前端面試題

1、link和import的區(qū)別

1置尔、link屬于html標(biāo)簽,而@import是css提供的氢伟。

2榜轿、頁(yè)面被加載時(shí),link會(huì)同時(shí)被加載朵锣,而@import引用的css會(huì)等到頁(yè)面加載結(jié)束后加載谬盐。

3、link是html標(biāo)簽诚些,因此沒(méi)有兼容性设褐,而@import只有IE5以上才能識(shí)別。

4泣刹、link方式樣式的權(quán)重高于@import的助析。

2、HTML5為什么只需要寫<!

HTML 4.01 中的 doctype 需要對(duì) DTD 進(jìn)行引用椅您,因?yàn)?HTML 4.01 基于 SGML外冀。

而 HTML 5 不基于 SGML,因此不需要對(duì) DTD 進(jìn)行引用掀泳,但是需要 doctype 來(lái)規(guī)范瀏覽器的行為雪隧。

其中,SGML是標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言,簡(jiǎn)單的說(shuō)员舵,就是比HTML,XML更老的標(biāo)準(zhǔn)脑沿,這兩者都是由SGML發(fā)展而來(lái)的。BUT马僻,HTML5不是的庄拇。


這是文檔類型聲明,它聲明了文檔類型為html5韭邓,它告訴瀏覽器和其他開發(fā)者措近,該文檔使用的是html5標(biāo)準(zhǔn)和應(yīng)該使用html5標(biāo)準(zhǔn)。


3女淑、doctype作用瞭郑,標(biāo)準(zhǔn)模式和兼容模式有什么區(qū)別

告知瀏覽器的解析器用什么文檔標(biāo)準(zhǔn)解析這個(gè)文檔。DOCTYPE不存在或格式不正確會(huì)導(dǎo)致文檔以兼容模式呈現(xiàn)鸭你。

區(qū)別:

標(biāo)準(zhǔn)模式的排版 和JS運(yùn)作模式都是以該瀏覽器支持的最高標(biāo)準(zhǔn)運(yùn)行屈张。在兼容模式中擒权,頁(yè)面以寬松的向后兼容的方式顯示,模擬老式瀏覽器的行為以防止站點(diǎn)無(wú)法工作。

附代碼:https://www.cnblogs.com/sunhe/p/4994058.html

4阁谆、請(qǐng)寫出html5新增的API

SVG? ? 定義? 矢量圖工具碳抄, 繪圖

SVG在H5標(biāo)準(zhǔn)之前就有了, IE對(duì)SVG的兼容性非常好

svg與canvas區(qū)別

canvas位圖笛厦, svg是矢量圖

canvas使用JavaScrpt繪圖纳鼎, svg使用XML來(lái)繪圖

canvas不支持事件(借助庫(kù)) svg支持事件

svg的應(yīng)用領(lǐng)域? ? 矢量圖標(biāo)? ? ? 地圖

SVG的使用

HTML中使用SVG

在html中直接寫 <svg>

地理定位 geolocation

navigator.gentlocation

getCurrentPosition(successCallback, errorCallback, options)? 獲取當(dāng)前的地理位置

watchPosition(successCallback, errorCallback, options) 監(jiān)聽地理位置變化

clearWatch()? 停止位置監(jiān)聽

position對(duì)象

獲取位置成功會(huì)調(diào)用 successCallback回調(diào)函數(shù)俺夕, 自動(dòng)接收position對(duì)象

coords

longitude 維度

latitude? 精度

altitude? 海拔

handing 前進(jìn)方向

speed? ? ? ? 速度

altitudeAccuracy 海拔經(jīng)度

accuracy? 坐標(biāo)經(jīng)度

timestamp 時(shí)間戳

error對(duì)象

獲取位置失敗裳凸,調(diào)用errorCallback回調(diào),調(diào)用 error對(duì)象

code 錯(cuò)誤代碼

message 錯(cuò)誤信息

選項(xiàng) options

timeout? ? ? 超時(shí)時(shí)間

enableHighAccuracy? ? 是否最優(yōu)

maximunAge 最大緩存時(shí)間

注意

chrome瀏覽器只有在https方式下打開的網(wǎng)頁(yè)才能獲取地理位置

手上上的大部分瀏覽器劝贸,微信 也要求https 才能獲取位置

多媒體? ? ? 相關(guān)標(biāo)簽

視頻

音頻

DOM(video/audio)

屬性

volume 音量

muted 是否靜音

方法

play()

pause()

事件

onplay

視頻插件

ckplayer

jplayer

flowplayer

video.js

flv.js

拖拽

屬性

draggable 設(shè)置為true 元素就可以被拖拽

事件

ondrag

ondragstart

ondragend

ondragenter

ondragleave

ondragover

ondrop

dataTransfer

獲取 是dragEvent的屬性

getData()

setData()

附圖片:https://blog.csdn.net/qq_42074075/article/details/88861259

5姨谷、CSS優(yōu)先級(jí)算法如何計(jì)算?

選擇符Specificity值列表:

規(guī)則:

行內(nèi)樣式優(yōu)先級(jí)Specificity值為1,0,0,0映九,高于外部定義梦湘。

如:

sjweb

外部定義指經(jīng)由或標(biāo)簽定義的規(guī)則;

2.!important聲明的Specificity值最高件甥;

3.Specificity值一樣的情況下捌议,按CSS代碼中出現(xiàn)的順序決定,后者CSS樣式居上引有;

4.由繼續(xù)而得到的樣式?jīng)]有specificity的計(jì)算瓣颅,它低于一切其他規(guī)則(比如全局選擇符*定義的規(guī)則)。

算法:

當(dāng)遇到多個(gè)選擇符同時(shí)出現(xiàn)時(shí)候

按選擇符得到的Specificity值逐位相加譬正,

{數(shù)位之間沒(méi)有進(jìn)制 比如說(shuō): 0,0,0,5 + 0,0,0,5 =0,0,0,10 而不是 0,0, 1, 0}

就得到最終計(jì)算得的specificity宫补,

然后在比較取舍時(shí)按照從左到右的順序逐位比較。

姓名:蔣偉_fc89

轉(zhuǎn)載于:http://www.reibang.com/p/c80627fbc109

來(lái)源:簡(jiǎn)書

簡(jiǎn)書著作權(quán)歸作者所有曾我,任何形式的轉(zhuǎn)載都請(qǐng)聯(lián)系作者獲得授權(quán)并注明出處粉怕。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市抒巢,隨后出現(xiàn)的幾起案子贫贝,更是在濱河造成了極大的恐慌,老刑警劉巖蛉谜,帶你破解...
    沈念sama閱讀 216,692評(píng)論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件平酿,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡悦陋,警方通過(guò)查閱死者的電腦和手機(jī)蜈彼,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,482評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)俺驶,“玉大人幸逆,你說(shuō)我怎么就攤上這事棍辕。” “怎么了还绘?”我有些...
    開封第一講書人閱讀 162,995評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵楚昭,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我拍顷,道長(zhǎng)抚太,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,223評(píng)論 1 292
  • 正文 為了忘掉前任昔案,我火速辦了婚禮尿贫,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘踏揣。我一直安慰自己庆亡,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,245評(píng)論 6 388
  • 文/花漫 我一把揭開白布捞稿。 她就那樣靜靜地躺著又谋,像睡著了一般。 火紅的嫁衣襯著肌膚如雪娱局。 梳的紋絲不亂的頭發(fā)上彰亥,一...
    開封第一講書人閱讀 51,208評(píng)論 1 299
  • 那天,我揣著相機(jī)與錄音衰齐,去河邊找鬼任斋。 笑死,一個(gè)胖子當(dāng)著我的面吹牛娇斩,可吹牛的內(nèi)容都是我干的仁卷。 我是一名探鬼主播,決...
    沈念sama閱讀 40,091評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼犬第,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼锦积!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起歉嗓,我...
    開封第一講書人閱讀 38,929評(píng)論 0 274
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤丰介,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后鉴分,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體哮幢,經(jīng)...
    沈念sama閱讀 45,346評(píng)論 1 311
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,570評(píng)論 2 333
  • 正文 我和宋清朗相戀三年志珍,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了橙垢。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,739評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡伦糯,死狀恐怖柜某,靈堂內(nèi)的尸體忽然破棺而出嗽元,到底是詐尸還是另有隱情,我是刑警寧澤喂击,帶...
    沈念sama閱讀 35,437評(píng)論 5 344
  • 正文 年R本政府宣布剂癌,位于F島的核電站,受9級(jí)特大地震影響翰绊,放射性物質(zhì)發(fā)生泄漏佩谷。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,037評(píng)論 3 326
  • 文/蒙蒙 一监嗜、第九天 我趴在偏房一處隱蔽的房頂上張望谐檀。 院中可真熱鬧,春花似錦秤茅、人聲如沸稚补。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,677評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至厦坛,卻和暖如春五垮,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背杜秸。 一陣腳步聲響...
    開封第一講書人閱讀 32,833評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工放仗, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人撬碟。 一個(gè)月前我還...
    沈念sama閱讀 47,760評(píng)論 2 369
  • 正文 我出身青樓诞挨,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親呢蛤。 傳聞我的和親對(duì)象是個(gè)殘疾皇子惶傻,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,647評(píng)論 2 354

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

  • 一、理論基礎(chǔ)知識(shí)部分 1.1其障、講講輸入完網(wǎng)址按下回車银室,到看到網(wǎng)頁(yè)這個(gè)過(guò)程中發(fā)生了什么 a. 域名解析 b. 發(fā)起T...
    我家媳婦蠢蠢噠閱讀 3,126評(píng)論 2 106
  • 請(qǐng)參看我github中的wiki,不定期更新励翼。https://github.com/ivonzhang/Front...
    zhangivon閱讀 7,127評(píng)論 2 19
  • 1.XHTML和HTML有什么區(qū)別 HTML是一種基本的WEB網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言蜈敢,XHTML是一個(gè)基于XML的置標(biāo)語(yǔ)言最...
    耦耦閱讀 544評(píng)論 0 6
  • 第一部分HTML&CSS整理答案1.什么是HTML5? 答:HTML5是最新的HTML標(biāo)準(zhǔn)汽抚。 注意:講述HTML5...
    Programmer客棧閱讀 2,009評(píng)論 0 12
  • http://web.jobbole.com/88041/ HTML面試題 1.XHTML和HTML有什么區(qū)別 H...
    luyueK閱讀 311評(píng)論 0 0