這篇文章主要介紹“Web前端有哪些面試題”,在日常操作中,相信很多人在Web前端有哪些面試題問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”Web前端有哪些面試題”的疑惑有所幫助!接下來,請跟著小編一起來學習吧!
HTML相關
1. <!DOCTYPE>標簽的定義與用法。
2. 塊級元素和行內元素都有哪些?
3. 你真的了解HTML嗎? 雅虎面試題 把前面黃底那段拿去搜索下就知道了(曾在某浪公司面試的時候被問到過,確實是很好的問題)。
CSS相關
1. 介紹所知道的CSS hack技巧(如:_, *, +, \9, !important 之類)。
2. 介紹CSS盒模型。
3. CSS層疊是什么?介紹一下。
4. 都知道哪些CSS瀏覽器兼容性問題。
5. 有時會被問到些刁鉆點的題,比如position值都有哪些,CSS3都有哪些新內容...
JavaScript基礎相關
1. HTTP協議的狀態消息都有哪些?(如200、302對應的描述)
2. AJAX是什么? AJAX的交互模型(流程)? AJAX跨域的解決辦法?
3. 同步和異步的區別?
4. 簡述JavaScript封裝。
5. JavaScript繼承有哪兩種形式形式,進行描述。
6. 什么是閉包?以下代碼點擊<p> 會輸出什么?為什么?能大概說明白的話繼續問能想出幾種解決辦法。
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8" /> <title>閉包演示</title> <style type="text/css"> p {background:gold;} </style> <script type="text/javascript"> function init() { var pAry = document.getElementsByTagName("p"); for( var i=0; i<pAry.length; i++ ) { pAry[i].onclick = function() { alert(i); } } } </script> </head> <body onload="init();"> <p>產品 0</p> <p>產品 1</p> <p>產品 2</p> <p>產品 3</p> <p>產品 4</p> </body> </html>
7. 在JS中this關鍵字的使用場合和用法(如在構造函數中、setTimeout中等)。
8. 簡述下cookie的操作,還有cookie的屬性都知道哪些。
9. IE與FF的JS兼容性都知道哪些。
10. DOM操作 - 怎樣添加、移除、移動、復制、創建和查找節點(這個問題真心是基礎題,一般不會問)。
jQuery相關
1. jQuery源碼是否嘗試去讀過?說說基本的架構或者 jQuery.fn.init 中都做了哪些判斷。
2. 都知道哪些不好的jQuery書寫方式。
3. Sizzle是否有讀過?
其它相關的加分項:
1. 都使用和了解過哪些編輯器?都使用和了解過哪些日常工具?
2. 都知道有哪些瀏覽器內核?開發過的項目都兼容哪些瀏覽器?
3. 國內外的JS牛人都知道哪些?
4. 瀑布流布局或者流式布局是否有了解
4. 正則表達式有系統學習過嗎(看書或網上教程)?有的話就問問簡單點的郵箱驗證、URL驗證, 或者問問 貪婪匹配與懶惰匹配 的理論知識。
5. Node.js是否有過嘗試?到什么程度?說說個人理解的看法?
6. HTML5都有哪些新的JS API?
7. 前端優化知識都知道哪些?
8. 基礎算法題(如快速排序,能否一兩句說說重要的核心原理或者數組消重等)。
9. 是否有接觸過或者了解過重構。
到此,關于“Web前端有哪些面試題”的學習就結束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習,快去試試吧!若想繼續學習更多相關知識,請繼續關注億速云網站,小編會繼續努力為大家帶來更多實用的文章!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。