前端面試必問

很奇怪雖然我不做前端工作，但卻莫名的喜歡前端，當個愛好吧。

HTML+CSS篇

1. CSS3選擇器有哪些，優先順序如何？
2. 如何引入第三方js指令碼及css樣式檔案？
3. HTML5新特性？用到了哪些？
4. HTML5新定義了一些語義化標籤，有哪些？語義化標籤的優點是？
5. CSS3新特性？用到了哪些？最基礎的圓角、漸變效果如何實現？
6. localStorage、sessionStorage、cookie的區別以及它們的應用場景？
7. 大概瞭解HTML5是如何做離線瀏覽的？應用程式快取Application Cache
8. Div+CSS佈局比Table佈局的優勢？
9. HTML行級元素和塊級元素標籤都有哪些？它們的區別是什麼？如何相互轉換？
10. display:none與visibility:hidden的區別是什麼？
11. Sass、Less是什麼？大家為什麼要使用他們？
12. 請用CSS寫一個簡單的幻燈片效果頁面？使用animation動畫實現一個簡單的幻燈片效果
13. CSS都有哪些佈局方式？彈性佈局，流式佈局，盒子模型。學習css佈局http://zh.learnlayout.com/inline-block.html
14. 如何理解響應式佈局？
15. CSS相對定位、絕對定位的關鍵字？如何應用？
16. CSS如何清除浮動？
17. 如何實現頁面內容永遠居中顯示？margin: 0 auto的用法
18. 從HTML，CSS角度有哪些措施或規範可以提高頁面載入速度？
19. Form表單有幾種提交方式？區別是什麼？
20. 如何理解表現與內容相分離？

Javascript篇(http://www.jianshu.com/p/fc1faa8730b2)

1. 介紹一下JS有哪些內建物件？
2. call和apply的作用是什麼？區別是什麼？
3. 介紹一下JavaScript 原型，原型鏈，它們有何特點？
4. JavaScript如何實現繼承？
5. JavaScript 有哪幾種建立物件的方式？
6. 事件是什麼？IE與火狐的事件機制有何區別？如何阻止冒泡？
7. 什麼是閉包(closure)，為什麼要用它？怎麼用的？
8. Ajax是什麼？如何建立一個Ajax？
9. 談一談你對 ECMAScript6 的瞭解？有什麼新的特性？
10. DOM操作——怎樣新增、移除、移動、複製、建立和查詢節點？
11. 如何理解MVC模式？
12. 分別用Javascript原生程式碼與Jquery寫出幻燈片效果？
13. 什麼是回撥？回撥函式是如何實現的？
14. 獲取介面上所有的checkbox並遍歷它們。
15. vue的幾大特點是什麼？
16. Vue.js的常用指令以及它們的用法？
17. 解釋下JavaScript中this是如何工作的。
18. 寫一個Javascript方法將陣列進行排序？
19. 對字串有哪些操作函式？
20. 用過哪些Javascript框架？這些框架分別解決什麼問題？