前端面試題及答案2020

1、前端面試題及答案20201.瀏覽器篇1.1常用那幾種瀏覽器測(cè)試？主流瀏覽器的內(nèi)核有哪些？Ql ： IE、Safari、ChrOmeS MOZiIla FirefOXX OPeraQ2:1、Trident 內(nèi)核代表產(chǎn)品為 Internet EXPIOrer, 乂稱(chēng)其為 IE 內(nèi)核。Tndent （乂稱(chēng)為 MSHTML）, 是微軟開(kāi)發(fā)的一種排版引擎。2、GeCkO 內(nèi)核代表作品為MOZilla FirefOXO GeCkO是一套開(kāi)放源代碼的、以C+編寫(xiě)的網(wǎng)頁(yè)排 版引擎，是最流行的排版引擎之一，僅次于Tndento使用它的最著名瀏覽器有 FirefOXC3、WebKit 內(nèi)核代表作品有Safari、

2、ChrOmeO WebKit是一個(gè)開(kāi)源項(xiàng)Ll,主要用于MaCOS系統(tǒng), 它的特點(diǎn)在于源碼結(jié)構(gòu)清晰、渲染速度極快。缺點(diǎn)是對(duì)網(wǎng)頁(yè)代碼的兼容性不高， 導(dǎo)致一些編寫(xiě)不標(biāo)準(zhǔn)的網(wǎng)頁(yè)無(wú)法正常顯示。4、PreSto 內(nèi)核代表作品C）Pera。PreStO是山OPeraSOftWare開(kāi)發(fā)的瀏覽器排版引擎,供OPera 7.0及以上使用。1.2說(shuō)說(shuō)你對(duì)瀏覽器內(nèi)核的理解?瀏覽器內(nèi)核主要包括以下三個(gè)技術(shù)分支：排版渲染引擎、JaVaSCriPt引擎，以 及其他。排版渲染引擎：主要負(fù)責(zé)取得網(wǎng)頁(yè)的內(nèi)容（HTML、XML、圖像等）、整理信息， 以及計(jì)算網(wǎng)頁(yè)的顯示方式，然后輸出至顯示器JaVaSCriPt引擎：是用來(lái)渲染Ja

3、VaSCriPt的，JaVaSCriPt的渲染速度越快，動(dòng)態(tài) 網(wǎng)頁(yè)的展示也越快13 一個(gè)頁(yè)面從輸入U(xiǎn)RL到頁(yè)面加載顯示完成，這個(gè)過(guò)程中都 發(fā)生了什么？1 .瀏覽器根據(jù)請(qǐng)求的URL交給DNS域名解析，找到真實(shí)IP；2. 瀏覽器根據(jù)IP地址向服務(wù)器發(fā)起TCP連接，與瀏覽器建立TCP三次握手a. 客戶端向服務(wù)器發(fā)送一個(gè)建立連接的請(qǐng)求b. 服務(wù)器接到請(qǐng)求后發(fā)送同意連接的信號(hào)c. 客戶端接到同意連接的信號(hào)后，再次向服務(wù)器發(fā)送了確認(rèn)信號(hào)，然后客戶端與 服務(wù)器的連接建立成功3. 瀏覽器發(fā)送HTTP請(qǐng)求瀏覽器根據(jù)URL內(nèi)容生成HTTP請(qǐng)求，請(qǐng)求中包含請(qǐng)求文件的位置、請(qǐng)求文 件的方式等等；4服務(wù)器處理請(qǐng)求并返回

4、HTTP報(bào)文（HTTP響應(yīng)報(bào)文也是山三部分組成：狀態(tài) 碼，響應(yīng)報(bào)頭和響應(yīng)報(bào)文。）：a服務(wù)器接到請(qǐng)求后，會(huì)根據(jù)HTTP請(qǐng)求中的內(nèi)容來(lái)決定如何獲取相應(yīng)的HTML文件；b. 服務(wù)器將得到的HTML文件發(fā)送給瀏覽器；c. 在瀏覽器還沒(méi)有完全接收HTML文件時(shí)便開(kāi)始渲染、顯示網(wǎng)頁(yè)；d在執(zhí)行HTML中代碼時(shí)，根據(jù)需要，瀏覽器會(huì)繼續(xù)請(qǐng)求圖片、CSSJavsScript 等文件，過(guò)程同請(qǐng)求HTML。5. 斷開(kāi)連接1.4瀏覽器緩存1 .sessi On StOrage優(yōu)點(diǎn)：可以臨時(shí)存儲(chǔ)，關(guān)閉頁(yè)面標(biāo)簽自動(dòng)回收，不支持跨頁(yè)面交互缺點(diǎn)：只能作為臨時(shí)存儲(chǔ)，不能存儲(chǔ)持久化2o CalStOrage優(yōu)點(diǎn)：用于長(zhǎng)久保存整個(gè)網(wǎng)

