Web前端初級面試題總結

發布時間：2018-11-02 11:17,

瀏覽次數：549

, 標簽：

Web

Web篇：

1.常見的瀏覽器內核有哪些？

IE：Trident內核????????? ? ?FireFox：gecko內核????????????????Opera?：

原是用Presto，現改用Blink

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

2.前端頁面有哪三層構成，分別是什么?作用是什么?

結構層 Html ????表示層 CSS ????行為層 js

3.請描述一下 cookies，sessionStorage 和 localStorage 的區別？

sessionStorage 和 localStorage 是HTML5 Web Storage API

提供的，可以方便的在web請求之間保存數據。有了本地數據，就可以避免數據在瀏覽器和服務器間不必要地來回傳遞。

sessionStorage、localStorage、cookie都是在瀏覽器端存儲的數據，其中sessionStorage的概念很特別，引入了一個”瀏覽器窗口”的概念。sessionStorage是在同源的同窗口(或tab)中，始終存在的數據。也就是說只要這個瀏覽器窗口沒有關閉，即使刷新頁面或進入同源另一頁面，數據仍然存在。關閉窗口后，sessionStorage即被銷毀。同時”獨立”打開的不同窗口，即使是同一頁面，sessionStorage對象也是不同的

cookies會發送到服務器端。其余兩個不會。

4.ajax的缺點

ajax不支持瀏覽器back按鈕。

安全問題 AJAX暴露了與服務器交互的細節。

對搜索引擎的支持比較弱。

破壞了程序的異常機制。不容易調試。

5.怎樣添加、移除、移動、復制、創建和查找節點。

1)創建新節點

createDocumentFragment() //創建一個DOM片段 createElement() //創建一個具體的元素

createTextNode() //創建一個文本節點2)添加、移除、替換、插入 appendChild() removeChild()

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

//通過標簽名稱 getElementsByName() //通過元素的Name屬性的值(IE容錯能力較強， 會得到一個數組，其中包括id等于name值的)

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

HTML5篇：

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

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

長期存儲數據，瀏覽器關閉后數據不丟失，而sessionStorage的數據在瀏覽器關閉后自動刪除，此外，還新增了以下的幾大類元素。

內容元素，article、footer、header、nav、section。

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

控件元素，webworker, websockt, Geolocation。

移出的元素有下列這些：

顯現層元素：basefont，big，center，font, s，strike，tt，u。

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

2.如何處理HTML5新標簽的瀏覽器兼容問題？

處理兼容問題有兩種方式：

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

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

3.如何區分 HTML 和HTML5？

DOCTYPE聲明的方式是區分HTML和HTML5標志的一個重要因素，此外，還可以根據新增的結構、功能元素來加以區分。

4.行內元素有哪些？塊級元素有哪些？空(void)元素有哪些？

行內元素有：a b span img input select strong

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

知名的空元素：

---

鮮為人知的是：

5.什么是 FOUC(無樣式內容閃爍)？你如何來避免 FOUC？

而引用CSS文件的@import就是造成這個問題的罪魁禍首。

IE會先加載整個HTML文檔的DOM，然后再去導入外部的CSS文件，

因此，在頁面DOM加載完成到CSS導入完成中間會有一段時間頁面上的內容是沒有樣式的，這段時間的長短跟網速，電腦速度都有關系。

解決方法簡單的出奇，只要在

之間加入一個或者

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。