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