5、站的數(shù)據(jù)，保存的數(shù)據(jù)沒(méi)有過(guò)期時(shí)間，直到手動(dòng)去刪 除。缺點(diǎn)：存在大小限制，IE8以上的IE版本才支持這個(gè)屬性；目前所有的瀏覽器 中都會(huì)把IOCalStOrage的值類(lèi)型限定為String類(lèi)型，這個(gè)在對(duì)我們?nèi)粘１容^常見(jiàn) 的JSON對(duì)象類(lèi)型需要一些轉(zhuǎn)換3. cookie優(yōu)點(diǎn)：兼容性最好，兒乎所有的瀏覽器都支持缺點(diǎn)：大小有限制，而且每次發(fā)送請(qǐng)求，請(qǐng)求頭里會(huì)帶著COOkie -起發(fā)過(guò)去， 現(xiàn)在基本大多數(shù)登錄的合法性驗(yàn)證都是用COOkie驗(yàn)證的4. userData優(yōu)點(diǎn)：出現(xiàn)的時(shí)間比SeSSiOnStOrage要早缺點(diǎn)：IE專(zhuān)門(mén)的存儲(chǔ)方式，存儲(chǔ)大小有限，單個(gè)文件的大小限制是128KB, 一 個(gè)域名下總共可

6、以保存1024KB的文件，文件個(gè)數(shù)應(yīng)該沒(méi)有限制。在受限站點(diǎn)里 這兩個(gè)值分別是64KB和640KB1.5. HTTP1.5.1 http狀態(tài)碼1.以2x為開(kāi)頭的都表示請(qǐng)求成功響應(yīng).狀態(tài)碼含義200請(qǐng)求成功204請(qǐng)求處理成功，但是沒(méi)有資源可以返回206對(duì)資源某一部分進(jìn)行響應(yīng)，由COntent-Range指宦范圍的實(shí)體內(nèi)容。2以3x為開(kāi)頭的都表示需要進(jìn)行附加操作以完成請(qǐng)求狀態(tài) 碼含義301永久性重左向，該狀態(tài)碼表示請(qǐng)求的資源已經(jīng)重新分配URI,以后應(yīng)該使用資源現(xiàn)有的URl302臨時(shí)性重圧向。該狀態(tài)碼表示請(qǐng)求的資源已被分配了新的URI,希望用戶（本次）能使用 新的URl訪問(wèn)。303該狀態(tài)碼表示由于請(qǐng)求

7、對(duì)應(yīng)的資源存在著另一個(gè)URI,應(yīng)使用GET方法立向獲取請(qǐng)求的 資源。304該狀態(tài)碼表示客戶端發(fā)送附簾條件的請(qǐng)求時(shí)，服務(wù)器端允許請(qǐng)求訪問(wèn)資源，但未滿足條件的 情況。307臨時(shí)重定向。該狀態(tài)碼與302 FOUnd有著相同的含義。3.以4XX的響應(yīng)結(jié)果表明客戶端是發(fā)生錯(cuò)誤的原因所在狀態(tài) 碼含義400該狀態(tài)碼表示請(qǐng)求報(bào)文中存在語(yǔ)法錯(cuò)誤。當(dāng)錯(cuò)誤發(fā)生時(shí)，需修改請(qǐng)求的內(nèi)容后再次發(fā)送 請(qǐng)求。401該狀態(tài)碼表示發(fā)送的請(qǐng)求需要有通過(guò)HTTP認(rèn)證（BASIC認(rèn)證、DIGEST認(rèn)證）的認(rèn) 證信息。403該狀態(tài)碼表明對(duì)請(qǐng)求資源的訪問(wèn)被服務(wù)器拒絕了。404該狀態(tài)碼表明服務(wù)器上無(wú)法找到請(qǐng)求的資源。4以5xx為開(kāi)頭的響應(yīng)標(biāo)頭

