『壹』 面試Web前端需要注意什麼會面試哪些問題
作為一名HTML5前端工程師，為了工作，為了就業我們免不了要參加各種各樣的面試。為此總結了面試前的注意事項：
第一：注意自己的儀容儀表
面試之前，一定要再次從頭到腳地將自己的儀容儀表檢查一遍。檢查時主要包括，自己的牙縫是不是還有食物殘渣，所以你需要就近找一個衛生間，如果沒有衛生間就近找一個角落也是可以的，但是切記一定不要在大庭廣眾之下。因此，為了給自己整理出著裝的時間請在約定時間前20分鍾到達。
第二：再次檢查面試時所需的資料是否都已帶全
這些資料主要包括：身份證明、學歷文憑證明、個人簡歷、以往作品等等，如果這些東西齊全之後，需要對這些資料做一個整理與排序。因為沒有哪個面試官希望看到面試者拿出一堆「莫名其妙」的東西塞給他，讓他自己再一頁一頁的翻找自己需要的內容，如果說這些資料在面試官手中不小心散落一地，結果可想而知。這樣的求職者在面試官眼中也一定不是一個讓人放心、有條不紊的員工。當然如果檢查時發現資料沒有帶全，也不要緊張。反而你要慶倖幸虧及時檢查，也有足夠的時間組織語言去向面試官解釋。
第三：面試之前將通信工具調成振動或關閉狀態
雖然說面試者與面試官之間是一個平等的關系，但畢竟你是去人家公司求職的，始終處於一個被動的狀態，所以最起碼的尊重還是要做到的。曾經有調查顯示，對於面試過程中接電話或是被電話打斷的求職者，會被HR減分。
第四：等候面試官時，仔細觀察多了解面試公司
在等候面試官時，可以暗自觀察一下公司的大體情況比如員工的著裝風格、公司的LOGO或是貼在牆上的企業文化、公司的環境等等，一來可以在接下來的面試過程中表現出自己對公司的認同感，二來也可以讓自己對求職公司多些了解，以確定是否要接受這里的工作。如果你身邊有公司的資料宣傳架，不妨取一本翻看一下，也會增加HR對你的好感。
第五：放鬆心情，保持自信
面試時一定要保持一定的自信，這樣也會給面試官留下很好的印象。面試只是你步入工作的第一步，即便是失敗了那也是人生重要的經歷。失敗是為了更好的迎接下一個挑戰。
作為一名web前端工程師千萬不要覺得懂技術面試就能萬事大吉了，像以上五點細節性的東西也是一定要掌握的。
面試題系列：
網頁鏈接
『貳』 2020年Web前端面試題匯總(一)
今天小編要跟大家分享的文章是關於2020年Web前端面試題匯總。由於內容較多小編分開為大家介紹，今天首先來和小編一起看一看第一部分的內容，希望這些面試題能夠對正准備找Web前端相關工作的小夥伴們有所幫助。
1.說幾條寫JavaScript的基本規范?
1)不要在同一行聲明多個變數;
2)請使用===/!==來比較true/false或者數值;
3)使用對象字面量替代newObject這種形式;
4)減少使用全局函數,全局變數;
5)switch語句必須帶有default分支;
6)if語句必須使用大括弧;
7)for-in循環中的變數;
應該使用var關鍵字明確限定作用域;
從而避免作用域全局污染。
2.說說平衡二叉樹?
平衡二叉搜索樹(Self-balancingbinarysearchtree)
又被稱為AVL樹。
具有以下渣瞎性質：
1)它是一棵空樹或它的左右兩個子樹
的高度差的絕對值不超過1，
並且左右兩個子樹都是一棵平衡二叉樹。
2)平衡二叉樹必定是二叉搜索樹，反之則不一定。
3)平衡二叉樹的常用實現方法有紅黑樹、AVL、
替罪羊樹、Treap、伸展樹等。
最小二叉平衡樹的節點的公式如下：
F(n)=F(n-1)+F(n-2)+1備註：1是根節點，
F(n-1)是左子樹的節點數量，
F(n-2)是右子樹的節點數量。
3.清除浮動和解決垂直外邊距重疊的解決方案?
問題描述:
1)父元素沒有設置寬高，尺寸由子元素撐起;
子元素一旦浮動，父元素高度會發生塌陷。
2)子元素設置margin-top會作用的父元素的margin-top;
此時會造成垂直外邊距重疊。
.clearfix::after,.clearfix::before{
content:''
display:table;
clear:both;
}
4.sessionStorage、localStorage和cookie?
相同點:
都用於瀏覽器端存儲的緩存數據;
不同點:
1)存儲內容是否發送到伺服器端
當設置了Cookie後，數據會發送到伺服器端，
造成一定的寬頻浪費;xxxstorage則會將數據保存
到本地，不會造成寬頻浪費;
2)數據存儲大小不同
Cookie數據不能超過4K，適用於會話標識;
xxxstorage數據存儲可以達到5M;
3)數據存儲的有效期限不同
cookie只在設置了Cookid過期時間
之前一直有效，即使關閉窗口或者瀏覽器;
sessionStorage,僅在關閉瀏覽器之前有效;
localStorage,數據存儲永久有效;
4)作用域不同
cookie和localStorage是在同源同窗口中
都是共享的;
sessionStorage不在不同的瀏覽器窗口
中共享，即使是同一個頁面;
5.判斷一個單詞是否是迴文?
迴文是指把相同的詞彙或句子，
在下文中調換位置或顛倒過來，
產生首尾回環的情景，
叫做迴文，也叫回環。
比如cacac，redivider。
letcheckPalindrom=(str)=>{
returnstr===
str.split('').reverse().join('');
}
6.不藉助臨時變數，進行兩個整數的交換?
輸入a=3,b=1,
輸出a=1,b=3
letswap=(a,b)=>{
b=b-a;
a=a+b;
b=a-b;
return[a,b];
}
7.請寫如蘆空出至少5個html5新增的標簽，並說明其語義和應用場景?
section：定義文檔中的一個章節;
nav：定義只包含導航鏈接的章節;
header：定義頁面或章節的頭部;
它經常包含logo、頁面標題和導航性的目錄。
footer：定義頁面或章節的尾部;
它經常包含版權信息、法律信息鏈接和反饋建議用的地址。
aside：定義和頁面內容關聯度較低的內容，
如果被刪除，剩下的內容仍然很合理。
8.get和post請求在緩存方面的區別?
get請求類似於查找的過程，用戶獲取數據，
可以不用每次都與資料庫連接，所以可以使用緩存。
post不同，post做的一般是修改和刪除的工作，
所以必須與資料庫交互，所以不能使用緩存。
因此get請求適合於請求緩存。
9.如嘩漏何解決非同步回調地獄?
promise、generator、async/await
10.圖片的懶載入和預載入?
預載入：提前載入圖片，
當用戶需要查看時可直接
從本地緩存中渲染。
懶載入：懶載入的主要目的
是作為伺服器前端的優化，
減少請求數或延遲請求數。
兩種技術的本質：
兩者的行為是相反的，
一個是提前載入，
一個是遲緩甚至不載入。
懶載入對伺服器前端有一定
的緩解壓力作用，
預載入則會增加伺服器前端壓力。
11.bind，apply，call的區別?
通過apply和call改變函數的this指向，
這兩個函數的第一個參數都是一樣的，
表示要改變指向的那個對象，
第二個參數，apply是數組，
而call則是arg1,arg2...這種形式。
通過bind改變this作用域
會返回一個新的函數，
這個函數不會馬上執行。
12.js怎麼控制一次載入一張圖片，載入完後再載入下一張?
方法一:
varobj=newImage();
obj.src="#/21.jpg";
obj.onload=function(){
document.getElementById("pic")
.innnerHTML="
}
『叄』 2021面試網路工程師的題目
面試 的目的是確定面試者如何處理他們所選擇的研究領域的問題，以及他們如何批判性地思考問題。下面我給大家帶來2021面試網路工程師的題目參考，希望能幫助到大家!
Java多線程 面試題 目
1、什麼是線程?
線程是 操作系統 能夠進行運算調度的最小單位，它被包含在進程之中，是進程中的實際運作單位。程序員可以通過它進行多處理器編程，你可以使用多線程對運算密集型任務提速。比如，如果一個線程完成一個任務要100毫秒，那麼用十個線程完成改任務只需10毫秒。
2、線程和進程有什麼區別?
線程是進程的子集，一個進程可以有很多線程，每條線程並行執行不同的任務。不同的進程使用不同的內存空間，而所有的線程共享一片相同的內存空間。每個線程都擁有單獨的棧內存用來存儲本地數據。
3、如何在Java中實現線程?
兩種方式：java.lang.Thread 類的實例就是一個線程但是它需要調用java.lang.Runnable介面來執行，由於線程類本身就是調用的Runnable介面所以你可以繼承java.lang.Thread 類或者直接調用Runnable介面來重寫run() 方法 實現線程。
4、Java 關鍵字volatile 與 synchronized 作用與區別?
Volatile：
它所修飾的變數不保留拷貝，直接訪問主內存中的。
在Java內存模型中，有main memory，每個線程也有自己的memory (例如寄存器)。為了性能，一個線程會在自己的memory中保持要訪問的變數的副本。這樣就會出現同一個變數在某個瞬間，在一個線程的memory中的值可能與另外一個線程memory中的值，或者main memory中的值不一致的情況。 一個變數聲明為volatile，就意味著這個變數是隨時會被其他線程修改的，因此不能將它cache在線程memory中。
synchronized：
當它用來修飾一個方法或者一個代碼塊的時候，能夠保證在同一時刻最多隻有一個線程執行該段代碼。
一、當兩個並發線程訪問同一個對象object中的這個synchronized(this)同步代碼塊時，一個時間內只能有一個線程得到執行。另一個線程必須等待當前線程執行完這個代碼塊以後才能執行該代碼塊。
二、然而，當一個線程訪問object的一個synchronized(this)同步代碼塊時，另一個線程仍然可以訪問該object中的非synchronized(this)同步代碼塊。
三、尤其關鍵的是，當一個線程訪問object的一個synchronized(this)同步代碼塊時，其他線程對object中所有 其它 synchronized(this)同步代碼塊的訪問將被阻塞。
四、當一個線程訪問object的一個synchronized(this)同步代碼塊時，它就獲得了這個object的對象鎖。結果，其它線程對該object對象所有同步代碼部分的訪問都被暫時阻塞。
五、以上規則對其它對象鎖同樣適用。
5、有哪些不同的線程生命周期?
當我們在Java程序中新建一個線程時，它的狀態是New。當我們調用線程的start()方法時，狀態被改變為Runnable。線程調度器會為Runnable線程池中的線程分配CPU時間並且講它們的狀態改變為Running。其他的線程狀態還有Waiting，Blocked 和Dead。
6、你對線程優先順序的理解是什麼?
每一個線程都是有優先順序的，一般來說，高優先順序的線程在運行時會具有優先權，但這依賴於線程調度的實現，這個實現是和操作系統相關的(OS dependent)。
我們可以定義線程的優先順序，但是這並不能保證高優先順序的線程會在低優先順序的線程前執行。線程優先順序是一個int變數(從1-10)，1代表最低優先順序，10代表最高優先順序。
7、什麼是死鎖(Deadlock)?如何分析和避免死鎖?
死鎖是指兩個以上的線程永遠阻塞的情況，這種情況產生至少需要兩個以上的線程和兩個以上的資源。
分析死鎖，我們需要查看Java應用程序的線程轉儲。我們需要找出那些狀態為BLOCKED的線程和他們等待的資源。每個資源都有一個唯一的id，用這個id我們可以找出哪些線程已經擁有了它的對象鎖。
避免嵌套鎖，只在需要的地方使用鎖和避免無限期等待是避免死鎖的通常辦法。
8、什麼是線程安全?Vector是一個線程安全類嗎?
如果你的代碼所在的進程中有多個線程在同時運行，而這些線程可能會同時運行這段代碼。如果每次運行結果和單線程運行的結果是一樣的，而且其他的變數的值也和預期的是一樣的，就是線程安全的。
一個線程安全的計數器類的同一個實例對象在被多個線程使用的情況下也不會出現計算失誤。很顯然你可以將集合類分成兩組，線程安全和非線程安全的。Vector 是用同步方法來實現線程安全的， 而和它相似的ArrayList不是線程安全的。
9、Java中如何停止一個線程?
Java提供了很豐富的API但沒有為停止線程提供API。JDK 1.0本來有一些像stop()， suspend()和resume()的控制方法但是由於潛在的死鎖威脅因此在後續的JDK版本中他們被棄用了，之後Java API的設計者就沒有提供一個兼容且線程安全的方法來停止一個線程。
當run()或者 call()方法執行完的時候線程會自動結束，如果要手動結束一個線程，你可以用volatile 布爾變數來退出run()方法的循環或者是取消任務來中斷線程。
10、什麼是ThreadLocal?
ThreadLocal用於創建線程的本地變數，我們知道一個對象的所有線程會共享它的全局變數，所以這些變數不是線程安全的，我們可以使用同步技術。但是當我們不想使用同步的時候，我們可以選擇ThreadLocal變數。
每個線程都會擁有他們自己的Thread變數，它們可以使用get()set()方法去獲取他們的默認值或者在線程內部改變他們的值。ThreadLocal實例通常是希望它們同線程狀態關聯起來是private static屬性。
Kubernetes面試題匯總
1、什麼是Kubernetes?
Kubernetes是一個開源容器管理工具，負責容器部署，容器擴縮容以及負載平衡。作為Google的創意之作，它提供了出色的社區，並與所有雲提供商合作。因此，我們可以說Kubernetes不是一個容器化平台，而是一個多容器管理解決方案。
2、Kubernetes與Docker有什麼關系?
眾所周知，Docker提供容器的生命周期管理，Docker鏡像構建運行時容器。但是，由於這些單獨的容器必須通信，因此使用Kubernetes。因此，我們說Docker構建容器，這些容器通過Kubernetes相互通信。因此，可以使用Kubernetes手動關聯和編排在多個主機上運行的容器。
3、什麼是Container Orchestration?
考慮一個應用程序有5-6個微服務的場景。現在，這些微服務被放在單獨的容器中，但如果沒有容器編排就無法進行通信。因此，由於編排意味著所有樂器在音樂中和諧共處，所以類似的容器編排意味著各個容器中的所有服務協同工作以滿足單個伺服器的需求。
4、Kubernetes如何簡化容器化部署?
由於典型應用程序將具有跨多個主機運行的容器集群，因此所有這些容器都需要相互通信。因此，要做到這一點，你需要一些能夠負載平衡，擴展和監控容器的東西。由於Kubernetes與雲無關並且可以在任何公共/私有提供商上運行，因此必須是您簡化容器化部署的選擇。
5、您對Kubernetes的集群了解多少?
Kubernetes背後的基礎是我們可以實施所需的狀態管理，我的意思是我們可以提供特定配置的集群服務，並且集群服務將在基礎架構中運行並運行該配置。
因此，正如您所看到的，部署文件將具有提供給集群服務所需的所有配置。現在，部署文件將被提供給API，然後由集群服務決定如何在環境中安排這些pod，並確保正確運行的pod數量。
因此，位於服務前面的API，工作節點和節點運行的Kubelet進程，共同構成了Kubernetes集群。
6、Kubernetes Architecture的不同組件有哪些?
Kubernetes Architecture主要有兩個組件 - 主節點和工作節點。如下圖所示，master和worker節點中包含許多內置組件。主節點具有kube-controller-manager，kube-apiserver，kube-scheler等。而工作節點具有在每個節點上運行的kubelet和kube-proxy。
7、您能否介紹一下Kubernetes中主節點的工作情況?
Kubernetes master控制容器存在的節點和節點內部。現在，這些單獨的容器包含在容器內部和每個容器內部，您可以根據配置和要求擁有不同數量的容器。
因此，如果必須部署pod，則可以使用用戶界面或命令行界面部署它們。然後，在節點上調度這些pod，並根據資源需求，將pod分配給這些節點。kube-apiserver確保在Kubernetes節點和主組件之間建立通信。
8、kube-apiserver和kube-scheler的作用是什麼?
kube -apiserver遵循橫向擴展架構，是主節點控制面板的前端。這將公開Kubernetes主節點組件的所有API，並負責在Kubernetes節點和Kubernetes主組件之間建立通信。
kube-scheler負責工作節點上工作負載的分配和管理。因此，它根據資源需求選擇最合適的節點來運行未調度的pod，並跟蹤資源利用率。它確保不在已滿的節點上調度工作負載。
9、你對Kubernetes的負載均衡器有什麼了解?
負載均衡器是暴露服務的最常見和標准方式之一。根據工作環境使用兩種類型的負載均衡器，即內部負載均衡器或外部負載均衡器。內部負載均衡器自動平衡負載並使用所需配置分配容器，而外部負載均衡器將流量從外部負載引導至後端容器。
10、Replica Set 和 Replication Controller之間有什麼區別?
Replica Set 和 Replication Controller幾乎完全相同。它們都確保在任何給定時間運行指定數量的pod副本。不同之處在於復制pod使用的選擇器。Replica Set使用基於集合的選擇器，而Replication Controller使用基於許可權的選擇器。
Equity-Based選擇器：這種類型的選擇器允許按標簽鍵和值進行過濾。因此，在外行術語中，基於Equity的選擇器將僅查找與標簽具有完全相同 短語 的pod。
示例：假設您的標簽鍵表示app = nginx，那麼，使用此選擇器，您只能查找標簽應用程序等於nginx的那些pod。
Selector-Based選擇器：此類型的選擇器允許根據一組值過濾鍵。因此，換句話說，基於Selector的選擇器將查找已在集合中提及其標簽的pod。
示例：假設您的標簽鍵在(nginx，NPS，Apache)中顯示應用程序。然後，使用此選擇器，如果您的應用程序等於任何nginx，NPS或Apache，則選擇器將其視為真實結果。
滲透攻擊的測試步驟
1.如果原始值為2，我們使用(1+1)或(3-1)，程序作出相同回應，表明易受攻擊
2.如果單引號被過濾掉，我們可以用ASCII命令，使它返回字元的數字化代碼，如51-ASCII(1)
3.在URL編碼中，&和=用於鏈接名稱/值對，建立查詢字元串應當分別使用%26和%3d進行編碼
4.如查詢字元串不允許使用空格，使用+或%20編碼
5.分號被用於分割cookie自讀，使用%3d編碼
2021面試網路工程師的題目相關 文章 ：
★ 關於網路工程師的面試題有哪些
★ 網路管理員面試題及答案大全
★ 最新的運維工程師面試題目整理
★ 網路測試工程師面試題及答案
★ 計算機網路面試題及參考答案
★ 網路工程師面試自我介紹範文五篇
★ 面試網路技術工程師的有哪些提問
★ 最新的it運維工程師面試題整理
『肆』 誰能給我出一兩道 web前端筆試題 上機題啥的，呵呵，比較常考的
[面試題] 某企業前端開發面試題
【HTML & CSS】
1. Doctype? 嚴格模式與混雜模式-如何觸發這兩種模式，區分它們有何意義?
2. 行內元素有哪些？塊級元素有哪些？CSS的盒模型？
3. CSS引入的方式有哪些? link和@import的區別是?
4. CSS選擇符有哪些？哪些屬性可以繼承？優先順序演算法如何計算？內聯和important哪個優先順序高？
5. 前端頁面有哪三層構成，分別是什麼？作用是什麼？
6. css的基本語句構成是？
7. 你做的頁面在哪些流覽器測試過？這些瀏覽器的內核分別是什麼?經常遇到的瀏覽器的兼容性有哪些？怎麼會出現？解決方法是什麼？
8. 如何居中一個浮動元素?
9. 有沒有關注HTML5和CSS3?如有請簡單說一些您對它們的了解情況！
10. 你怎麼來實現下面這個設計圖,主要講述思路 （效果圖省略）
11. 如果讓你來製作一個訪問量很高的大型網站，你會如何來管理所有CSS文件、JS與圖片？
12. 你對前端界面工程師這個職位是怎麼樣理解的？它的前景會怎麼樣？
【Javascript】
1. js是什麼，js和html 的開發如何結合？
2. 怎樣添加、移除、移動、復制、創建和查找節點
3. 怎樣使用事件以及IE和DOM事件模型之間存在哪些主要差別
4. 面向對象編程:b怎麼繼承a
5. 看看下面alert的結果是什麼
view sourceprint?1.function b(x, y, a) {
.arguments[2] = 10;
.alert(a);
}
b(1, 2, 3);
如果函數體改成下面，結果又會是什麼？
a = 10;
alert(arguments[2] );
6. 請編寫一個JavaScript函數 parseQueryString，它的用途是把URL參數解析為一個對象
var obj = parseQueryString(url);
alert(obj.key0) // 輸出0
7. ajax是什麼? ajax的交互模型? 同步和非同步的區別? 如何解決跨域問題?
8. 什麼是閉包？下面這個ul，如何點擊每一列的時候alert其index?
<ul id=」test」>
<li>這是第一條</li><li>這是第二條</li><li>這是第三條</li>
</ul>
9. 最近看的一篇Javascript的文章是？
10. 常使用的庫有哪些？常用的前端開發工具？開發過什麼應用或組件？
11.說說YSlow(可以詳細一點)
答案在參考資料裡面可以找到，答案在參考資料裡面可以找到，答案在參考資料裡面可以找到
『伍』 一般java面試都會問些什麼問題
1、請你自我介紹一下你自己？
回答提示：一般人回答這個問題過於平常，只說姓名、年齡、愛好、工作經驗，這些在簡歷上都有。其實，企業最希望知道的是求職者能否勝任工作，包括：最強的技能、最深入研究的知識領域、個性中最積極的部分、做過的最成功的事，主要的成就等，這些都可以和學習無關，也可以和學習有關，但要突出積極的個性和做事的能力，說得合情合理企業才會相信。
企業很重視一個人的禮貌，求職者要尊重考官，在回答每個問題之後都說一句「謝謝」，企業喜歡有禮貌的求職者。
2、你覺得你個性上最大的優點是什麼？
回答提示：沉著冷靜、條理清楚、立場堅定、頑強向上、樂於助人和關心他人、適應能力和幽默感、樂觀和友愛。我在北大青鳥經過一到兩年的培訓及項目實戰，加上實習工作，使我適合這份工作。
3、說說你最大的缺點？
回答提示：這個問題企業問的概率很大，通常不希望聽到直接回答的缺點是什麼等，如果求職者說自己小心眼、愛忌妒人、非常懶、脾氣大、工作效率低，企業肯定不會錄用你。絕對不要自作聰明地回答「我最大的缺點是過於追求完美」，有的人以為這樣回答會顯得自己比較出色，但事實上，他已經岌岌可危了。
企業喜歡求職者從自己的優點說起，中間加一些小缺點，最後再把問題轉回到優點上，突出優點的部分，企業喜歡聰明的求職者。
4、你對加班的看法？
回答提示：實際上好多公司問這個問題，並不證明一定要加班，只是想測試你是否願意為公司奉獻。
回答樣本：如果是工作需要我會義不容辭加班，我現在單身，沒有任何家庭負擔，可以全身心的投入工作。但同時，我也會提高工作效率，減少不必要的加班。
5、你對薪資的要求？
回答提示：如果你對薪酬的要求太低，那顯然貶低自己的能力；如果你對薪酬的要求太高，那又會顯得你分量過重，公司受用不起。
一些僱主通常都事先對求聘的職位定下開支預算，因而他們第一次提出的價錢往往是他們所能給予的最高價錢，他們問你只不過想證實一下這筆錢是否足以引起你對該工作的興趣。
『陸』 hr如何面試web前端工程師，該問哪些技術問題
hr如何面試web前端工程師，該問哪些技術問題
一、基本知識
我們生活在網際網路時代，你想知道的任何事情幾乎都能在15分鍾內找到相關資訊。可是，能找到資訊並不等於你會使用它。我認為所有前端工程師至少都應 該掌握某些基本的知識，才能有效地完成自己的工作。如果一遇到問題，就停下工作上網四處搜尋解決方案，怎麼可能保證按期完成工作呢？聽聽，還有誰在說「我 不知道，但我可以上網搜到。」請這些同學把手舉起來，讓大家認識一下（immediately raises a flag for me.）。下面我列出一些基本的知識點，這些都是我認為一名前端工程師（無論工作年頭長短）在沒有任何外來幫助的情況應該知道的。
[list][*]
DOM結構——兩個節點之間可能存在哪些關系以及如何在節點之間任意移動。
[*]
DOM操作——怎樣新增、移除、移動、復制、建立和查詢節點。
[*]
事件——怎樣使用事件以及IE和DOM事件模型之間存在哪些主要差別。
[*]
XMLHttpRequest——這是什麼、怎樣完整地執行一次GET請求、怎樣檢測錯誤。
[*]
嚴格模式與混雜模式——如何觸發這兩種模式，區分它們有何意義。
[*]
盒模型——外邊距、內邊距和邊框之間的關系，IE 8以下版本的瀏覽器中的盒模型有什麼不同。
[*]
塊級元素與行內元素——怎麼用CSS控制它們、它們怎樣影響周圍的元素以及你覺得應該如何定義它們的樣式。
[*]
浮動元素——怎麼使用它們、它們有什麼問題以及怎麼解決這些問題。
[*]
HTML與XHTML——二者有什麼區別，你覺得應該使用哪一個並說出理由。
[*]
JSON——它是什麼、為什麼應該使用它、到底該怎麼使用它，說出實現細節來。
[/list]
重申一下，上述這些知識點都應該是你應該「想都不用想」的東西。我一開始問的所有問題都是想摸清你對所有這些領域知識的掌握程度。雖然上面列出的這些知識點並沒有面面俱到，但我覺得你至少應該掌握這些，才有可能跟我坐到一間辦公室里來。
二、少量提問
我非常贊同面試者問的問題越少越好。反復問應聘者各種問題既不公平，也很無聊。我在任何一次面試中，通常只問三個大問題，但每個問題又會涉及我所能想到的多個方面。回答每個大問題一般要經過幾個步驟，這樣我就可以在每個步驟中穿插著問一些小問題。比如說：
這個問題牽扯到一組我想要考察的基本知識點：DOM結構、DOM操作、事件處理、XHR和JSON。如果我要求你對換一種處理股票價格的方式，或者 讓你在頁面中顯示其他資訊，就可以把更多的知識點包括進來。對於經驗比較豐富應聘者，我也可以自如地擴充套件要考察的知識范圍，最簡單像JOSN與XML的區 別、安全問題、容量問題，等等。
我還希望應聘者給出的任何解決方案中都不要使用庫。我想看到最原生態的程式碼，你就當頁面中沒有包含任何庫。你說你對哪個庫了解多少多少，但我不能把 關於庫的知識作為評判能力的因素，因為庫是會隨時間變化的。我需要的是真正理解庫背後的機制，特別是能夠徒手寫出一個自己的庫的人。
三、解決問題
做為一名前端工程師，最值得高興的事莫過於解決同一個問題會有很多種不同的方法，而你要做的就是找出最合適的方法來。我在提問的時候，經常會在應聘 者解釋完一種方法後問他們還有沒有第二種方法。此時我會跟他們說，假設你的這個方法由於種種原因被否決了，那麼你還能不能給出另一種方法。這樣做可以達到 兩個目的。
首先，可以測試出他們是否在毫無意義地復述書本中的東西。不能不承認，某些人確實有過目不忘的天賦，聽他們在那裡滔滔不絕地講，你會覺得他們什麼都 明白。可是，只要一跟這些人談到怎麼查詢方案無效的原因，以及能否拿出一個新方案來，他們往往就傻眼了。這時候，如果我聽到「我不明白這個方案為什麼不夠 好」之類的反問，心裡立刻就明白我的問題已經超出了他們的能力范圍，而他們只是想拿自己死記硬背的結論來矇混過關。
其次，可以測試出他們已經掌握的（還是那句話，「想都不用想」）瀏覽器技術知識。如果他們對瀏覽器平台的核心知識有較好的理解，想出解決同一問題的不同方案根本沒有那麼難。
對一名前端工程師來說，這絕對是最重要的能力。前端工程師在工作中遇到本該如此卻並未如此的難題（說你啦，IE6），應該說是一件很平常的事。一個方案無效就無計可施的人，做不了前端工程師。
考核應聘者解決問題能力的另一層原因，與我的個人喜好有關。在搞清楚應聘者知道什麼不知道什麼之後，我就會想著問一個他們知識領域之外的問題。這樣 做的目的，就是想看看他們怎樣運用已有的知識解決新問題。在解決問題的每一步，我也准備了一些提示，以防有人會卡殼打艮（在我面前15分鍾一言不發，對我 評價這個人毫無幫助）。我真正感興趣的，是他們能夠從上一步前進到下一步。我希望看到一個人就在我眼前學到新知識。
注意：所有問題都與瀏覽器技術相關。我不相信出幾道抽象的邏輯題，就能夠考出某人解決Web技術問題的能力。在我看來，這無異於讓素描大師畫肖像（或者讓劉翔跟博爾特同場競技），沒有意義，也得不到任何有價值的資訊。
HR一般不會面試太深的問題，主要是了解一下你之前的工作經歷，更多的是你自己描述，中間可能會問一些初級的問題，比如，你為什麼從上一家單位離職等類似問題。
一道web前端工程師面試題，求解答。
這樣的布局用絕對定位實現最合適，ABC的外層用相對定位，里邊各列用絕對定位就可以。至於CBA且B寬度自適應，還是用絕對定位，但只定位C,A分部到兩側，中間的列margin設成左右列的寬度就可以。
web前端工程師如何才能硬氣的跳槽？
web前端開發工程師想要硬氣的跳槽，起碼應該達到以下幾點：
1.掌握扎實的技術基礎，
需要掌握技術包括：HTML、CSS、JavaScript;
HTML是Web程式設計的基礎，HTML也是一種規范，一種標准，它通過標記符號來標記要顯示的網頁中的各個部分。網頁檔案本身是一種文字檔案，通過在文字檔案中新增標記符，可以告訴瀏覽器如何顯示其中的內容。
維護大型的CSS程式碼庫並非易事，特別是那些隨意散漫未經組織的CSS程式碼極易變成一團亂麻，所以，應該掌握CSS命名規范，來幫助開發者編寫優質的程式碼。
2.深入理解前端工程化和元件開發;
需要熟悉web前端框架—— React、Vue.js等，
React為我們提供了直接易用的，以狀態為核心的前端應用開發方式，前端工程師應該會分析React內部工作原理，討論React中簡單元件、類元件等渲染流程。
Vue.js單元測試是應用開發中不可或缺的部分，日常開發中會用到的Vue.js單元測試的例子，所以應該掌握。
3.熟練掌握Web開發相關知識
至少熟悉一門後端語言，例如Node.js、Java、Go等;
Node.js內部原理視非常重要的，應該明白Node.js的主程序是如何啟動的、如何載入內建模組、os包如何實現等等。
4.對技術有熱情，有一定前端架構能力或者技術深度;具備團隊合作意識強，能夠多團隊協作開發;具備企業級大型前端應用開發經驗更佳。
如何識別一個人是web前端工程師
前端工程師需要懂得設計類程式碼和js，有需要了解一些後台語言，例如PHP等。
如何實現成為web前端工程師的夢想
1.入門階段：能夠解決一些問題的水平。有一定的基礎(比如最常見的HTML標簽及其屬性、事件、方法;最常見的CSS屬性;基礎的JavaScript程式設計能力)，能夠完成一些簡單的Web前端研發需求。
2.進階階段：將JavaScript、HTML、CSS之類的編碼幫助手冊里的每個方法/屬性都通讀幾遍!只有將基礎打好，以後的路才能走的順暢。
3.入室：最強程式碼，知道所有能夠解決需求的各種方案，能夠選擇使用最優秀的方案滿足需求。這個級別基本上產品開發程式設計中的程式碼主力。程式設計師應該能夠肯定的回答：對於這個需求而言，我的程式碼就是最優秀的程式碼。
4.注重細節，注意那些當前需求里沒有明文給出的細節：程式碼效能的差異、執行平台(瀏覽器)的差異、需求的隱性擴充套件、程式碼的向後相容等等。
如何了解web前端工程師和UI設計師
web前端工程師是不參與任何的設計，直接將網站美工製作的網站效果圖使用ps按照效果圖進行切片並使用、css、js等程式碼進行網頁的製作，最終編寫出符合w3c標準的相容各個主流瀏覽器的靜態頁面，同時還需要按照後台開發人員的要求留下一些後台資料的介面。所以說網站前端工程師更多的是程式設計而不是設計。
UI設計師一般是學美術或者設計出身，精通photoshop、AI、AE等平面設計工具，其在網站開發過程的中的職責就是按照客戶或者公司的需求設計出符合客戶需求和介面或者顏色符合大眾視覺的網站效果，如根據不同行業的需求設計顏色、設計介面風格等，其工作的最後成果就是網站的效果圖。
web前端工程師進階學習路線如何走
less和sass什麼時候學都行，1,2天就能學會。這個不著急，沒有什麼承上啟下的作用，可以單獨拿出來學。
bootstrap就是一個框架，把最主要的柵格系統看看就好。其他的大概了解能幹啥就行，很多公司，是不讓用bootstrap的，而是用原始碼自己寫。這個用一天的時間沒啥問題。
node.js和angular比較重要，如果學會，算是上了一個台階了。所以重點說說這個。
angular屬於mvvm框架，一開始覺得angular挺復雜的，所以想學一個簡單的，輕量級的，所以決定先學vue。但是在了解的過程中發現，很多的專業名詞，沒聽過，或者理解不透。所以又開始從頭學習node.js。在學習node.js的過程中又開始迷茫，發現了很多JS不懂的地方。
所以，又開始深入研究js的dom，函式，ajax，陣列等。總之用了很長的時間，浪費了很長時間。
最後總結一下啊。其實，沒必要鑽那麼多牛角尖。
先做著vue的例子，不懂的地方，直接略過，很多時候，不理解的不懂的東西，用著用著，突然就能明白。照貓畫虎先把VUE的例子跟著做一遍之後，同時梳理一下涉及到的JS知識點。能自己用vue做出幾個小成品的時候，開始結合js研究node.js。之後再去涉及angular。
angular差不多有個大概了解的時候，反過頭接著學vue，你會發現，又會發現很多新東西。
web前端這個東西特別有意思，當你達到一個高度，返回來再看以前的技術，會發現，哎呀，竟然又能發現新大陸。
廈門web前端工程師培訓哪家好
培訓學校很多，沒有具體的衡量標準的。但是可以從幾方面去選擇：
1 有很多優秀導師的
2 培養出很多優秀學員的
3 只做培訓的，沒有做其他的
4 做的比較久的。
北京WEB前端工程師培訓哪個好
建議找全程面授課程的地方學習，課程體系很重要，現在企業在用人方面講究全棧的前端工程師人才，所在在課程選擇上要慎重，學習內容要基於HTML5，要包含pc端+移動端+後端。這要才能學的系統，就業上才會有所保障。