資訊專欄INFORMATION COLUMN
摘要：屬性會(huì)讓下載腳本和文檔解析同步進(jìn)行，但直到文檔解析完成后才會(huì)執(zhí)行腳本，相當(dāng)于在事件偵聽器內(nèi)執(zhí)行。如果必須準(zhǔn)備好并且內(nèi)容未放在偵聽器中，請(qǐng)使用。在瀏覽器中，此可供使用，其中可以操縱節(jié)點(diǎn)以更改其樣式，內(nèi)容，文檔中的位置或通過事件偵聽器進(jìn)行交互。
easy image標(biāo)簽的alt屬性的目的是什么？
在用戶無法查看圖像的情況下，alt屬性會(huì)為圖像提供備用信息。 alt屬性應(yīng)該用于描述任何圖像（除了僅用于裝飾目的的圖像，在這種情況下它應(yīng)該留空）
Good to hear
裝飾目的圖像應(yīng)具有空的alt屬性。
Web爬蟲使用alt標(biāo)簽來理解圖像內(nèi)容，因此alt屬性對(duì)搜索引擎優(yōu)化（SEO）很重要。
在alt標(biāo)記的末尾，記得放一個(gè) . 來提高可訪問性。
清除緩存的目的是什么，該如何實(shí)現(xiàn)？瀏覽器具有緩存功能，用來臨時(shí)存儲(chǔ)網(wǎng)站上的文件，因此在切換頁面或重新加載同一頁面時(shí)不需要再次重新下載它們。服務(wù)器通過設(shè)置并發(fā)送請(qǐng)求頭信息，告訴瀏覽器在服務(wù)器規(guī)定的時(shí)間內(nèi)緩存文件。這大大提高了網(wǎng)站速度并節(jié)省了帶寬。
但是，當(dāng)開發(fā)人員更改網(wǎng)站時(shí)，它可能會(huì)導(dǎo)致問題，因?yàn)橛脩舻木彺嫒匀灰门f文件。如果緩存的CSS和JavaScript文件的引用地址已不再存在（已移動(dòng)或已重命名），則網(wǎng)站將引用不到資源導(dǎo)致出錯(cuò)。
清除緩存是強(qiáng)制瀏覽器下載新文件的過程。這是通過將新文件命名為與舊文件不同的名稱來完成的。
強(qiáng)制瀏覽器重新下載文件的常用技術(shù)是在文件名末尾加一個(gè)字符串，比如版本號(hào)或者時(shí)間戳。這樣瀏覽器將其視為不同的文件，但無需更改文件名。
src="js/script.js" => src="js/script.js?v=2"網(wǎng)頁可以包含多個(gè)
都可以。 W3文檔聲明
Good to hear
W3建議您擁有任意數(shù)量的
旨在容納一個(gè)獨(dú)立的組合，在邏輯上可以獨(dú)立地在頁面外重新創(chuàng)建，而不會(huì)失去其含義。個(gè)人博客文章或新聞報(bào)道都是很好的例子。
是一個(gè)靈活的容器，用于存放共享信息主題或目的的內(nèi)容。
用于包含應(yīng)出現(xiàn)在內(nèi)容末尾部分的信息，并包含有關(guān)該部分的其他信息。作者姓名，版權(quán)信息和相關(guān)鏈接是此類內(nèi)容的典型示例。
intermediateGood to hear
在中放置一個(gè)延遲腳本允許瀏覽器在頁面仍在解析時(shí)下載腳本，因此比將腳本放在正文結(jié)尾之前更好。
如果腳本相互依賴，請(qǐng)使用defer。
如果腳本是相互獨(dú)立的，請(qǐng)使用async。
如果DOM必須準(zhǔn)備好并且內(nèi)容未放在DOMContentLoaded偵聽器中，請(qǐng)使用defer。
什么是DOM?DOM（文檔對(duì)象模型）是一種跨平臺(tái)的API，它將HTML和XML文檔視為由節(jié)點(diǎn)組成的樹結(jié)構(gòu)。這些節(jié)點(diǎn)（例如元素和文本節(jié)點(diǎn)）是可以以編程方式操作的對(duì)象，對(duì)它們進(jìn)行的任何可見更改都會(huì)在文檔中實(shí)時(shí)反映。在瀏覽器中，此API可供JavaScript使用，其中可以操縱DOM節(jié)點(diǎn)以更改其樣式，內(nèi)容，文檔中的位置或通過事件偵聽器進(jìn)行交互。
Good to hear
DOM被設(shè)計(jì)為獨(dú)立于任何特定的編程語言，使得文檔的結(jié)構(gòu)表示可以從單個(gè)一致的API獲得。
隨著頁面的加載，DOM在瀏覽器中逐步構(gòu)建，這就是為什么腳本要放在頁面底部、帶有defer屬性的
中或DOMContentLoaded事件監(jiān)聽器的內(nèi)部。應(yīng)該在構(gòu)造DOM之后運(yùn)行操縱DOM節(jié)點(diǎn)的腳本以避免錯(cuò)誤。document.getElementById（）和document.querySelector（）是用于選取 DOM 節(jié)點(diǎn)的常用函數(shù)。
可通過HTML解析器運(yùn)行字符串的方法將innerHTML屬性設(shè)置為新值，從而提供一種將動(dòng)態(tài)HTML內(nèi)容附加到節(jié)點(diǎn)的簡(jiǎn)便方法。
討論一下HTML規(guī)范與瀏覽器實(shí)現(xiàn)之間的差異。諸如HTML5之類的HTML規(guī)范定義了文檔必須遵守的一組規(guī)則，符合該規(guī)則的被稱為有效。此外，規(guī)范提供了有關(guān)瀏覽器如何解釋和呈現(xiàn)此類文檔的說明。
如果瀏覽器根據(jù)規(guī)范的規(guī)則處理有效文檔，則稱其為“支持”規(guī)范。到目前為止，沒有任何瀏覽器支持HTML5的所有規(guī)范（盡管所有主流瀏覽器都支持其中的大部分），因此，開發(fā)人員必須確認(rèn)所使用的屬性是否所有的瀏覽器都支持。這就是為什么跨瀏覽器支持仍然是開發(fā)人員頭痛的原因，盡管具體情況有所改善。
Good to hear
HTML5定義了無效HTML5文檔的一些規(guī)則（例如包含語法錯(cuò)誤的文檔）
但是，無效文檔可能包含任何內(nèi)容，因此規(guī)范無法全面處理所有可能性
因此，許多關(guān)于如何處理格式錯(cuò)誤的文檔的決定都留給了瀏覽器。
XHTML與HTML相比有哪些不同之處？一些關(guān)鍵的區(qū)別是：
XHTML元素必須具有XHTML
屬性值必須用引號(hào)括起來
禁止屬性最小化（例如，必須使用checked =“checked”而不是checked）
元素必須始終正確嵌套
元素必須始終閉合
特殊字符必須轉(zhuǎn)義
Good to hear
任何元素都可以自閉合
標(biāo)簽和屬性區(qū)分大小寫，通常為小寫
rel ="noopener"屬性在何處使用？為何使用？rel ="noopener"屬性是元素中使用的屬性。它會(huì)阻止頁面具有window.opener屬性，該屬性將指向打開鏈接的頁面，并允許從超鏈接打開的頁面操作超鏈接所在的頁面。
Good to hear
rel ="noopener"應(yīng)用于超鏈接。
rel ="noopener"阻止打開的鏈接操縱源頁面。
hard 什么是HTML5 Web存儲(chǔ)？解釋一下localStorage和sessionStorage。使用HTML5，網(wǎng)站可以在用戶的??瀏覽器中本地存儲(chǔ)數(shù)據(jù)。數(shù)據(jù)存儲(chǔ)在 名稱/值 對(duì)中，網(wǎng)頁只能訪問自己存儲(chǔ)的數(shù)據(jù)。
localStorage和sessionStorage在生命周期上的差異：
通過localStorage存儲(chǔ)的數(shù)據(jù)是永久性的：它不會(huì)過期并保留在用戶的計(jì)算機(jī)上，直到Web應(yīng)用程序刪除它或用戶手動(dòng)刪除它。
sessionStorage與存儲(chǔ)數(shù)據(jù)的頂級(jí)窗口或?yàn)g覽器選項(xiàng)卡具有相同的生命周期。當(dāng)選項(xiàng)卡永久關(guān)閉時(shí)，通過sessionStorage存儲(chǔ)的所有數(shù)據(jù)都將隨之被刪除。
localStorage和sessionStorage在存儲(chǔ)范圍上的差異：
兩種形式的存儲(chǔ)都作用于同源，因此具有不同來源的文檔永遠(yuǎn)不會(huì)共享存儲(chǔ)對(duì)象。
sessionStorage也是基于每個(gè)窗口的范圍。同源的文檔在兩個(gè)瀏覽器選項(xiàng)卡中具有多帶帶的sessionStorage數(shù)據(jù)。
與localStorage不同，來自同一源的相同腳本在不同選項(xiàng)卡中打開時(shí)無法訪問彼此的sessionStorage。
Good to hear
早期，用cookies來完成本地存儲(chǔ)功能。
存儲(chǔ)容量限制比使用cookie要大得多（至少5MB），而且速度更快。
數(shù)據(jù)永遠(yuǎn)不會(huì)傳輸?shù)椒?wù)器，只有在客戶端主動(dòng)獲取時(shí)才能使用。
注：本文為譯文，英文原版地址：https://30secondsofinterviews...
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/101297.html
摘要：屬性會(huì)讓下載腳本和文檔解析同步進(jìn)行，但直到文檔解析完成后才會(huì)執(zhí)行腳本，相當(dāng)于在事件偵聽器內(nèi)執(zhí)行。如果必須準(zhǔn)備好并且內(nèi)容未放在偵聽器中，請(qǐng)使用。在瀏覽器中，此可供使用，其中可以操縱節(jié)點(diǎn)以更改其樣式，內(nèi)容，文檔中的位置或通過事件偵聽器進(jìn)行交互。 easy image標(biāo)簽的alt屬性的目的是什么？ 在用戶無法查看圖像的情況下，alt屬性會(huì)為圖像提供備用信息。 alt屬性應(yīng)該用于描述任何圖像（...
摘要：于是我們繼續(xù)斷點(diǎn)往下走，發(fā)現(xiàn)對(duì)象里面只有一個(gè)類名路徑為。進(jìn)入看看，這個(gè)配置類有哪些重要的方法。。。分析一果不其然，方法被調(diào)用了，緊接著也進(jìn)入斷點(diǎn)，然后在往下走，又進(jìn)入的方法中的回調(diào)處。 SpringCloud（第 050 篇）Netflix Eureka 源碼深入剖析（下） - 一、大致介紹 1、鑒于一些朋友的提問并提議講解下eureka的源碼分析，由此應(yīng)運(yùn)而產(chǎn)生的本章節(jié)的內(nèi)容； 2、...
摘要：而這個(gè)秒就能理解的代碼片段，摒棄了許多不必要的代碼，只實(shí)現(xiàn)了最核心的部分，不像和那樣，考慮參數(shù)邊界值問題，例如，參數(shù)的類型是否符合預(yù)期等。使用根據(jù)斷言函數(shù)對(duì)數(shù)組進(jìn)行過濾，返回條件為真值的對(duì)象。 之前翻譯過一篇文章，《我喜歡的5個(gè)編程技巧》，里面的一個(gè)技巧是借鑒一個(gè)網(wǎng)站的代碼片段，好奇的小手點(diǎn)下鏈接后，發(fā)現(xiàn)是一個(gè)有 47000 多star的倉(cāng)庫，30-seconds-of-code。 倉(cāng)...
閱讀 3213·2021-11-08 13:18
閱讀 1366·2021-10-09 09:57
閱讀 1198·2021-09-22 15:33
閱讀 3997·2021-08-17 10:12
閱讀 5079·2021-08-16 11:02
閱讀 2693·2019-08-30 10:56
閱讀 975·2019-08-29 18:31
閱讀 3263·2019-08-29 16:30