8、都表示服務(wù)器本身發(fā)生錯(cuò)誤狀態(tài)碼含義500該狀態(tài)碼表明服務(wù)器端在執(zhí)行請(qǐng)求時(shí)發(fā)生了錯(cuò)誤。503該狀態(tài)碼表明服務(wù)器暫時(shí)處于超負(fù)載或正在進(jìn)行停機(jī)維護(hù)，現(xiàn)在無(wú)法處理請(qǐng)求。1.5.2 URL和URl有什么區(qū)別？URl是統(tǒng)一資源標(biāo)識(shí)符，相當(dāng)于一個(gè)人身份證號(hào)碼Web上可用的每種資源如HTML文檔、圖像、視頻片段、程序等都是一個(gè)來(lái)URl 來(lái)定位的URl 般由三部組成 訪問(wèn)資源的命名機(jī)制 存放資源的主機(jī)名 資源自身的名稱(chēng)，山路徑表示，著重強(qiáng)調(diào)于資源。URL是統(tǒng)一資源定位符，相當(dāng)于一個(gè)人的家庭住址URL是Internet上用來(lái)描述信息資源的字符串，主要用在各種WWW客戶程序 和服務(wù)器程序上，特別是著名的MOSaiC

9、O采用URL可以用一種統(tǒng)一的格式來(lái)描 述各種信息資源，包括文件、服務(wù)器的地址和目錄等。URL 一般由三部組成 協(xié)議（或稱(chēng)為服務(wù)方式） 存有該資源的主機(jī)IP地址（有時(shí)也包括端口號(hào)） 主機(jī)資源的具體地址。如口錄和文件名等1.5.3 HTTP 和 HTTPS 的區(qū)別 HTTPS協(xié)議需要到CA （CertifiCateAuthority,證書(shū)頒發(fā)機(jī)構(gòu)）申請(qǐng)證 書(shū)，一般免費(fèi)證書(shū)較少，因而需要一定費(fèi)用 HTTP是超文本傳輸協(xié)議，信息是明文傳輸，HTTPS則是具有安全性的 SSL加密傳輸協(xié)議。 HTTP和HTTPS使用的是完全不同的連接方式，用的端口也不一樣， 前者是80,后者是443。 HTTP的連接很簡(jiǎn)

10、單，是無(wú)狀態(tài)的。HTTPS協(xié)議是由SSL+HTTP協(xié)議 構(gòu)建的可進(jìn)行加密傳輸、身份認(rèn)證的網(wǎng)絡(luò)協(xié)議，比HTTP協(xié)議安全。（無(wú)狀 態(tài)的意思是其數(shù)據(jù)包的發(fā)送、傳輸和接收都是相互獨(dú)立的。無(wú)連接的意思是 指通信雙方都不長(zhǎng)久的維持對(duì)方的任何信息。）2. HTML 篇2.1 DoCtyPe作用？標(biāo)準(zhǔn)模式與兼容模式各有什么區(qū)別？你知道多少種DOCtyPe文檔類(lèi)型1. DOCtyPe 作用告知瀏覽器的解析器用什么文檔標(biāo)準(zhǔn)解析這個(gè)文檔。2. 標(biāo)準(zhǔn)模式與兼容模式各有什么區(qū)別？標(biāo)準(zhǔn)模式的排版和JS運(yùn)作模式都是以該瀏覽器支持的最高標(biāo)準(zhǔn)運(yùn)行。在兼容模式中，頁(yè)面以寬松的向后兼容的方式顯示,模擬老式瀏覽器的行為以防止 站點(diǎn)無(wú)

