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