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)并注明出處粉怕。