11、法工作。簡(jiǎn)單的說(shuō)，就是盡可能的顯示能顯示的東西給用戶看。3. 你知道多少種DOCtyPe文檔類(lèi)型HTML 4.01中有3種DTD（文檔類(lèi)型定義）聲明可以選擇:過(guò)渡的（TranSitionaI）、 嚴(yán)格的（StriCt）和框架的（FrameSet）2.2說(shuō)說(shuō)你對(duì)語(yǔ)義化的理解?語(yǔ)義化的優(yōu)點(diǎn)有: 代碼結(jié)構(gòu)清晰，易于閱讀，利于開(kāi)發(fā)和維護(hù) 提高用于體驗(yàn)，在樣式加載失敗時(shí)，頁(yè)面結(jié)構(gòu)清晰 方便其他設(shè)備解析（如屏幕閱讀器）根據(jù)語(yǔ)義渲染網(wǎng)頁(yè)。 有利于搜索引擎優(yōu)化（SEC）,搜索引擎爬蟲(chóng)會(huì)根據(jù)不同的標(biāo)簽來(lái)賦予 不同的權(quán)重語(yǔ)義化標(biāo)簽主要有title,header, namai n,article,h1h6,ul,o

12、l,address,ca nv as,dialog,aside,secti on,figure,details,mark2.3 HTML與XHTML有什么區(qū)別？ 其基礎(chǔ)語(yǔ)言不同1、XHTML是基于du可擴(kuò)展標(biāo)記語(yǔ)言（XML）。2、HTML是基于標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言（SGML）。 語(yǔ)法嚴(yán)格程度不同1、XHTML語(yǔ)法比較嚴(yán)格，存在DTD定義規(guī)則。2、HTML語(yǔ)法要求比較松散，這樣對(duì)網(wǎng)頁(yè)編寫(xiě)者來(lái)說(shuō)，比較方便。 可混合應(yīng)用不同1、XHTML可以混合各種XML應(yīng)用，比如MathML. SVGo2、HTML不能混合其它XML應(yīng)用。 大小寫(xiě)敏感度不同1、XHTML對(duì)大小寫(xiě)敏感，標(biāo)準(zhǔn)的XHTML標(biāo)簽應(yīng)該使用小寫(xiě)。

13、2、HTML對(duì)大小寫(xiě)不敏感。 公布時(shí)間不同1、XHTML是2000年W3C公布發(fā)行的。2、HTML4.01是1999年W3C推薦標(biāo)準(zhǔn)。2.4頁(yè)導(dǎo)入樣式時(shí),使用Iink和import有什么區(qū)別？1屬性差別。Iink屬于XHTML標(biāo)簽，而import完全是CSS提供的語(yǔ)法規(guī)則。 Iink標(biāo)簽除了可以加載CSS外，還可以做很多其它的事情，比如定義RSS,定 義rel連接屬性等，import就只能加載CSS To2加載順序的差別。當(dāng)一個(gè)頁(yè)面被加載的時(shí)候（就是被瀏覽者瀏覽的時(shí)候），link 引用的CSS會(huì)同時(shí)被加載，而import引用的CSS會(huì)等到頁(yè)面全部被下載完 再被加載。所以有時(shí)候?yàn)g覽import加

14、載CSS的貝面時(shí)開(kāi)始會(huì)沒(méi)有樣式（就是 閃爍），網(wǎng)速慢的時(shí)候還挺明顯.3兼容性的差別。由于import是CSS2.1提出的所以老的瀏覽器不支持， import只有在IE5以上的才能識(shí)別，而Iink標(biāo)簽無(wú)此問(wèn)題。4使用dom控制樣式時(shí)的差別。使用javascript控制dom去改變樣式的時(shí)候, 只能使用Iink標(biāo)簽，因?yàn)閕mport不是dom可以控制的。2.5 HTlVIL5有哪些新特性?1.語(yǔ)義化標(biāo)簽語(yǔ)義化標(biāo)簽使得頁(yè)面的內(nèi)容結(jié)構(gòu)化，見(jiàn)名知義標(biāo)簽描述定義了文檔的頭部區(qū)域定義了文檔的尾部區(qū)域定義文檔的導(dǎo)航定義文檔中的節(jié)（section、區(qū)段）定義頁(yè)面獨(dú)立的內(nèi)容區(qū)域定義頁(yè)面的側(cè)邊欄內(nèi)容用于描述文檔或文

