- Day1
- 思考題面試題:
經(jīng)典面試題~
1.什么是盒子模型肛鹏?
2.簡(jiǎn)述一下src與href的區(qū)別?
3.簡(jiǎn)述同步和異步的區(qū)別?
4.怎樣添加、移除恩沛、移動(dòng)在扰、復(fù)制、創(chuàng)建和查找節(jié)點(diǎn)雷客?
思考題:
1.站點(diǎn) Logo 是否因出現(xiàn)在h1標(biāo)簽中?
2.是否應(yīng)該支持 IE6芒珠?
答案:
1.什么是盒子模型?
在網(wǎng)頁(yè)中搅裙,一個(gè)元素占有空間的大小由幾個(gè)部分構(gòu)成皱卓,其中包括元素的內(nèi)容(content)总放,元素的內(nèi)邊距(padding),元素的邊框(border)好爬,元素的外邊距(margin)四個(gè)部分局雄。這四個(gè)部分占有的空間中,有的部分可以顯示相應(yīng)的內(nèi)容存炮,而有的部分只用來(lái)分隔相鄰的區(qū)域或區(qū)域炬搭。4個(gè)部分一起構(gòu)成了css中元素的盒模型。
2.簡(jiǎn)述一下src與href的區(qū)別
href 是指向網(wǎng)絡(luò)資源所在位置穆桂,建立和當(dāng)前元素(錨點(diǎn))或當(dāng)前文檔(鏈接)之間的鏈接宫盔,用于超鏈接。
src是指向外部資源的位置享完,指向的內(nèi)容將會(huì)嵌入到文檔中當(dāng)前標(biāo)簽所在位置灼芭;在請(qǐng)求src資源時(shí)會(huì)將其指向的資源下載并應(yīng)用到文檔內(nèi),例如js腳本般又,img圖片和frame等元素彼绷。當(dāng)瀏覽器解析到該元素時(shí),會(huì)暫停其他資源的下載和處理茴迁,直到將該資源加載寄悯、編譯、執(zhí)行完畢堕义,圖片和框架等元素也如此猜旬,類(lèi)似于將所指向資源嵌入當(dāng)前標(biāo)簽內(nèi)。這也是為什么將js腳本放在底部而不是頭部倦卖。
3.簡(jiǎn)述同步和異步的區(qū)別
同步是阻塞模式洒擦,異步是非阻塞模式。
同步就是指一個(gè)進(jìn)程在執(zhí)行某個(gè)請(qǐng)求的時(shí)候怕膛,若該請(qǐng)求需要一段時(shí)間才能返回信息熟嫩,那么這個(gè)進(jìn)程將會(huì)一直等待下去,直到收到返回信息才繼續(xù)執(zhí)行下去嘉竟;
異步是指進(jìn)程不需要一直等下去邦危,而是繼續(xù)執(zhí)行下面的操作,不管其他進(jìn)程的狀態(tài)舍扰。當(dāng)有消息返回時(shí)系統(tǒng)會(huì)通知進(jìn)程進(jìn)行處理倦蚪,這樣可以提高執(zhí)行的效率。
4.怎樣添加边苹、移除陵且、移動(dòng)、復(fù)制、創(chuàng)建和查找節(jié)點(diǎn)慕购?
1)創(chuàng)建新節(jié)點(diǎn)
createDocumentFragment() //創(chuàng)建一個(gè)DOM片段
createElement() //創(chuàng)建一個(gè)具體的元素
createTextNode() //創(chuàng)建一個(gè)文本節(jié)點(diǎn)
2)添加聊疲、移除、替換沪悲、插入
appendChild() //添加
removeChild() //移除
replaceChild() //替換
insertBefore() //插入
3)查找
getElementsByTagName() //通過(guò)標(biāo)簽名稱(chēng)
getElementsByName() //通過(guò)元素的Name屬性的值
getElementById() //通過(guò)元素Id获洲,唯一性
思考題參考答案:
- 1.站點(diǎn) Logo 是否因出現(xiàn)在h1標(biāo)簽中?
http://www.addpv.com.cn/wzjsnews/2017-03-07/1109.html
在網(wǎng)站的結(jié)構(gòu)中,logo部分一般都放置在header模板里面殿如,而header模板往往是多個(gè)頁(yè)面通用贡珊。h1標(biāo)簽加在logo上之后,很多頁(yè)面調(diào)用header模板就會(huì)擁有一個(gè)相同的h1涉馁。h1是用于顯示網(wǎng)頁(yè)的主標(biāo)題门岔,如果這樣,每個(gè)頁(yè)面的主標(biāo)題就變成相同的了烤送。
必須清楚的是寒随,h1標(biāo)簽在每個(gè)頁(yè)面上最多只能出現(xiàn)一次。舉個(gè)例子帮坚,像wordpress這樣的程序本身程序優(yōu)化做得很好妻往,文章頁(yè)面的h1默認(rèn)加在文章的標(biāo)題上,一旦站長(zhǎng)在logo上加上h1后叶沛,文章頁(yè)就會(huì)出現(xiàn)兩個(gè)h1了蒲讯,這樣就違背了添加h1的基本準(zhǔn)則。
說(shuō)真的灰署,可以肯定的是h1真的不適合加在logo上,如果要加就盡量靠近在html 中的標(biāo)簽局嘁,越近越好溉箕,以便讓搜索引擎最快的領(lǐng)略主題。
h1加好了悦昵,利于seo肴茄,加不好會(huì)影響seo,因此h1標(biāo)簽不能亂加但指,不能任性而為寡痰,特別要注意h1不要加在header里面,尤其是logo上棋凳。
- 2.是否應(yīng)該支持 IE6拦坠?
參考:http://blog.csdn.net/xuanwuziyou/article/details/53996456
個(gè)人覺(jué)的還是有必要支持的,不管市場(chǎng)用戶(hù)份額走向是什么樣的剩岳,用戶(hù)體驗(yàn)應(yīng)該都是第一位的贞滨。