Web前端面試筆試題總結

最近一段時間要畢業了，忙着找工做，見過很多筆試面試題，本身總結了一些加上網上找的一些整合了一下。答案暫時都東拼西湊出來了，可是仍是先不發出來，一方面是答案並非惟一的而且本身的答案不能保證對，另外一方面但願看到本文的夥伴能本身去找答案，畢竟，技術只有本身真正理解了纔是本身的東西，共勉。

小白第一次發文，恭請指點。PS(答案在這裏)

Web前端面試筆試題

Html+css

1.對WEB標準以及w3c的理解與認識。

2.Xhtml和html有什麼區別。

3.css的引入方式有哪些？link和@import的區別是？

4.css選擇符有哪些？哪些屬性能夠繼承？優先級如何計算？內聯和important哪一個優先級高？

5.前端頁面由哪三層構成，分別是什麼？做用是什麼？

6.css的基本語句構成是？

7.你曾經在哪些瀏覽器測試過兼容？這些瀏覽器的內核分別是什麼？

8.<img>標籤上title與alt屬性的區別是什麼？

9.寫出幾種IE6 BUG的解決方法

10.描述css reset的做用和用途。

11.你如何對網站的文件和資源進行優化？期待的解決方案包括:

12.什麼是語義化的html？

13.清除浮動有幾種方式？各自的優缺點是？

14.瀏覽器標準模式和怪異模式之間的區別是什麼？

15.解釋下 CSS sprites，以及你要如何在頁面或網站中使用它

16.討論CSS hacks，條件引用或者其餘?

17.解釋下瀏覽器是如何判斷元素是否匹配某個 CSS 選擇器?

18.你能描述一下漸進加強和優雅降級之間的不一樣嗎?

19.CSS字母大寫?

20.CSS選擇器都有哪些

21.超連接訪問事後hover樣式就不出現的問題是什麼？如何解決？

22.瀏覽器還有默認的天生inline-block元素（擁有內在尺寸，可設置高寬，但不會自動換行），有哪些？

23.px和em，rem的區別

Javascript

1.javascript的typeof返回哪些數據類型？

2.例舉3種強制類型轉換和2種隱式類型轉換。

3.Split()和join()的區別。

4.事件綁定和普通事件有什麼區別？

5.數組方法pop() push() unshift() shift()

6.Ie和dom事件流的區別？

7.Ie和標準下有哪些兼容性的寫法？

8.Ajax的get和post方式的區別？

9.call和apply的區別？

10.Ajax請求時，如何解析json數據？

11.什麼是javascript的本地對象，內置對象和宿主對象？

12.Document load和document ready的區別？

13.編寫一個數組去重的方法。

14.事件委託。

15.做用域鏈。

16.閉包。

17.如何阻止事件冒泡和默認事件。

18.javascript的同源策略。

19.JS排序算法。

20.解釋jsonp的原理，以及爲何不是真正的ajax。

21.CSS預處理。

22.原型鏈。

23.你知道attribute和property的區別麼。

24.解釋下 JavaScript 中 this 是如何工做的。

25.解釋下原型繼承的原理?

26.AMD vs CommonJS?

27.AMD vs CMD?

28.擴展 JavaScript 內置對象?

29.如何從瀏覽器的 URL 中獲取查詢字符串參數?

30.什麼是 "use strict"; ? 使用它的好處和壞處分別是什麼?

31.常見兼容性問題?

32.html5有哪些新特性、移除了那些元素？如何處理HTML5新標籤的瀏覽器兼容問題？如何區分 HTML 和HTML5？?

33.前端須要注意哪些SEO?

34.offsetWidth/offsetHeight,clientWidth/clientHeight與scrollWidth/scrollHeight的區別?