15、檔某個(gè)部分的細(xì)節(jié)標(biāo)簽包含details元素的標(biāo)題定義對(duì)話框，比如提示框2 增強(qiáng)型表單新增表單InPUt輸入類(lèi)型。這些新特性提供了更好的輸入控制和驗(yàn)證。輸入類(lèi)型描述COIOr主要用于選取顏色輸入類(lèi)型描述date從一個(gè)日期選擇器選擇一個(gè)日期datetime選擇一個(gè)日期（UTC時(shí)間）datetime-local選擇一個(gè)日期和時(shí)間（無(wú)時(shí)區(qū)）包含e-mail地址的輸入域month選擇一個(gè)月份number數(shù)值的輸入域range一定范圍內(nèi)數(shù)字值的輸入域SearCh用于搜索域tel定義輸入電話號(hào)碼字段time選擇一個(gè)時(shí)間UrIURL地址的輸入域Week選擇周和年3 新增表單元素:表單元素描述元素規(guī)左輸入域的選

16、項(xiàng)列表，使用元素的IiSt屬性與元素的id綁定表單元素描述提供一種驗(yàn)證用戶的可靠方法，標(biāo)簽規(guī)左用于表單的密鑰對(duì)生成器字段。用于不同類(lèi)型的輸岀新增表單屬性 PlaCehOder屬性，簡(jiǎn)短的提示在用戶輸入值前會(huì)顯示在輸入域上。即我 們常見(jiàn)的輸入框默認(rèn)提示，在用戶輸入后消失。 required屬性，是一個(gè)boolean屬性。要求填寫(xiě)的輸入域不能為空 Pattern屬性，描述了一個(gè)正則表達(dá)式用于驗(yàn)證元素的值。 min和max屬性，設(shè)置元素最小值與最大值。 SteP屬性，為輸入域規(guī)定合法的數(shù)字間隔。 height和Width屬性，用于image類(lèi)型的標(biāo)簽的圖像啟J度和寬度。 autofocus屬性，是一

17、個(gè)boolean屬性。規(guī)定在頁(yè)面加載時(shí)，域自動(dòng)地 獲得焦點(diǎn)。 multiple屬性，是一個(gè)boolean屬性。規(guī)定 元素中可選擇多個(gè)值。1. 新增視頻和音頻標(biāo)簽2. CanVaS 繪圖3. SVG繪圖4. 地理定位5. 拖放APl6. Web WOrker7. Web StOrage8. WebSOCket2.6 iframe的優(yōu)缺點(diǎn)？?jī)?yōu)點(diǎn)：1 Jframe能夠原封不動(dòng)的把嵌入的網(wǎng)頁(yè)展現(xiàn)出來(lái)。2. 如果有多個(gè)網(wǎng)頁(yè)引用iframe,那么你只需要修改iframe的內(nèi)容，就可以實(shí)現(xiàn) 調(diào)用的每一個(gè)頁(yè)面內(nèi)容的更改，方便快捷。3. 網(wǎng)頁(yè)如果為了統(tǒng)一風(fēng)格，頭部和版本都是一樣的，就可以寫(xiě)成一個(gè)頁(yè)面，用 ifr

18、ame來(lái)嵌套，可以增加代碼的可重用。4. 如果遇到加載緩慢的第三方內(nèi)容如圖標(biāo)和廣告，這些問(wèn)題可以ill iframe來(lái)解 決。缺點(diǎn)：1會(huì)產(chǎn)生很多頁(yè)面，不容易管理。2.iframe框架結(jié)構(gòu)有時(shí)會(huì)讓人感到迷惑，如果框架個(gè)數(shù)多的話，可能會(huì)出現(xiàn)上下、 左右滾動(dòng)條，會(huì)分散訪問(wèn)者的注意力，用戶體驗(yàn)度差。3代碼復(fù)雜，無(wú)法被一些搜索引擎索引到，這一點(diǎn)很關(guān)鍵，現(xiàn)在的搜索引擎爬蟲(chóng) 還不能很好的處理iframe中的內(nèi)容，所以使用iframe會(huì)不利于搜索引擎優(yōu)化。4.很多的移動(dòng)設(shè)備（PDA手機(jī)）無(wú)法完全顯示框架，設(shè)備兼容性差。5.iframe框架頁(yè)面會(huì)增加服務(wù)器的http請(qǐng)求，對(duì)于大型網(wǎng)站是不可取的。2.7 img中

