摘要:面試闖關(guān)在面試過程中,總會被問到一些你用到過但是記不清一些零碎的知識,現(xiàn)在做一下總結(jié)。在兼容模式中,頁面以寬松的向后兼容的方式顯示模擬老式瀏覽器的行為以防止站點(diǎn)無法工作。作為對象原型鏈的終點(diǎn)。格式采用鍵值對,例如參考面試總結(jié)
面試闖關(guān)1
在面試過程中,總會被問到一些你用到過、但是記不清一些零碎的知識,現(xiàn)在做一下總結(jié)。
第一部分:HTML+CSS 1.常用那幾種瀏覽器測試?有哪些內(nèi)核(Layout Engine)?主要內(nèi)核:Trident,Gecko,Presto,Webkit。
IE(Trident)、Firefox(Gecko)、Opera(Presto)、Chrome(Webkit)
2.box-sizing常用的屬性有哪些?分別有什么作用?content-box:在寬度和高度之外繪制元素的內(nèi)邊距和邊框。
border-box:為元素指定的任何內(nèi)邊距和邊框都將在已設(shè)定的寬度和高度內(nèi)進(jìn)行繪制。
inherit:從父元素繼承 box-sizing 屬性的值。
3.Doctype作用?標(biāo)準(zhǔn)模式與兼容模式各有什么區(qū)別?Doctype作用:告知瀏覽器的解析器用什么文檔標(biāo)準(zhǔn)解析這個(gè)文檔。DOCTYPE不存在或格式不正確會導(dǎo)致文檔以兼容模式呈現(xiàn)。
區(qū)別:標(biāo)準(zhǔn)模式的排版和JS運(yùn)作模式都是以該瀏覽器支持的最高標(biāo)準(zhǔn)運(yùn)行。在兼容模式中,頁面以寬松的向后兼容的方式顯示,模擬老式瀏覽器的行為以防止站點(diǎn)無法工作。
4.頁面導(dǎo)入樣式時(shí),使用link和@import 、行內(nèi)、嵌入中有什么區(qū)別?行內(nèi):失去的css的優(yōu)勢,但是優(yōu)先級最高
嵌入:style方式,修改起來復(fù)雜
@inportant:頁面全部加載完成才導(dǎo)入css,在頁面非常大的情況下會到時(shí)頁面加載完成閃一下出現(xiàn)樣式
link:在頁面加載之前加載css文件
5.介紹一下你對瀏覽器內(nèi)核的理解?主要分成兩部分:渲染引擎(layout engineer或Rendering Engine)和js引擎。
渲染引擎:負(fù)責(zé)取得網(wǎng)頁的內(nèi)容(HTML、XML、圖像等等)、整理訊息(例如加入CSS等),以及計(jì)算網(wǎng)頁的顯示方式,然后會輸出至顯示器或打印機(jī)。
瀏覽器的內(nèi)核的不同對于網(wǎng)頁的語法解釋會有不同,所以渲染的效果也不相同。所有網(wǎng)頁瀏覽器、電子郵件客戶端以及其它需要編輯、顯示網(wǎng)絡(luò)內(nèi)容的應(yīng)用程序都需要內(nèi)核。
JS引擎則:解析和執(zhí)行javascript來實(shí)現(xiàn)網(wǎng)頁的動態(tài)效果。
最開始渲染引擎和JS引擎并沒有區(qū)分的很明確,后來JS引擎越來越獨(dú)立,內(nèi)核就傾向于只指渲染引擎。
6.html5有哪些新特性?如何處理HTML5新標(biāo)簽的瀏覽器兼容問題?如何區(qū)分 HTML 和 HTML5?HTML5現(xiàn)在已經(jīng)不是SGML的子集,主要是關(guān)于圖像,位置,存儲,多任務(wù)等功能的增加。
拖拽釋放(Drag and drop) API
語義化更好的內(nèi)容標(biāo)簽(header,nav,footer,aside,article,section)
音頻、視頻API(audio,video)
畫布(Canvas) API
地理(Geolocation) API
本地離線存儲 localStorage 長期存儲數(shù)據(jù),瀏覽器關(guān)閉后數(shù)據(jù)不丟失;
sessionStorage 的數(shù)據(jù)在瀏覽器關(guān)閉后自動刪除
表單控件,calendar、date、time、email、url、search
新的技術(shù)webworker, websocket, Geolocation
移除的元素
純表現(xiàn)的元素:basefont,big,center,font, s,strike,tt,u;
對可用性產(chǎn)生負(fù)面影響的元素:frame,frameset,noframes;
支持HTML5新標(biāo)簽:
IE8/IE7/IE6支持通過document.createElement方法產(chǎn)生的標(biāo)簽,
可以利用這一特性讓這些瀏覽器支持HTML5新標(biāo)簽,
瀏覽器支持新標(biāo)簽后,還需要添加標(biāo)簽?zāi)J(rèn)的樣式:
當(dāng)然最好的方式是直接使用成熟的框架、使用最多的是html5shim框架
HTML語義化:根據(jù)內(nèi)容的結(jié)構(gòu)化(內(nèi)容語義化),選擇合適的標(biāo)簽(代碼語義化)便于開發(fā)者閱讀和寫出更優(yōu)雅的代碼的同時(shí)讓瀏覽器的爬蟲和機(jī)器很好地解析。
8.清除浮動有哪些方式?比較好的方式是哪一種?關(guān)閉浮動&BFC
使用after清除浮動的好處原理
RunJS清除浮動代碼
第二部分:JS 1.js的基本數(shù)據(jù)類型?null 、undefined、boolean、string、number
2.js有哪些內(nèi)置對象?數(shù)據(jù)封裝類對象:Object、Array、Boolean、Number 和 String
其他對象:Function、Arguments、Math、Date、RegExp、Error
3.js中的this、call和apply純函數(shù)調(diào)用,this指向全局對象global
作為對象方法的調(diào)用:指向調(diào)用他的對象
作為構(gòu)造函數(shù)調(diào)用,指向新對象
自己做的總結(jié):鏈接
4.eval是做什么的?把對應(yīng)的字符串解析成JS代碼并運(yùn)行。 alert(eval("2"+"2")) //alert(4)
應(yīng)該避免使用eval,不安全,非常耗性能(2次,一次解析成js語句,一次執(zhí)行)。
JSON字符串轉(zhuǎn)換為JSON對象的時(shí)候可以用eval,var obj =eval("("+ str +")")。
5.null和undefined的區(qū)別?null是一個(gè)表示"無"的對象,轉(zhuǎn)為數(shù)值時(shí)為0;undefined是一個(gè)表示"無"的原始值,轉(zhuǎn)為數(shù)值時(shí)為NaN。
undefined:
(1)變量被聲明了,但沒有賦值時(shí),就等于undefined。
(2) 調(diào)用函數(shù)時(shí),應(yīng)該提供的參數(shù)沒有提供,該參數(shù)等于undefined。
(3)對象沒有賦值的屬性,該屬性的值為undefined。
(4)函數(shù)沒有返回值時(shí),默認(rèn)返回undefined。
null:
(1) 作為函數(shù)的參數(shù),表示該函數(shù)的參數(shù)不是對象。
(2) 作為對象原型鏈的終點(diǎn)。
6.new操作符具體干了什么呢?(1)創(chuàng)建一個(gè)空對象,并且 this 變量引用該對象,同時(shí)還繼承了該函數(shù)的原型。
(2)屬性和方法被加入到 this 引用的對象中。
(3)新創(chuàng)建的對象由 this 所引用,并且最后隱式的返回 this 。
7.JSON 的了解?JSON(JavaScript Object Notation) 是一種輕量級的數(shù)據(jù)交換格式。它是基于JavaScript的一個(gè)子集。數(shù)據(jù)格式簡單, 易于讀寫, 占用帶寬小。
格式:采用鍵值對,例如:{"age":"12", "name":"back"}
參考面試總結(jié)
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://www.ezyhdfw.cn/yun/81253.html
摘要:面試闖關(guān)在面試過程中,總會被問到一些你用到過但是記不清一些零碎的知識,現(xiàn)在做一下總結(jié)。在兼容模式中,頁面以寬松的向后兼容的方式顯示模擬老式瀏覽器的行為以防止站點(diǎn)無法工作。作為對象原型鏈的終點(diǎn)。格式采用鍵值對,例如參考面試總結(jié) 面試闖關(guān)1 在面試過程中,總會被問到一些你用到過、但是記不清一些零碎的知識,現(xiàn)在做一下總結(jié)。 第一部分:HTML+CSS 1.常用那幾種瀏覽器測試?有哪些內(nèi)核(L...
摘要:面試闖關(guān)在面試過程中,總會被問到一些你用到過但是記不清一些零碎的知識,現(xiàn)在做一下總結(jié)。在兼容模式中,頁面以寬松的向后兼容的方式顯示模擬老式瀏覽器的行為以防止站點(diǎn)無法工作。作為對象原型鏈的終點(diǎn)。格式采用鍵值對,例如參考面試總結(jié) 面試闖關(guān)1 在面試過程中,總會被問到一些你用到過、但是記不清一些零碎的知識,現(xiàn)在做一下總結(jié)。 第一部分:HTML+CSS 1.常用那幾種瀏覽器測試?有哪些內(nèi)核(L...
摘要:遠(yuǎn)程服務(wù)器找到資源并使用響應(yīng)返回該資源,值為的狀態(tài)碼表示一個(gè)正確的響應(yīng)。三次握手示意圖協(xié)議的相關(guān)知識是一個(gè)應(yīng)用層協(xié)議,由請求和響應(yīng)構(gòu)成,是一個(gè)標(biāo)準(zhǔn)的客戶端服務(wù)器模型。由于服務(wù)器不保存發(fā)送請求的瀏覽器進(jìn)程的任何信息,因此協(xié)議屬于無狀態(tài)協(xié)議。 面試闖關(guān)2 1.一個(gè)頁面從輸入U(xiǎn)RL到頁面加載顯示完成,這個(gè)過程中都發(fā)生了什么? 瀏覽器都會開啟一個(gè)線程來處理這個(gè)請求,同時(shí)在遠(yuǎn)程DNS服務(wù)器上啟...
摘要:遠(yuǎn)程服務(wù)器找到資源并使用響應(yīng)返回該資源,值為的狀態(tài)碼表示一個(gè)正確的響應(yīng)。三次握手示意圖協(xié)議的相關(guān)知識是一個(gè)應(yīng)用層協(xié)議,由請求和響應(yīng)構(gòu)成,是一個(gè)標(biāo)準(zhǔn)的客戶端服務(wù)器模型。由于服務(wù)器不保存發(fā)送請求的瀏覽器進(jìn)程的任何信息,因此協(xié)議屬于無狀態(tài)協(xié)議。 面試闖關(guān)2 1.一個(gè)頁面從輸入U(xiǎn)RL到頁面加載顯示完成,這個(gè)過程中都發(fā)生了什么? 瀏覽器都會開啟一個(gè)線程來處理這個(gè)請求,同時(shí)在遠(yuǎn)程DNS服務(wù)器上啟...
摘要:對象數(shù)組初始化表達(dá)式,闖關(guān)記之上文檔對象模型是針對和文檔的一個(gè)。闖關(guān)記之?dāng)?shù)組數(shù)組是值的有序集合。數(shù)組是動態(tài)的,根闖關(guān)記之語法的語法大量借鑒了及其他類語言如和的語法。 《JavaScript 闖關(guān)記》之 DOM(下) Element 類型 除了 Document 類型之外,Element 類型就要算是 Web 編程中最常用的類型了。Element 類型用于表現(xiàn) XML 或 HTML 元素...
閱讀 1731·2021-10-13 09:39
閱讀 2152·2021-09-07 10:20
閱讀 2746·2019-08-30 15:56
閱讀 3015·2019-08-30 15:56
閱讀 989·2019-08-30 15:55
閱讀 725·2019-08-30 15:46
閱讀 3546·2019-08-30 15:44
閱讀 2618·2019-08-30 11:15