Web前端年後跳槽必看的各類面試題

時間 2019-11-30

標籤 web 前端年後跳槽看的各類面試欄目 HTML 简体版

原文原文鏈接

幸運且光榮的被老大安排了一個任務 - 「去整理些前端面試題」。年前確實不是招人的好時候，因此咱們前端團隊通過了超負荷的運轉，終於堅持過了春節。春節之後就開始招人啦，這套題考察的目標就是基礎基礎再基礎，嘿嘿。javascript

事先聲明：css

◆ 這些題目的來源：面試曾經被問過;工做被別人問過或者碰見過;網上看見過...html

◆ 答案真心不給提供，真的是許多問題都須要我的的理解和沉澱，因此還請各位本身動手...前端能夠試試本身差很少能回答多少題，哈哈。前端

◆ 其實不少題我也沒有好答案，面試的時候若是遇到牛人我也能夠順便交流交流，反正我也只是一面，不丟人也不怕丟人。java

◆ 若是朋友們有好的面試題歡迎提建議，我會其實補充更新的，先謝謝各位了。面試

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. 是否有接觸過或者瞭解太重構。

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。