19、的alt與title屬性alt是圖片加載失敗時(shí)，顯示在網(wǎng)頁(yè)上的替代文字；title是鼠標(biāo)放在圖片上面時(shí)顯示的文字，title是對(duì)圖片的描述與進(jìn)一步說(shuō)明；alt是img必要的屬性，而title不是；對(duì)于網(wǎng)站SeO優(yōu)化來(lái)說(shuō)，title與alt還有最重要的一點(diǎn)：搜索引擎對(duì)圖片意思的判斷，主要靠alt屬性。所以在圖片alt屬性中以簡(jiǎn)要的 文字說(shuō)明，同時(shí)包含關(guān)鍵詞，也是頁(yè)面優(yōu)化的一部分。條件允許的話，可以在title 屬性里進(jìn)一步對(duì)圖片說(shuō)明。2.8 HTlVIL的中.如何寫(xiě)一個(gè)值為a = b的屬性值？3. CSS 篇3.1行內(nèi)元素有哪些？塊級(jí)元素有哪些？ CSS的盒模型？3.2清除浮動(dòng)有哪些方武?3.3

20、 CSS選擇符都有哪些？哪些屬性可以繼承？?jī)?yōu)先級(jí)算法如何計(jì)算？3.4 CSS3新増偽類(lèi)有哪些?3.5如何居中div?3.6為什么要初始化CSS?3.7說(shuō)說(shuō)你對(duì)BFC規(guī)范的理解?一、什么是BFC?BFC全稱(chēng)：塊級(jí)格式化上下文（blockformattingcontext）,簡(jiǎn)單來(lái)說(shuō)它就 是一種屬性，這種屬性會(huì)影響元素與元素之間的位置、間距二、形成BFC的條件1 float：給元素添加浮動(dòng)（屬性值為left right,但none除外）2、POSition：給元素添加定位（屬性值為absolute或fixed）3、CIiSPlay：給元素添加 display 屬性（屬性值為 inline-bloc

21、k table-cell 或 table-capti On）4、OVerflow：給元素添加 OVerfIOW 屬性（屬性值為 hidden auto 或 scroll, 但ViSible除外）三、BFC形成后出現(xiàn)的常見(jiàn)問(wèn)題1、margin重疊問(wèn)題2、浮動(dòng)相關(guān)問(wèn)題3.8講講POSitiOn float display各有哪些取值,它們互相之間會(huì)如何影響？3.9純CSS實(shí)現(xiàn)三角形1.box 2Width:0px;3height:0px;4border-top:5px SOIid rgba(0j,6j);5border-right:50px SOIid rgba(0jjj);6border-bot

22、tom:50px SOIiCl red;7border-left:5px SOlid rgta(j6jj);84 JS 篇4.1面向?qū)ο?.2什么是閉包？閉包的特性是什么？閉包其實(shí)只是一個(gè)綁定了執(zhí)行環(huán)境的函數(shù)閉包的特性：1. 封閉性：外界無(wú)法訪問(wèn)閉包內(nèi)部的數(shù)據(jù)，如果在閉包內(nèi)聲明變量，外界是無(wú)法 訪問(wèn)的，除非閉包主動(dòng)向外界提供訪問(wèn)接口；2持久性：一般的函數(shù)，調(diào)用完之后，系統(tǒng)會(huì)自動(dòng)注銷(xiāo)函數(shù)，而對(duì)于閉包來(lái)說(shuō)， 在外部函數(shù)被調(diào)用之后，閉包依然存在。4.3繼承4.4 DOM操作（添加、移除.移動(dòng)、復(fù)制.創(chuàng)建和查找節(jié)點(diǎn)）4.5介紹一下IWW操作符。NeW操作符具體干了什么？1創(chuàng)建一個(gè)空對(duì)象，并且this變

23、量引用該對(duì)象，同時(shí)還繼承了該函數(shù)的原型。 2屬性和方法被加到this引用的對(duì)象中。3. 新創(chuàng)建的對(duì)象由this所引用，并且最后隱式的返回thiso4.6 HTlVIL5離線存儲(chǔ)4.7 JS的數(shù)據(jù)類(lèi)型基本數(shù)據(jù)類(lèi)型：Number、String Boolean、Null、Undefined SymbOl （ES6）, 引用數(shù)據(jù)類(lèi)型：ObjeCt（在JS中除了基本數(shù)據(jù)類(lèi)型以外都是對(duì)象）詳細(xì)請(qǐng)查看：typeof操作符檢測(cè)變量的數(shù)據(jù)類(lèi)型4.8 null 和 Undefined 的區(qū)別4.9 CallO和 appy的區(qū)別傳參方式不同1 fun.call(thisArgjargljarg2jarg3j.);2

