摘要:和是提供的,可用于請(qǐng)求之間保存數(shù)據(jù)。關(guān)閉窗口后,即被銷(xiāo)毀。答當(dāng)解析器遇到標(biāo)簽時(shí),文檔的解析將停止,并立即下載并執(zhí)行腳本,腳本執(zhí)行完畢后將繼續(xù)解析文檔。而的腳本不同,只要腳本下載完成,將會(huì)立即執(zhí)行,未必會(huì)按照聲明順序執(zhí)行。
1 . doctype(文檔類(lèi)型) 的作用是什么? ☆
對(duì)文檔進(jìn)行有效性驗(yàn)證:
它告訴用戶(hù)代理和校驗(yàn)器這個(gè)文檔是按照什么DTD 寫(xiě)的。這個(gè)動(dòng)作是被動(dòng)的, 每次頁(yè)面加載時(shí),瀏覽器并不會(huì)下載DTD 并檢查合法性,只有當(dāng)手動(dòng)校驗(yàn)頁(yè)面時(shí)才啟用。
決定瀏覽器的呈現(xiàn)模式: 對(duì)于實(shí)際操作,通知瀏覽器讀取文檔時(shí)用哪種解析算法。
如果沒(méi)有寫(xiě),則瀏覽器則根據(jù)自身的規(guī)則對(duì)代碼進(jìn)行解析,可能會(huì)嚴(yán)重影響HTML 排版布局。
瀏覽器有三種方式解析HTML文檔。
非怪異(標(biāo)準(zhǔn))模式
怪異模式
部分怪異(近乎標(biāo)準(zhǔn))模式
2 . HTML 和 XHTML 有什么區(qū)別?? 如果頁(yè)面使用 "application/xhtml+xml" 會(huì)有什么問(wèn)題嗎?
答:xhtml 語(yǔ)法要求嚴(yán)格,一旦遇到錯(cuò)誤,立刻停止解析,并顯示錯(cuò)誤信息。
如果頁(yè)面使用"application/xhtml+xml",一些老的瀏覽器會(huì)不兼容。
XHTML 元素必須被正確地嵌套。
XHTML 元素必須被關(guān)閉。
標(biāo)簽名必須用小寫(xiě)字母。
XHTML 文檔必須擁有根元素。
所有屬性都必須使用雙引號(hào)
3 . 如果網(wǎng)頁(yè)內(nèi)容需要支持多語(yǔ)言,你會(huì)怎么做?在設(shè)計(jì)和開(kāi)發(fā)多語(yǔ)言網(wǎng)站時(shí),有哪些問(wèn)題你必須要考慮?
答:編碼使用UTF-8,空間域名需要支持多瀏覽地址,準(zhǔn)備多套模板。
在設(shè)計(jì)和開(kāi)發(fā)多語(yǔ)言網(wǎng)站時(shí),需要考慮:
應(yīng)用字符集的選擇
語(yǔ)言書(shū)寫(xiě)習(xí)慣&導(dǎo)航結(jié)構(gòu)
數(shù)據(jù)庫(kù)驅(qū)動(dòng)型網(wǎng)站
css 盒子會(huì)因?yàn)閮?nèi)容尺寸不一樣出現(xiàn)不對(duì)齊偏移
4 . 使用 data- 屬性的好處是什么?
答:data-為前端開(kāi)發(fā)者提供自定義屬性,這些屬性集可以通過(guò)對(duì)象的dataset屬性獲取,
不支持該屬性的瀏覽器可以通過(guò)getAttribute方法獲取:
...div.dataset.commentNum; // 10
需要注意的是,data-之后的以連字符分割的多個(gè)單詞組成的屬性,獲取的時(shí)候使用駝峰風(fēng)格。
并不是所有的瀏覽器都支持.dataset屬性,測(cè)試的瀏覽器中只有Chrome 和Opera 支持。
5 . 請(qǐng)描述 cookies、sessionStorage 和 localStorage 的區(qū)別。 ☆ ☆ ☆
答 sessionStorage、localStorage、cookie都是在瀏覽器端存儲(chǔ)的數(shù)據(jù) 有了本地?cái)?shù)據(jù),
就可以避免數(shù)據(jù)在瀏覽器和服務(wù)器間不必要地來(lái)回傳遞。 sessionStorage 和 localStorage 是HTML5 Web Storage API 提供的,可用于web請(qǐng)求之間保存數(shù)據(jù)。
cookies會(huì)發(fā)送到服務(wù)器端。其余兩個(gè)不會(huì)。Cookie每個(gè)域名存儲(chǔ)量比較?。ǜ鳛g覽器不同,大致4K)所有域名的存儲(chǔ)量有限制(各瀏覽器不同,大致4K)有個(gè)數(shù)限制(各瀏覽器不同)
會(huì)隨請(qǐng)求發(fā)送到服務(wù)器
LocalStorage 永久存儲(chǔ) 單個(gè)域名存儲(chǔ)量比較大(推薦5MB,各瀏覽器不同)總體數(shù)量無(wú)限制
SessionStorage 只在 Session 內(nèi)有效 存儲(chǔ)量更大(推薦沒(méi)有限制,但是實(shí)際上各瀏覽器也不同)
sessionStorage 的概念很特別,引入了一個(gè)“瀏覽器窗口”的概念。 sessionStorage 是在同源的同窗口(或tab)中,始終存在的數(shù)據(jù)。 也就是說(shuō)只要這個(gè)瀏覽器窗口沒(méi)有關(guān)閉,即使刷新頁(yè)面或進(jìn)入同源另一頁(yè)面,數(shù)據(jù)仍然存在。 關(guān)閉窗口后,sessionStorage 即被銷(xiāo)毀。同時(shí)“獨(dú)立”打開(kāi)的不同窗口,即使是同一頁(yè)面,sessionStorage 對(duì)象也是不同的
6 . 請(qǐng)解釋