成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

前端面試之Html篇

IamDLY / 1204人閱讀

摘要:和是提供的,可用于請求之間保存數(shù)據(jù)。關(guān)閉窗口后,即被銷毀。答當(dāng)解析器遇到標(biāo)簽時(shí),文檔的解析將停止,并立即下載并執(zhí)行腳本,腳本執(zhí)行完畢后將繼續(xù)解析文檔。而的腳本不同,只要腳本下載完成,將會(huì)立即執(zhí)行,未必會(huì)按照聲明順序執(zhí)行。

1 . doctype(文檔類型) 的作用是什么?

對文檔進(jìn)行有效性驗(yàn)證:

它告訴用戶代理和校驗(yàn)器這個(gè)文檔是按照什么DTD 寫的。這個(gè)動(dòng)作是被動(dòng)的,
每次頁面加載時(shí),瀏覽器并不會(huì)下載DTD 并檢查合法性,只有當(dāng)手動(dòng)校驗(yàn)頁面時(shí)才啟用。

決定瀏覽器的呈現(xiàn)模式: 對于實(shí)際操作,通知瀏覽器讀取文檔時(shí)用哪種解析算法。

如果沒有寫,則瀏覽器則根據(jù)自身的規(guī)則對代碼進(jìn)行解析,可能會(huì)嚴(yán)重影響HTML 排版布局。

瀏覽器有三種方式解析HTML文檔。

非怪異(標(biāo)準(zhǔn))模式

怪異模式

部分怪異(近乎標(biāo)準(zhǔn))模式


2 . HTML 和 XHTML 有什么區(qū)別?? 如果頁面使用 "application/xhtml+xml" 會(huì)有什么問題嗎?

答:xhtml 語法要求嚴(yán)格,一旦遇到錯(cuò)誤,立刻停止解析,并顯示錯(cuò)誤信息。

如果頁面使用"application/xhtml+xml",一些老的瀏覽器會(huì)不兼容。

XHTML 元素必須被正確地嵌套。

XHTML 元素必須被關(guān)閉。

標(biāo)簽名必須用小寫字母。

XHTML 文檔必須擁有根元素。

所有屬性都必須使用雙引號


3 . 如果網(wǎng)頁內(nèi)容需要支持多語言,你會(huì)怎么做?在設(shè)計(jì)和開發(fā)多語言網(wǎng)站時(shí),有哪些問題你必須要考慮?

答:編碼使用UTF-8,空間域名需要支持多瀏覽地址,準(zhǔn)備多套模板。

在設(shè)計(jì)和開發(fā)多語言網(wǎng)站時(shí),需要考慮:

應(yīng)用字符集的選擇

語言書寫習(xí)慣&導(dǎo)航結(jié)構(gòu)

數(shù)據(jù)庫驅(qū)動(dòng)型網(wǎng)站

css 盒子會(huì)因?yàn)閮?nèi)容尺寸不一樣出現(xiàn)不對齊偏移


4 . 使用 data- 屬性的好處是什么?

答:data-為前端開發(fā)者提供自定義屬性,這些屬性集可以通過對象的dataset屬性獲取,

不支持該屬性的瀏覽器可以通過getAttribute方法獲取:
    
...
div.dataset.commentNum; // 10

需要注意的是,data-之后的以連字符分割的多個(gè)單詞組成的屬性,獲取的時(shí)候使用駝峰風(fēng)格。
并不是所有的瀏覽器都支持.dataset屬性,測試的瀏覽器中只有Chrome 和Opera 支持。


5 . 請描述 cookies、sessionStorage 和 localStorage 的區(qū)別。 ☆ ☆ ☆

答 sessionStorage、localStorage、cookie都是在瀏覽器端存儲(chǔ)的數(shù)據(jù) 有了本地?cái)?shù)據(jù),

就可以避免數(shù)據(jù)在瀏覽器和服務(wù)器間不必要地來回傳遞。
sessionStorage 和 localStorage 是HTML5 Web Storage API 提供的,可用于web請求之間保存數(shù)據(jù)。

cookies會(huì)發(fā)送到服務(wù)器端。其余兩個(gè)不會(huì)。Cookie每個(gè)域名存儲(chǔ)量比較?。ǜ鳛g覽器不同,大致4K)所有域名的存儲(chǔ)量有限制(各瀏覽器不同,大致4K)有個(gè)數(shù)限制(各瀏覽器不同)
會(huì)隨請求發(fā)送到服務(wù)器

LocalStorage 永久存儲(chǔ) 單個(gè)域名存儲(chǔ)量比較大(推薦5MB,各瀏覽器不同)總體數(shù)量無限制

SessionStorage 只在 Session 內(nèi)有效 存儲(chǔ)量更大(推薦沒有限制,但是實(shí)際上各瀏覽器也不同)

sessionStorage 的概念很特別,引入了一個(gè)“瀏覽器窗口”的概念。
sessionStorage 是在同源的同窗口(或tab)中,始終存在的數(shù)據(jù)。
也就是說只要這個(gè)瀏覽器窗口沒有關(guān)閉,即使刷新頁面或進(jìn)入同源另一頁面,數(shù)據(jù)仍然存在。
關(guān)閉窗口后,sessionStorage 即被銷毀。同時(shí)“獨(dú)立”打開的不同窗口,即使是同一頁面,sessionStorage 對象也是不同的


6 . 請解釋

閱讀需要支付1元查看
<