24、 fun.apply(thisArg,argl,arg2,arg3,.)4.10深拷貝和淺拷貝4.11 ajax4.12數(shù)組去重4.13 this 對(duì)象4.14 eva01 .eval的功能是把對(duì)應(yīng)的字符串解析成JS代碼并運(yùn)行2. 應(yīng)該避免使用eval,不安全，而且非常消耗性能（2次，一次是解析成js語(yǔ)句, 一次是執(zhí)行）3. l JSON字符串轉(zhuǎn)換為JSON對(duì)象的時(shí)候可以用eval（）1 Iet Obj = eval( + Str + )t);4.15什么是UA?4.16什么是事件委托？4.17 PrOmiSePrOmiSe是JaVaSCriPt語(yǔ)言提供的一種標(biāo)準(zhǔn)化的異步管理方式，它的總體思想

25、 是，需要進(jìn)行io、等待或者其它異步操作的函數(shù)，不返回真實(shí)結(jié)果，而返回一 個(gè)“承諾”，函數(shù)的調(diào)用方可以在合適的時(shí)機(jī)，選擇等待這個(gè)承諾兌現(xiàn)（通過(guò)PrOmiSe的then方法的回調(diào)）。4.18 WindOW.onload 和 documentready 的區(qū)別？哪一個(gè) 先執(zhí)行？般情況一個(gè)頁(yè)面響應(yīng)加載的順序是，域名解析-加載html-l載js和CSS-加載 圖片等其他信息。WindOW.onload是在DOM文檔樹(shù)加載完和所有文件加載完之后執(zhí)行一個(gè)函數(shù), 也就是在頁(yè)面響應(yīng)加載的順序中的“加載圖片等其他信息”之后，可以操作DOMO 只能執(zhí)行一次，如果有多個(gè)，那么第一次的執(zhí)行會(huì)被覆蓋document.r

26、eady是在DOM加載完成后就可以可以對(duì)DOM進(jìn)行操作，也就是 在在“加載js和css”和“加載圖片等其他信息”之間，就可以操作DOM To可以 執(zhí)行多次所以，document.ready函數(shù)只需對(duì)DOM樹(shù)的等待，而無(wú)需對(duì)圖像或外部資源 加載的等待，從而執(zhí)行起來(lái)更快4.19 Var. Iet和COnSt有什么區(qū)別1. var定義的變量可以跨塊作用域訪問(wèn)，不可以跨函數(shù)作用域訪問(wèn)。2.let定義的變量，只能在塊作用域里訪問(wèn)，不能跨塊訪問(wèn)，也不能跨函數(shù)訪問(wèn)； 不允許在相同作用域內(nèi)，重復(fù)聲明同一個(gè)變量。3. const定義的常量，初始化時(shí)必須賦值，只能在塊作用域里使用，不能修改。 詳細(xì)請(qǐng)査看：VarX

27、 let、COnSt三者的區(qū)別4.20 JaVaSCriPt啟動(dòng)后，內(nèi)存中有多少個(gè)對(duì)象？如何用代碼來(lái) 獲得這些信息?5. 前端安全問(wèn)題5.1 XSS跨站腳本攻擊（XSS）通常指的是通過(guò)利用網(wǎng)頁(yè)開(kāi)發(fā)時(shí)留下的漏洞，通過(guò)巧妙的 方法注入惡意指令代碼到網(wǎng)頁(yè)，使用戶加載并執(zhí)行攻擊者惡意制造的網(wǎng)頁(yè)程序。 常用的XSS攻擊手段和目的有：1、盜用cookie,獲取敏感信息。2、利用植入Flash,通過(guò)CrOSSdorrlain權(quán)限設(shè)置進(jìn)一步獲取更苛權(quán)限；或者利用JaVa等得到類(lèi)似的操作。3、利用iframes frame、XMLHttPReqUeSt或上述FlaSh等方式，以（被攻擊） 用戶的身份執(zhí)行一些管理動(dòng)作，或執(zhí)行一些一般的如發(fā)微博、加好友、發(fā)私信等 操作。4