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