資訊專欄INFORMATION COLUMN
摘要：前記為了準(zhǔn)備春招面試，對自己的知識點進行一個總結(jié)積累，第一篇是關(guān)于方面的知識點，后續(xù)如果遇見新題會進行繼續(xù)的補充什么是語義化，有什么好處語義化簡單來說就是，段落使用，側(cè)邊欄用，主要內(nèi)容使用。不存在或形式不正確會導(dǎo)致文檔以混雜模式呈現(xiàn)。
前記
為了準(zhǔn)備春招面試，對自己的知識點進行一個總結(jié)積累，第一篇是關(guān)于HTML方面的知識點，后續(xù)如果遇見新題會進行繼續(xù)的補充
什么是 HTML 語義化，有什么好處HTML語義化簡單來說就是，段落使用
，側(cè)邊欄用，主要內(nèi)容使用。有助于構(gòu)架良好的HTML結(jié)構(gòu)
有助于搜索引擎建立索引、抓取，有利于SEO
有利于不同設(shè)備的解析
有利于團隊的開發(fā)維護
為什么要在html文件開頭加上一個告訴瀏覽器使用哪個版本的HTML規(guī)范來渲染文檔。DOCTYPE不存在或形式不正確會導(dǎo)致HTML文檔以混雜模式呈現(xiàn)。
HTML5為什么只需要寫 ？HTML5不基于SGML，所以不需要引用DTD(DTD 文檔類型定義）。在HTML5中只有一種
在HTML4.01中，聲明引用DTD，因為HTML4.01基于SGML。DTD規(guī)定了標(biāo)記語言的規(guī)則，這樣瀏覽器才能正確的呈現(xiàn)內(nèi)容。在HTML4.01中有三種聲明。
行內(nèi)元素有哪些？塊級元素有哪些？行內(nèi)元素：a、span、img、input、select
塊級元素：div、ul、ol、li、p
meta viewport 是做什么用的，怎么寫？控制頁面在移動端不要縮小顯示。
HTML5的新增特性
新增加了圖像、位置、存儲、多任務(wù)等功能。
新增功能標(biāo)簽：可以用作畫板的canvas，用于媒介回放的video和audio元素等
本地離線存儲：localStorage長期存儲數(shù)據(jù)，瀏覽器關(guān)閉后數(shù)據(jù)不丟失;sessionStorage的數(shù)據(jù)在瀏覽器關(guān)閉后自動刪除
語意化更好的標(biāo)簽：figure、footer、header、aside、time 等標(biāo)簽
位置API：Geolocation
表單控件：calendar date time email url search
新的技術(shù)：Web Worker(web worker是運行在后臺的 JavaScript，獨立于其他腳本，不會影響頁面的性能。您可以繼續(xù)做任何愿意做的事情：點擊、選取內(nèi)容等等，而此時 web worker 在后臺運行) Web Socket
拖放API：drag、drop
離線網(wǎng)路程序：能夠讓網(wǎng)頁在客戶端本地高效地離線運行。
History API：允許對瀏覽器歷史記錄進行操作。這對于那些交互地加載新信息的頁面尤其有用。
介紹一下你對瀏覽器內(nèi)核的理解？主要分成兩部分：渲染引擎(Layout Engine或Rendering Engine)和JS引擎。
渲染引擎：負(fù)責(zé)取得網(wǎng)頁的內(nèi)容（HTML、XML、圖像等等）、整理訊息（例如加入CSS等），以及計算網(wǎng)頁的顯示方式，然后會輸出至顯示器或打印機。瀏覽器的內(nèi)核的不同對于網(wǎng)頁的語法解釋會有不同，所以渲染的效果也不相同。
JS引擎：解析和執(zhí)行javascript來實現(xiàn)網(wǎng)頁的動態(tài)效果。
最開始渲染引擎和JS引擎并沒有區(qū)分的很明確，后來JS引擎越來越獨立，內(nèi)核就傾向于只指渲染引擎。
常見的瀏覽器內(nèi)核及對應(yīng)瀏覽器Trident：IE內(nèi)核
Gecko：Firefox內(nèi)核
Presto：Opera前內(nèi)核(已廢棄)
Webkit：Safari內(nèi)核，Chrome內(nèi)核原型，開源
Blink：由Google和Opera Software開發(fā)，Chrome（28及往后版本）、Opera（15及往后版本）和Yandex瀏覽器中使用
defer 和 async 的區(qū)別沒有defer或async，瀏覽器在遇到script標(biāo)簽后，會立即加載并執(zhí)行標(biāo)簽中的腳本，“立即”指的是在渲染該script標(biāo)簽之下的文檔元素之前，也就是說不等待后續(xù)載入的文檔元素，讀到就加載并執(zhí)行。
有defer，加載后續(xù)文檔元素的過程將和script.js的加載并行進行（異步），但是script.js的執(zhí)行要在所有元素解析完成之后，DOMContentLoaded事件觸發(fā)之前完成。
有async，加載和渲染后續(xù)文檔元素的過程將和script.js的加載并行進行（異步），但當(dāng)script.js加載完后會立即執(zhí)行，即停止加載和渲染后續(xù)文檔元素，執(zhí)行script.js。
如圖所示，但需要注意以下幾點
關(guān)于defer，此圖未盡之處在于它是按照加載順序執(zhí)行腳本的，這一點要善加利用
關(guān)于async，它的腳本加載順序是亂序的，誰先加載完執(zhí)行誰
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/53663.html
摘要：我在面試前針對基礎(chǔ)也花了不少的時間，期間也將自己寫過的博文粗略地刷了一遍，同時也在網(wǎng)上找了不少比較好的資料部分是沒看完的?？疵嬖囶}也是校驗自己是否真正理解了這個知識點，也很有可能會有新的收獲。 一、前言 只有光頭才能變強 回顧前面： 廣州三本找Java實習(xí)經(jīng)歷 上一篇寫了自己面試的經(jīng)歷和一些在面試的時候遇到的題目(筆試題和面試題)。 我在面試前針對Java基礎(chǔ)也花了不少的時間，期間也將...
摘要：前言秋招宣告結(jié)束，面試了接近家公司，有幸拿到，感謝這段時間一起找工作面試的朋友和陪伴我的人。一定要提前準(zhǔn)備好，不然面試官叫你說遇到的難點，或者直接問問題時可能會懵逼。 前言 秋招宣告結(jié)束，面試了接近20家公司，有幸拿到offer，感謝這段時間一起找工作面試的朋友和陪伴我的人。這是一段難忘的經(jīng)歷，相信不亞于當(dāng)年的高考吧，也許現(xiàn)在想起來高考不算什么，也許只有經(jīng)歷過秋招的人才懂得找工作的艱辛...
摘要：前言秋招宣告結(jié)束，面試了接近家公司，有幸拿到，感謝這段時間一起找工作面試的朋友和陪伴我的人。一定要提前準(zhǔn)備好，不然面試官叫你說遇到的難點，或者直接問問題時可能會懵逼。 前言 秋招宣告結(jié)束，面試了接近20家公司，有幸拿到offer，感謝這段時間一起找工作面試的朋友和陪伴我的人。這是一段難忘的經(jīng)歷，相信不亞于當(dāng)年的高考吧，也許現(xiàn)在想起來高考不算什么，也許只有經(jīng)歷過秋招的人才懂得找工作的艱辛...
摘要：一些知識點有哪些方法方法前端從入門菜鳥到實踐老司機所需要的資料與指南合集前端掘金前端從入門菜鳥到實踐老司機所需要的資料與指南合集歸屬于筆者的前端入門與最佳實踐。 工欲善其事必先利其器-前端實習(xí)簡歷篇 - 掘金 有幸認(rèn)識很多在大廠工作的學(xué)長，在春招正式開始前為我提供很多內(nèi)部推薦的機會，非常感謝他們對我的幫助?，F(xiàn)在就要去北京了，對第一份正式的實習(xí)工作也充滿期待，也希望把自己遇到的一些問題和...
閱讀 1469·2021-11-22 14:44
閱讀 2848·2021-11-16 11:44
閱讀 3214·2021-10-13 09:40
閱讀 1993·2021-10-08 10:04
閱讀 2368·2021-09-24 10:28
閱讀 2916·2021-09-06 15:02
閱讀 2965·2019-08-30 15:52
閱讀 2400·2019-08-30 13:20
