目錄
1. 文檔頭聲明的意義和作用?
2. CSS盒模型
3.HTML和XHTML的區(qū)別?
4.?語(yǔ)義化的理解?
5. 一個(gè)靜態(tài)的HTML文件里邊可能包含JS,CSS,它的一個(gè)加載順序是怎樣的起便？?
6. window.onload和$(document).ready()區(qū)別?
7. 什么是window對(duì)象，什么是document對(duì)象前酿？
8. ?如果將CSS放在后面會(huì)出現(xiàn)什么問(wèn)題咆疗？???
9. 哪些性能優(yōu)化的方法
10. 三種減少頁(yè)面加載時(shí)間的方法
11. Src和href的區(qū)別
12. 平時(shí)怎么管理你的團(tuán)隊(duì)
13. 網(wǎng)站重構(gòu)的理解
14. 什么是響應(yīng)式設(shè)計(jì)耕拷？基本原理是什么舒帮？如何兼容較低版本的IE儿惫？
HTML
1.文檔頭的聲明意義和作用嗦随？
（1）聲明位于文檔中的最前面，處于標(biāo)簽之前敬尺。告訴瀏覽器的解析器枚尼，用什么文檔類(lèi)型規(guī)范來(lái)解析這個(gè)文檔。
（2） 假如文檔中的標(biāo)記不遵循doctype聲明所指定的文檔定義類(lèi)型（dtd）砂吞，這個(gè)文檔有可能無(wú)法在瀏覽器中正確顯示署恍。
標(biāo)準(zhǔn)模式：標(biāo)準(zhǔn)模式的排版和JS 運(yùn)作模式是 以該瀏覽器支持的最高標(biāo)準(zhǔn)運(yùn)行混雜模式。
?混雜模式：頁(yè)面以寬松的向后兼容的方式顯示蜻直。模擬老式瀏覽器的行為以防止站點(diǎn)無(wú)法工作盯质。
2.CSS盒模型
CSS盒模型：網(wǎng)頁(yè)設(shè)計(jì)中css技術(shù)所使用的一種思維模型。
CSS盒模型組成：外邊距（margin）概而，邊框（border）呼巷，內(nèi)邊距（paddimg），內(nèi)容（content）
CSS盒模型分類(lèi)：標(biāo)準(zhǔn)W3C盒子模型赎瑰，IE盒子模型
區(qū)別：二者的區(qū)別在于height和width的計(jì)算王悍。
標(biāo)準(zhǔn)W3C盒子模型：height=content? ， width=content? ?
?IE盒子模型：height=content+padding+border餐曼，?width=content+padding+border
3.HTML和XHTML的區(qū)別
?Xhtml必須被正確的關(guān)閉压储；
Xhtml必須被正確的嵌套；??
Xhtml標(biāo)簽名必須小寫(xiě)源譬；
Xhtml必須擁有根元素（必須嵌套于<html></html>根元素中）集惋；
4.語(yǔ)義化的理解
更直觀的認(rèn)識(shí)標(biāo)簽或?qū)傩裕?/p>
去掉或者丟失樣式的時(shí)候能讓頁(yè)面呈現(xiàn)清晰的結(jié)構(gòu)；??
有利于SEO：和搜索引擎建立良好的溝通踩娘，有助于爬蟲(chóng)爬取更多有效信息刮刑；
便于團(tuán)隊(duì)開(kāi)發(fā)和維護(hù)，使網(wǎng)頁(yè)更具可讀性，減少差異化
5.一個(gè)靜態(tài)HTML文件里包含JS为朋，?CSS臂拓，它的加載順序是怎樣的？
? （1）解析HTML文件习寸，創(chuàng)建DOM樹(shù)??
自上而下胶惰，遇到任何樣式（link，style會(huì)阻塞）霞溪，但css加載不會(huì)阻塞DOM樹(shù)的解析孵滞，只會(huì)阻塞DOM樹(shù)的渲染。?
?而js加載鸯匹，需等到j(luò)s加載完畢后才繼續(xù)DOM樹(shù)的解析和渲染坊饶。?如果外部腳本過(guò)大，加載時(shí)間比較長(zhǎng)的話殴蓬，就會(huì)造成網(wǎng)頁(yè)失去響應(yīng)匿级。?
也是為什么在js文件開(kāi)頭寫(xiě)window.onload或者$(document).ready()，或者將script放在body后面的原因染厅。
????（2）解析CSS痘绎。? ? ? ? ??
?優(yōu)先級(jí)：瀏覽器默認(rèn)設(shè)置<用戶(hù)設(shè)置<外部樣式<內(nèi)聯(lián)樣式<內(nèi)嵌樣式??
????（3）將CSS規(guī)則與DOM樹(shù)合并，構(gòu)建渲染樹(shù)（Render Tree）??
????（4）進(jìn)行布局和繪制
6.window.onload和$(document).ready()區(qū)別
?window.onload是DOM文檔結(jié)構(gòu)加載完畢和所有文件（包括圖片）加載完后所執(zhí)行的一個(gè)函數(shù)肖粮。
?$(document).ready()則表示僅DOM文檔加載完所執(zhí)行的一個(gè)函數(shù)
7.什么是window對(duì)象孤页，什么是document對(duì)象？
window對(duì)象它是一個(gè)頂層對(duì)象涩馆，表示一個(gè)瀏覽器窗口或一個(gè)框架行施。
?document對(duì)象是window對(duì)象的一個(gè)對(duì)象屬性，每個(gè)載入瀏覽器的HTML文檔都會(huì)成為Document對(duì)象魂那《旰牛可通過(guò)window.document屬性對(duì)其進(jìn)行訪問(wèn)
8.如果將CSS放在后面，會(huì)出現(xiàn)什么問(wèn)題冰寻？
? ?正常來(lái)講css放在前面须教，這樣就會(huì)先加載css的樣式，在渲染dom的時(shí)候已經(jīng)知道自己的樣式斩芭，無(wú)需再次渲染轻腺。
? ?如果放后面，那么先渲染DOM划乖，再加載CSS后贬养，又要重新渲染，這就意味這要進(jìn)行兩次渲染琴庵，影響性能误算。
9. 哪些性能優(yōu)化的方法
減少http請(qǐng)求次數(shù)仰美，將通過(guò)網(wǎng)絡(luò)請(qǐng)求獲取的數(shù)據(jù)保存到本地
用innerHTML代替DOM操作，優(yōu)化js性能
設(shè)置樣式時(shí)儿礼，應(yīng)該設(shè)置className咖杂，而不是直接設(shè)置style
緩存DOM節(jié)點(diǎn)查找的結(jié)果，減少I(mǎi)O讀取操作
避免使用Css表達(dá)式
圖片預(yù)加載蚊夫，將樣式表放在頂部诉字，將腳本放在底部
10. 三種減少頁(yè)面加載時(shí)間的方法
優(yōu)化圖片
使用web格式的圖片，如果對(duì)顏色要求不高知纷，可以用gif
優(yōu)化css即壓縮合并css
標(biāo)明圖片的高度和寬度（如果瀏覽器沒(méi)有找到這兩個(gè)參數(shù)壤圃，就會(huì)一邊下載一邊計(jì)算大小，如果知道這兩個(gè)參數(shù)琅轧，就會(huì)預(yù)先騰出位置伍绳，繼續(xù)加載）
11. Src和href的區(qū)別?
href 是指向網(wǎng)絡(luò)資源所在的位置，建立和當(dāng)前元素或文檔之間的鏈接乍桂，用于超鏈接
src 是指向外部資源的位置冲杀，指向的內(nèi)容將會(huì)嵌入到文檔中當(dāng)前標(biāo)簽所在的位置，在請(qǐng)求src資源時(shí)會(huì)將其指向的資源下載并應(yīng)用到文檔內(nèi)睹酌，例如js腳本漠趁，img等
12. 平時(shí)怎么管理你的團(tuán)隊(duì)
1. 我會(huì)確定好全局樣式（globe.css），編碼模式(utf-8) 等
2. 并且告訴他們編寫(xiě)代碼時(shí)的規(guī)范
3.各模塊都及時(shí)編寫(xiě)人忍疾，以及各個(gè)模塊內(nèi)的功能標(biāo)注注釋?zhuān)?/p>
4.如果是用vue框架，并且項(xiàng)目比較小時(shí)谨朝，我會(huì)寫(xiě)好大體框架卤妒，只需他們負(fù)責(zé)編寫(xiě)各個(gè)模塊，最終由我來(lái)負(fù)責(zé)模塊的整合
團(tuán)隊(duì)方面字币，
我會(huì)負(fù)責(zé)團(tuán)隊(duì)進(jìn)度的把控则披，注重每名成員的感情情緒，調(diào)控團(tuán)隊(duì)的氛圍和成員的激情洗出，定時(shí)總結(jié)團(tuán)隊(duì)的問(wèn)題和成果士复。
