Web前端初級(jí)面試題總結(jié)

發(fā)布時(shí)間：2018-11-02 11:17,

瀏覽次數(shù)：549

, 標(biāo)簽：

Web

Web篇：

1.常見(jiàn)的瀏覽器內(nèi)核有哪些？

IE：Trident內(nèi)核????????? ? ?FireFox：gecko內(nèi)核????????????????Opera?：

原是用Presto，現(xiàn)改用Blink

Safari?：webkit內(nèi)核? ?????Chrome：Blink(WebKit的分支)

2.前端頁(yè)面有哪三層構(gòu)成，分別是什么?作用是什么?

結(jié)構(gòu)層 Html ????表示層 CSS ????行為層 js

3.請(qǐng)描述一下 cookies，sessionStorage 和 localStorage 的區(qū)別？

sessionStorage 和 localStorage 是HTML5 Web Storage API

提供的，可以方便的在web請(qǐng)求之間保存數(shù)據(jù)。有了本地?cái)?shù)據(jù)，就可以避免數(shù)據(jù)在瀏覽器和服務(wù)器間不必要地來(lái)回傳遞。

sessionStorage、localStorage、cookie都是在瀏覽器端存儲(chǔ)的數(shù)據(jù)，其中sessionStorage的概念很特別，引入了一個(gè)”瀏覽器窗口”的概念。sessionStorage是在同源的同窗口(或tab)中，始終存在的數(shù)據(jù)。也就是說(shuō)只要這個(gè)瀏覽器窗口沒(méi)有關(guān)閉，即使刷新頁(yè)面或進(jìn)入同源另一頁(yè)面，數(shù)據(jù)仍然存在。關(guān)閉窗口后，sessionStorage即被銷毀。同時(shí)”獨(dú)立”打開(kāi)的不同窗口，即使是同一頁(yè)面，sessionStorage對(duì)象也是不同的

cookies會(huì)發(fā)送到服務(wù)器端。其余兩個(gè)不會(huì)。

4.ajax的缺點(diǎn)

ajax不支持瀏覽器back按鈕。

安全問(wèn)題 AJAX暴露了與服務(wù)器交互的細(xì)節(jié)。

對(duì)搜索引擎的支持比較弱。

破壞了程序的異常機(jī)制。不容易調(diào)試。

5.怎樣添加、移除、移動(dòng)、復(fù)制、創(chuàng)建和查找節(jié)點(diǎn)。

1)創(chuàng)建新節(jié)點(diǎn)

createDocumentFragment() //創(chuàng)建一個(gè)DOM片段 createElement() //創(chuàng)建一個(gè)具體的元素

createTextNode() //創(chuàng)建一個(gè)文本節(jié)點(diǎn)2)添加、移除、替換、插入 appendChild() removeChild()

replaceChild() insertBefore() //并沒(méi)有insertAfter()3)查找 getElementsByTagName()

//通過(guò)標(biāo)簽名稱 getElementsByName() //通過(guò)元素的Name屬性的值(IE容錯(cuò)能力較強(qiáng)， 會(huì)得到一個(gè)數(shù)組，其中包括id等于name值的)

getElementById() //通過(guò)元素Id，唯一性

HTML5篇：

1.html5有哪些新特性、移除了那些元素？

新增的元素有繪畫(huà) canvas ，用于媒介回放的 video 和 audio 元素，本地離線存儲(chǔ) localStorage

長(zhǎng)期存儲(chǔ)數(shù)據(jù)，瀏覽器關(guān)閉后數(shù)據(jù)不丟失，而sessionStorage的數(shù)據(jù)在瀏覽器關(guān)閉后自動(dòng)刪除，此外，還新增了以下的幾大類元素。

內(nèi)容元素，article、footer、header、nav、section。

表單控件，calendar、date、time、email、url、search。

控件元素，webworker, websockt, Geolocation。

移出的元素有下列這些：

顯現(xiàn)層元素：basefont，big，center，font, s，strike，tt，u。

性能較差元素：frame，frameset，noframes。

2.如何處理HTML5新標(biāo)簽的瀏覽器兼容問(wèn)題？

處理兼容問(wèn)題有兩種方式：

(1)????IE8/IE7/IE6支持通過(guò)document.createElement方法產(chǎn)生的標(biāo)簽，利用這一特性讓這些瀏覽器支持HTML5新標(biāo)簽。

(2)????最好的方式是直接使用成熟的框架、使用最多的是html5shim框架

3.如何區(qū)分 HTML 和HTML5？

DOCTYPE聲明的方式是區(qū)分HTML和HTML5標(biāo)志的一個(gè)重要因素，此外，還可以根據(jù)新增的結(jié)構(gòu)、功能元素來(lái)加以區(qū)分。

4.行內(nèi)元素有哪些？塊級(jí)元素有哪些？空(void)元素有哪些？

行內(nèi)元素有：a b span img input select strong

塊級(jí)元素有：div ul ol li dl dt dd h1 h2 h3 h4…p

知名的空元素：

---

鮮為人知的是：

5.什么是 FOUC(無(wú)樣式內(nèi)容閃爍)？你如何來(lái)避免 FOUC？

而引用CSS文件的@import就是造成這個(gè)問(wèn)題的罪魁禍?zhǔn)住?/p>

IE會(huì)先加載整個(gè)HTML文檔的DOM，然后再去導(dǎo)入外部的CSS文件，

因此，在頁(yè)面DOM加載完成到CSS導(dǎo)入完成中間會(huì)有一段時(shí)間頁(yè)面上的內(nèi)容是沒(méi)有樣式的，這段時(shí)間的長(zhǎng)短跟網(wǎng)速，電腦速度都有關(guān)系。

解決方法簡(jiǎn)單的出奇，只要在

之間加入一個(gè)或者

總結(jié)

以上是生活随笔為你收集整理的js考试题 html5新特性,Web前端初级面试题总结的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。