Ⅰ 美團前端面試難嗎
美團目前也是在大量的招人啊～～當時參加的是美團打車部門的面試（一年工作經驗以上的），部門技術棧vue，後台就是node，一面通過，等了兩個小時面試二面，然後通知我回去等消息，一般這樣就是掛掉了，毫無疑問。美團是一次性全部面完的。所以去參加最好做好面試四個小時的打算。
先來聊聊一面吧～哈哈
一面
1.簡單的自我介紹，與大體的了解我。。。
一面面試官非常不錯，先問了下幾個項目和用到的技術，會先對我懂的東西做一個大體的了解，比如webpack的單頁面的多頁面切換，webpack的按需載入，一些webpack的配置有哪些，問了有沒有看vue源碼，我說了一個vue的watch，大體問了問我框架方面的東西，發現我對框架並不是很熟練，安慰我說沒有關系。
2.promise的原理
這個面試官最讓人欣賞的就是不會去問你不了解的東西，一開問了我promise，發現我用的並不是很多，就很自然的說沒事，換一種方法問你～～～好和藹啊～
然後就讓我用原生js寫一個回調函數，其實就是問promise的原理了，js寫一個。
3.this指向
這個是面試官手寫了一道變態長以及繞的this指向題，可以自行網路js this指向面試題，看幾道沒有啥問題，需要關注的是其中也考了，argument，和apply(null)。以後想起來再寫吧
4.bind與函數柯里化
也就是寫個bind，這個紅皮書高級函數（22章）有，
可以看下。不過還是得先理解bind的用法，返回一個函數，以及可以傳遞的參數。參數這里涉及到了函數柯里化。都是手寫代碼，而且最好寫的整潔，因為我有些一筆帶過，面試官都讓我寫完整，明確說要看我寫代碼水平
5.==, isNaN, typeof
問這個之前先問了我有幾種數據類型（七種，下圖再加symbol），這里隱形的看你知不知道es6，symbol這個新出的類型。說出了symbol自然會問你這個類型有什麼用。
然後就寫了好多個typeof，isNaN，==的問輸出，這個就是基礎題
6.知道什麼http請求頭？
這個可以說的很多，說了幾個，又主動說了下有關跨域請求頭，之前項目用的cors，於是和他聊了一會，其實面試就是主動表現自己，把自己知道的都說出來，不然幾個請求頭說細不細，要問細了能把人問蒙了，最好把話題引到自己知道的地方。
7.問了css
問了css盒子並畫出來，清除浮動與bfc，兩列布局。
8.說了一大堆其實就是想考我防抖
面試完這個問我想問的問題，我直接問還有二面么？回答有的，又介紹了一會美團打車，說是後台是node，看來要求是前端也要有後台的知識嘍。
二面
二面的是我的學長，可是我被問慘了。。。。問的顯然比一面深入很多，都問了java
1.自我介紹，問項目
針對項目問了不少，當時有一個支付行為的項目，於是問了很多安全方面的問題，蒙蒙的，完全不知道。第一個就很失敗了。然後問了其他的項目，問了websocket。
2.node的EventEmitter用js實現出來
寫出來了，但是可以看出來代碼寫的不規范，學長面試官表示看起來很亂。不過大約算是可以的，指出了幾個問題，讓我進行修改。（之後完善）
3.虛擬dom
其實vue中就有jsx，react的特點之一有jsx，虛擬dom和代碼優化有點關系。
先說下正常對dom的操作，在瀏覽器中分為渲染引擎和js引擎，現在瀏覽器內核一般都是渲染引擎（生成渲染樹），因為js引擎越來越獨立了（所謂的v8引擎？）
然而你在js中獲取dom元素的時候你必須要通過渲染引擎，這樣兩個線程之間的數據交換自然會很慢。所以在前端優化中總是要考慮減少dom操作這一項。包括獲取dom元素變數儲存起來。
jsx是把dom元素變成了儲存在內存中的數據結構。js很快，操作dom也很快。不過也存在缺點，目前的理解就這么點了。
4.路由的實現原理
餓，不知道。。（待會看！）
5.node文件流，java的映射機制（記不太清楚）？
餓。。
6.數組方法map和recer區別？
餓
7.進程與線程的區別
終於有個我會的了，這個顯然想問你js的運行機制。先介紹了下進程與線程。
一個瀏覽器是一個進程，雖然js是單線程的，但是瀏覽器是多線程的，v8引擎也是多線程的，比如有渲染線程，有處理請求的線程。然後說說任務隊列，eventloop。沒有理解很深也不敢往下說。
事件循環可以看下這個，鏈接
8.樹遍歷
先序，中序，後序。我只知道這么多了，顯然想讓我寫一個的，可是不會。也顯然面試官內心已經把我pass掉了，沒多問。
9.問了個演算法
KMP？？反正我不知道。
Ⅱ 面試Web前端需要注意什麼會面試哪些問題
作為一名HTML5前端工程師，為了工作，為了就業我們免不了要參加各種各樣的面試。為此總結了面試前的注意事項：
第一：注意自己的儀容儀表
面試之前，一定要再次從頭到腳地將自己的儀容儀表檢查一遍。檢查時主要包括，自己的牙縫是不是還有食物殘渣，所以你需要就近找一個衛生間，如果沒有衛生間就近找一個角落也是可以的，但是切記一定不要在大庭廣眾之下。因此，為了給自己整理出著裝的時間請在約定時間前20分鍾到達。
第二：再次檢查面試時所需的資料是否都已帶全
這些資料主要包括：身份證明、學歷文憑證明、個人簡歷、以往作品等等，如果這些東西齊全之後，需要對這些資料做一個整理與排序。因為沒有哪個面試官希望看到面試者拿出一堆「莫名其妙」的東西塞給他，讓他自己再一頁一頁的翻找自己需要的內容，如果說這些資料在面試官手中不小心散落一地，結果可想而知。這樣的求職者在面試官眼中也一定不是一個讓人放心、有條不紊的員工。當然如果檢查時發現資料沒有帶全，也不要緊張。反而你要慶倖幸虧及時檢查，也有足夠的時間組織語言去向面試官解釋。
第三：面試之前將通信工具調成振動或關閉狀態
雖然說面試者與面試官之間是一個平等的關系，但畢竟你是去人家公司求職的，始終處於一個被動的狀態，所以最起碼的尊重還是要做到的。曾經有調查顯示，對於面試過程中接電話或是被電話打斷的求職者，會被HR減分。
第四：等候面試官時，仔細觀察多了解面試公司
在等候面試官時，可以暗自觀察一下公司的大體情況比如員工的著裝風格、公司的LOGO或是貼在牆上的企業文化、公司的環境等等，一來可以在接下來的面試過程中表現出自己對公司的認同感，二來也可以讓自己對求職公司多些了解，以確定是否要接受這里的工作。如果你身邊有公司的資料宣傳架，不妨取一本翻看一下，也會增加HR對你的好感。
第五：放鬆心情，保持自信
面試時一定要保持一定的自信，這樣也會給面試官留下很好的印象。面試只是你步入工作的第一步，即便是失敗了那也是人生重要的經歷。失敗是為了更好的迎接下一個挑戰。
作為一名web前端工程師千萬不要覺得懂技術面試就能萬事大吉了，像以上五點細節性的東西也是一定要掌握的。
面試題系列：
網頁鏈接
Ⅲ 求web前端開發筆試題
最低0.27元/天開通網路文庫會員，可在文庫查看完整內容>
原發布者:觸不可及112
Web前端開發系班級姓名成績1、目前常用的WEB標准靜態頁面語言是________。2、改變元素的外邊距用________，改變元素的內填充用________。3、在Table中，TR是________，TD是________。4、如果給一行兩列的表格（table）定義高度樣式，在________標簽中定義最合理，最能減少代碼的臃腫。5、對ulli的樣式設成無，應該是用什麼屬性________。6、在新窗口打開鏈接的方法是________。7、合理的頁面布局中常聽過結構與表現分離，那麼結構是________，表現是________。1、在下面的XHTML中，哪個可以正確地標記折行？A：
B：C：
2、下列哪些是格式良好的XHTML？A：Ashortparagraph
B：
Ashortparagraph
C：
Ashortparagraph3、在以下的HTML中，哪個是正確引用外部樣式表的方法？A：B：css"href="mystyle.css">C：mystyle.css4、在HTML文檔中，引用外部樣式表的正確位置是？A：文檔的末尾 B：文檔的頂部C：部分D：部分1、請寫出超鏈接的順序或者你在初始樣式中的鏈接方法。（10分）2、當float和margin同時使用時，IE6的雙倍邊距BUG如何解決？（6分）3、為什麼無法定義1px左右高度的容器？（7分）4、Firefox中標簽的居中問題的解決方法
Ⅳ 做了好幾家的前端筆試題，感覺好難啊，我該怎麼應對接
主要還是要看HR了，面試基本知識會就行了 HR要是好的，啥都好說，不然就是歇菜
Ⅳ 求web前端開發常見的面試題，和一些瀏覽器兼容性問題，理論知識，要求簡潔，最好有題庫
http://www.w3cfuns.com/forum.php?mod=forumdisplay&fid=51&filter=typeid&typeid=177裡面有很多公司的筆試題
Ⅵ 前端筆試題目求解答！！求寫出具體代碼
其實很簡單，就是一些js判斷就可以實現了，可以先用冒泡排序對它們進行排序，然後將前100名塞進一個數組裡面，當然還有排序的時間和用戶的id等，然後在排行榜按順序輸出array[0 - 100] ，用戶訪問的時候判斷一下用戶id是否在這個數組，如果在輸出數組的內容。如果不在然將 101 - 9999塞進另外一個數組，再查詢用戶id在不在這個數組，如果在，輸出用戶id 對應的排名，如果不在那就是直接輸出未上榜
Ⅶ 應聘軟體測試，一般會有什麼筆試的題目
1：測試基礎理論；
2：網路協議知識；
3：linux
4:sql語句
5：測試用例--必問
6：代碼知識
7：邏輯題
=========
軟體測試面試題大全-最真實的面試題
以下為童鞋去面試整理的面試問題。--真實軟體測試面試題、真實公司所問的
適合人群：零基礎學習軟體測試、多年跳槽的人員
面試過程中也會有深挖的，這些就不在多寫。還有些待整理的，慢慢補上、完善。
希望對各位有所幫助！！！來源--Dotest
1：個人介紹
2：項目介紹
3：流程邏輯介紹
4：職責介紹
5：項目人數，分別負責的是什麼
6：每日工作介紹
7：介面如何測試的？用例如何設計？
8：一個項目中大概有多少個介面
9：get\post的區別
10：常見的狀態碼是什麼
11：postman、Jmeter\soapui的區別
12：公司流程
13：需求評審是怎麼進行的
14：測試計劃怎麼寫的？重點是什麼？
15：測試用例的思路？
16：如果我們沒有原型圖、需求的話，你怎麼寫用例
17：給你個app\web你能快速說下用例的設計思路嗎？
18：app與web的不同點是什麼？
19：測試報告的重點
20：什麼是灰度測試
21：上線後的跟蹤如何做的？
22：為什麼要做上線後的回歸測試
23：上線後發現的問題如何處理
24：什麼是UAT測試，為什要做UAT測試
25：bug怎麼描述的
26：用例怎麼描述的
27：優先順序和嚴重程度如何劃分
28：如果和開發有歧義的話怎麼辦
29：你映像bug是什麼？
30：你發現一個bug如何定位的
31：自動化測試如何進行的？用的什麼框架
32：常用的定位方法是什麼？
33：功能測試與自動化的區別
34：什麼樣的項目適合自動化
35：自動化的好處是什麼
36：自動化的劣處是什麼
37：你感覺你寫的用例覆蓋全面嗎
38：上線後發現的問題如何處理
39：linux常用的命令
40：linux常用的文件
41：linux環境搭建的步驟
42：常用sql語句
43：你們公司用sql嗎，怎麼用的
44：兼容測試你怎麼做的
45：手機是如何考慮的
46：兼容測試的重點是什麼
47：如果手機不夠的話你怎麼解決
48：真機和模擬器的區別是什麼
49：你如何保證兼容的覆蓋率
50：怎麼抓手機的數據包的？如何設置
51：通過抓取數據包主要測試什麼
52：性能測試做嗎？怎麼做的
53：python的遍歷是什麼
54：隨意丟個軟體說下具體的用例
55：你們公司多長時間迭代一次
56：迭代測試需要注意什麼
57：你映像最深的bug是什麼
58：你的期望薪資
59：你看比預期低2k，你能接受嗎
60：我們公司加班多，能接受嗎
61：能接受出差嗎？
62：路程有點遠
63：你為什麼要離職
64：你感覺你的優勢在哪？
65：你未來的規劃是什麼
66：你對下一個工作崗位有什麼期望或要求嗎
67：對你的領導有什麼要求嗎
68：你感覺你上家公司怎麼樣；能說下優缺點嗎？
69：你感覺你上家領導怎麼樣；能說下優缺點嗎？
70：有女朋友\男朋友嗎？
71：打算什麼時候要孩子
72：你看你有什麼想問的嗎
73：你大概什麼時候能入職
74：最近面試多嗎？
75：手上有offer嗎？
76：你是什麼時候開始找工作的？
77：你從上家公司離職已經有好幾天了，是剛開始找工作嗎？\為什麼一直沒找工作
Ⅷ 有哪些經典的 Web 前端或者 JavaScript 面試筆試題
一、不定項選擇題 （每題3分，共30分）
1. 聲明一個對象，給它加上name屬性和show方法顯示其name值，以下代碼中正確的是（ D ）
A. var obj = [name:"zhangsan",show:function(){alert(name);}];
B. var obj = {name:」zhangsan」,show:」alert(this.name)」};
C. var obj = {name:」zhangsan」,show:function(){alert(name);}};
D. var obj = {name:」zhangsan」,show:function(){alert(this.name);}};
2. 以下關於Array數組對象的說法不正確的是（ CD ）
A. 對數組里數據的排序可以用sort函數，如果排序效果非預期，可以給sort函數加一個排序函數的參數
B. reverse用於對數組數據的倒序排列
C. 向數組的最後位置加一個新元素，可以用pop方法
D. unshift方法用於向數組刪除第一個元素
3. 要將頁面的狀態欄中顯示「已經選中該文本框」，下列JavaScript語句正確的是（ A ）
A. window.status=」已經選中該文本框」
B. document.status=」已經選中該文本框」
C. window.screen=」已經選中該文本框」
D. document.screen=」已經選中該文本框」
4. 點擊頁面的按鈕，使之打開一個新窗口，載入一個網頁，以下JavaScript代碼中可行的是（ AD ）
A.
onclick=」open(『new.html』, 『_blank』)」/>
B.
onclick=」window.location=』new.html』;」/>
C.
onclick=」location.assign(『new.html』);」/>
D.
5. 使用JavaScript向網頁中輸出
hello
，以下代碼中可行的是（ BD ）
A.
document.write(
hello
);
B.
document.write(「
hello
」);
C.
hello
D.
document.write(「hello」);
6. 分析下面的代碼：
function writeIt (value) { document.myfm.first_text.value=value;}
以下說法中正確的是（ CD ）
A. 在頁面的第二個文本框中輸入內容後，當滑鼠離開第二個文本框時，第一個文本框的內容不變
B. 在頁面的第一個文本框中輸入內容後，當滑鼠離開第一個文本框時，將在第二個文本框中復制第一個文本框的內容
C. 在頁面的第二個文本框中輸入內容後，當滑鼠離開第二個文本框時，將在第一個文本框中復制第二個文本框的內容
D. 在頁面的第一個文本框中輸入內容後，當滑鼠離開第一個文本框時，第二個文本框的內容不變
7. 下面的JavaScript語句中，（ D ）實現檢索當前頁面中的表單元素中的所有文本框，並將它們全部清空
A. for(vari=0;i< form1.elements.length;i++) {
if(form1.elements.type==」text」)
form1.elements.value=」";}
B. for(vari=0;i
if(forms[0].elements.type==」text」)
forms[0].elements.value=」";
}
C. if(document.form.elements.type==」text」)
form.elements.value=」";
D. for(vari=0;i
for(var j=0;j
if(document.forms.elements[j].type==」text」)
document.forms.elements[j].value=」";
}
}
8. 在表單(form1)中有一個文本框元素(fname)，用於輸入電話號碼，格式如：010-82668155，要求前3位是010，緊接一個「-」，後面是8位數字。要求在提交表單時，根據上述條件驗證該文本框中輸入內容的有效性，下列語句中，（ A ）能正確實現以上功能
A. var str= form1.fname.value;
if(str.substr(0,4)!=」010-」|| str.substr(4).length!=8 ||
isNaN(parseFloat(str.substr(4))))
alert(「無效的電話號碼！」);
B. var str= form1.fname.value;
if(str.substr(0,4)!=」010-」 && str.substr(4).length!=8 &&
isNaN(parseFloat(str.substr(4))))
alert(「無效的電話號碼！」);
C. var str= form1.fname.value;
if(str.substr(0,3)!=」010-」|| str.substr(3).length!=8 ||
isNaN(parseFloat(str.substr(3))))
alert(「無效的電話號碼！」);
D. var str= form1.fname.value;
if(str.substr(0,4)!=」010-」&& str.substr(4).length!=8 &&
!isNaN(parseFloat(str.substr(4))))
alert(「無效的電話號碼！」);
9. 關於正則表達式聲明6位數字的郵編，以下代碼正確的是（ C ）
A. var reg = /\d6/;
B. var reg = \d{6}\;
C. var reg = /\d{6}/;
D. var reg = new RegExp(「\d{6}」);
10. 關於JavaScript里的xml處理，以下說明正確的是（ BCD ）
A. Xml是種可擴展標記語言，格式更規范，是作為未來html的替代
B. Xml一般用於傳輸和存儲數據，是對html的補充，兩者的目的不同
C. 在JavaScript里解析和處理xml數據時，因為瀏覽器的不同，其做法也不同
D. 在IE瀏覽器里處理xml，首先需要創建ActiveXObject對象
二、問答題
1. 列舉瀏覽器對象模型BOM里常用的至少4個對象，並列舉window對象的常用方法至少5個 （10分）
對象：Window document location screen history navigator
方法：Alert() confirm() prompt() open() close()
2. 簡述列舉文檔對象模型DOM里document的常用的查找訪問節點的方法並做簡單說明 （10分）
Document.getElementById 根據元素id查找元素
Document.getElementByName 根據元素name查找元素
Document.getElementTagName 根據指定的元素名查找元素
三、程序題
1、補充按鈕事件的函數，確認用戶是否退出當前頁面，確認之後關閉窗口； （10分）
function closeWin(){
//在此處添加代碼
if(confirm(「確定要退出嗎？」)){
window.close();
}
}
2、寫出簡單描述html標簽（不帶屬性的開始標簽和結束標簽）的正則表達式，並將以下字元串中的html標簽去除掉（15分）
var str = 「
這里是div
裡面的段落
」;
//
varreg = /<\/?\w+\/?>/gi;
varstr = 「
這里是div
裡面的段落
」;
alert(str.replace(reg,」"));
3、完成foo()函數的內容，要求能夠彈出對話框提示當前選中的是第幾個單選框。（10分）
function foo() {
//在此處添加代碼
var rdo =document.form1.radioGroup;
for(var i =0 ;i
if(rdo.checked){
alert(「您選擇的是第」+(i+1)+」個單選框」);
}
}
}
4、完成函數showImg()，要求能夠動態根據下拉列表的選項變化，更新圖片的顯示 （15分）
function showImg (oSel) {
//在此處添加代碼
var str = oSel.value;
document.getElementById(「pic」).src= str+」.jpg」;
}
Ⅸ 前端面個試咋這么奇葩,筆試題根本沒啥用
前端面試不一定都需要筆試。
因為像一些比較技術比較牛的前端開發工程師，它是很難接受筆試，面試的，因為筆試的內容一般都是一些基礎方面的內容但是這些內容在實際應用過程中是很少用到的，所以一般筆試是很不容易通過的，但是他的技術能力是非常牛的，所以他是不會接受筆試的，有些公司也不一定需要筆試。
Ⅹ 美團網美團點評校招 前端開發 筆試題只考JS嗎
不是，基本什麼都考，很多都是上課學的，後悔當時沒好好聽