⑴ 沒有項目經驗的前端應屆生，如何面試才會被錄用
沒有項目經驗的前端應屆生面試的時候一定要自信，陽光，熱情，然後還一定要謙遜有禮，然後要懂得去讓面試官知道自己的價值。
⑵ 前端面試遇到機試正常嗎
一般很少會讓機試。
現在不管前端還是後端的工程師很少會面試的時候直接讓你上機操作吧,最多也就會讓你手寫部分代碼,或者先進行筆試,通過後在進行面試。
前端面試不一定都需要筆試。 因為像一些比較技術比較牛的前端開發工程師,它是很難接受筆試,面試的,因為筆試的內容一般都是一些基礎方面的內容。
⑶ 前端啥也不會面試過了怎麼辦
如果面試已經過了的話，那麼下班之後可以抓緊時間學習前端：
1、一定要重視基礎
首先建立第一條技能線：就是前端由html，css，js組成;然後將其細化為第二條線，html是由html4和html5組成;第三條線，css由css2和css3組成;第四條線，js由es5和es6構成。接下來是框架方面的延伸：css方向有less，html方向有bootstrap，js方向有jquery庫。
2、學習要有深度和廣度
掌握傳統PC端網頁布局和製作，UI網站設計，掌握頁面設計和原型圖設計，編程基礎技術，利用js完成一些常見網頁的特效開發，後端開發技術，了解Web伺服器的工作原理，並可以簡單搭建自己的應用程序伺服器端;移動互聯網應用，掌握現在主流的頁面製作技術，可以完成微網站的製作，並可以做到多設備兼容。
3、一定要探索好的學習方式並持之以恆
在技術領域，有太多的東西會迅速的過時，如何能夠在這個領域長期處於不敗之地，那就一定要有好的學習方式並持之以恆，鍛煉自己的學習能力不斷的吸收新知識，突破自己，要記得，技術永遠沒有上限。
簡介
端即網站前台部分，運行在PC端，移動端等瀏覽器上展現給用戶瀏覽的網頁。隨著互聯網技術的發展，HTML5，CSS3，前端框架的應用，跨平台響應式網頁設計能夠適應各種屏幕解析度，合適的動效設計，給用戶帶來極高的用戶體驗。
⑷ 面試Web前端需要注意什麼會面試哪些問題
作為一名HTML5前端工程師，為了工作，為了就業我們免不了要參加各種各樣的面試。為此總結了面試前的注意事項：
第一：注意自己的儀容儀表
面試之前，一定要再次從頭到腳地將自己的儀容儀表檢查一遍。檢查時主要包括，自己的牙縫是不是還有食物殘渣，所以你需要就近找一個衛生間，如果沒有衛生間就近找一個角落也是可以的，但是切記一定不要在大庭廣眾之下。因此，為了給自己整理出著裝的時間請在約定時間前20分鍾到達。
第二：再次檢查面試時所需的資料是否都已帶全
這些資料主要包括：身份證明、學歷文憑證明、個人簡歷、以往作品等等，如果這些東西齊全之後，需要對這些資料做一個整理與排序。因為沒有哪個面試官希望看到面試者拿出一堆「莫名其妙」的東西塞給他，讓他自己再一頁一頁的翻找自己需要的內容，如果說這些資料在面試官手中不小心散落一地，結果可想而知。這樣的求職者在面試官眼中也一定不是一個讓人放心、有條不紊的員工。當然如果檢查時發現資料沒有帶全，也不要緊張。反而你要慶倖幸虧及時檢查，也有足夠的時間組織語言去向面試官解釋。
第三：面試之前將通信工具調成振動或關閉狀態
雖然說面試者與面試官之間是一個平等的關系，但畢竟你是去人家公司求職的，始終處於一個被動的狀態，所以最起碼的尊重還是要做到的。曾經有調查顯示，對於面試過程中接電話或是被電話打斷的求職者，會被HR減分。
第四：等候面試官時，仔細觀察多了解面試公司
在等候面試官時，可以暗自觀察一下公司的大體情況比如員工的著裝風格、公司的LOGO或是貼在牆上的企業文化、公司的環境等等，一來可以在接下來的面試過程中表現出自己對公司的認同感，二來也可以讓自己對求職公司多些了解，以確定是否要接受這里的工作。如果你身邊有公司的資料宣傳架，不妨取一本翻看一下，也會增加HR對你的好感。
第五：放鬆心情，保持自信
面試時一定要保持一定的自信，這樣也會給面試官留下很好的印象。面試只是你步入工作的第一步，即便是失敗了那也是人生重要的經歷。失敗是為了更好的迎接下一個挑戰。
作為一名web前端工程師千萬不要覺得懂技術面試就能萬事大吉了，像以上五點細節性的東西也是一定要掌握的。
面試題系列：
網頁鏈接
⑸ HR是如何面試那些前端菜鳥的
HR是如何面試那些前端菜鳥的
xx先後在twi**er,Stripe工作，期間會參加面試工作。實際上參加面試工作的人都知道要想在一個較短的時間內(30min-1h)就對一個應聘者做出判斷其實是很難的，因此我們不得不想盡辦法去更加合理的去判斷面試者。下面是xx理出的一個思路:
如果對方有github賬號，我們會盡可能的去了解TA在開源項目上的動態和他的開源項目。我們也會從中挑出一些切入點，通過交流他做這個項目的出發點也能夠更好的了解面試者的設計思路，也可以初步的去判斷該人是不是適合團隊。如果雙方交流順暢，接下來會直接進行到代碼等一些基礎問題上來。
自己的面試會很實際，幾乎全部都是coding,很少會提到演算法和一些抽象的概念。自己提出的問題看似簡單，但是每一點都涉及到javascript的一些知識領域。
面試的'時候並不建議使用白板，通常希望面試者自己帶上自己的筆記本，或者就使用自己的。我會將他們的代碼運行，並告知結果。
Object prototype
我起初會提出一個非常簡單的問題就是定義一個函數spacify ,將一個字元串作為參數傳入，然後返回一個字元串，不過該字元串相對原有傳入參數的變化是字母與字母之間多了一個空格。
spacify('hello world') // => 'h e l l o w o r l d'
雖然問題很簡單，但這卻是一個很好的開始，我們接下來的問題便可以圍繞此展開, 尤其對於那些聲稱自己了解Javascript，但實際卻連一個函數都不會寫的面試者高下立判。
正確的答案如下，不過一些面試者或許會選擇for循環，當然這並沒有錯
function spacify(str) {
return str.split('').join(' ');
}
接下來，我會繼續問如何將這個函數直接作用在一個字元串對象上.
'hello world'.spacify();
這個問題可以讓我了解面試者對原型鏈的理解，這個問題可以讓彼此展開一些有討論，諸如直接在原型鏈上定義屬性的危害等等.實際期待結果:
String.prototype.spacify = function(){
return this.split('').join(' ');
};
一般到這里我會讓面試者講講函數聲明和函數表達式的區別。
Arguments
接下來，我會去了解面試者對於 arguments的理解，我們會要求面試者定一個log函數。
log('hello world');
函數類似實現一個簡單的控制台輸出，在控制台輸出傳入的字元串。一邊面試者都會在定義的函數里直接寫console.log，不過還是有更優秀的面試者會直接使用apply。
function log(msg){
console.log(msg);
}
接下來，我會繼續問如果我傳入多個參數依舊輸出一個字元串 ，我會提示面試者傳入的 參數是不固定的，我會暗示xxconsole.log實際上也接受多個參數。
log('hello', 'world');
不過我還是希望您的面試者現在已經想起apply;面試者可能會在apply和 call上困惑，這個時候我會做點小提示，不過將console上下文傳入也是非常重要的.
function log(){
console.log.apply(console, arguments);
};
接著我會繼續追問，如果我希望在那個輸出的字元串前統一加上(app) 這樣的字元串，類似於這樣:
'(app) hello world'
這個問題明顯會復雜很多，面試者應該知道arguments是一個偽數組，我們需要先將它轉換成正常的數組，我們可以使用Array.prototype.slice,代碼如下:
function log(){
var args = Array.prototype.slice.call(arguments);
args.unshift('(app)'); console.log.apply(console, args);
};
Context
接下來我想了解面試者對於上下文以及this的理解，我會給出下邊的代碼，讓面試者去解釋count的值。
var User = {
count: 1,
getCount: function() { return this.count;
}
};
接下來我會給出下面的代碼，讓面試者去回答應該輸出的正確答案。
console.log(User.getCount());var func = User.getCount; console.log(func());
上面的例子中正確輸出1和undefined。實際上很多面試者都會在這里跌倒。func的上下文是 `window，因此已經失去了count屬性。接下來我回繼續追問面試者如何確保func的上下文始終都和User關聯，這樣可以使輸出的答案是1。
正確答案是使用Function.prototype.bind，代碼如下:
var func = User.getCount.bind(User); console.log(func());
這個時候我會讓面試者去進行完善，如果老的瀏覽器並不支持該方法，我們應該怎樣去兼容。部分基礎較差的面試者會比較糾結，但是個人認為任何一位前端工程師都應該對apply和call有著較為深刻的理解。
Function.prototype.bind = Function.prototype.bind || function(context) {
var self = this; return function(){ return self.apply(context, arguments);
};
}
Extra points if the candidate shims bind so that it uses the browser's native version if available. At this point, if the candidate is doing really well, I'll ask them to implement currying arguments.
一個彈窗庫
面試的最後y一部分，我會要求面試者寫點實際的東西。這個非常有用，足以了解前端的技術棧。如果前面的問題回答的較為理想，這個問題，我會非常迅速的展開最後一個問題的考察。
雖然最終效果取決於面試者的實現，但是這里依舊有足夠的考察點。
最好不使用 position:absolute而是position:fixed，這個時候即使窗體有滾動，也可以很好的遮罩住全局。我會提示面試者這樣使用，並且追問這兩者的區別。
.overlay { position: fixed; left: 0; right: 0; bottom: 0; top: 0; background: rgba(0,0,0,.8);
}
如何將裡面的內容居中也是一個非常重要的考察點。一些面試者會使用絕對定位，而有的面試者則更擅長使用Js。
.overlay article { position: absolute; left: 50%; top: 50%; margin: -200px 0 0 -200px; width: 400px; height: 400px;
}
我會繼續問，如何確保點擊遮罩層時遮罩層是關閉的?這個問題可以將我們的討論落腳到 冒泡中來。很多面試者都會直接將點擊實踐綁定到遮罩層上。
$('.overlay').click(closeOverlay);
這個接下來可以工作了，但是你會發現如果點擊了遮罩層中的子元素，遮罩層也會關閉。解決方案是便是判斷event target ，並且保證 這個時間不會冒泡。
$('.overlay').click(function(e){ if (e.target == e.currentTarget)
closeOverlay();
});
尾聲
當然前面的知識點僅僅是前端的一部分，實際上你還可以問:性能，HTML5 APIs， AMD vs CommonJS moles，constructors，數據類型，以及盒子模型。我經常都會隨著面試者的進行去選擇相應的問題
;⑹ 頭條前端面試二面-已掛
這次掛掉很多原因吧，主要是能力不足占 40% ，能力不足短期很難有質的變化，但是更多的原因是我自己搞砸了占 60% ，
頭條簡歷是我8月投遞的，當時簡歷剛寫好，非常不規范，給自己挖了不少坑，10月時，大量面試和修改，簡歷已經非常不錯了。二面主要問簡歷（早期簡歷大量涉及後端，且項目經驗很多都是17年的）。
頭條掛掉可以找很多借口。
最主要的原因是我在suning參與2個項目了，目前應對工作輕車熟路，毫無壓力導致自我覺得飄了，不去沉下心看問題了，覺得自己能過了。 你之所以慌就是你那十足的信心毫無足夠的根基，因為你飄起來了，所以你會摔得很慘 。
⑺ 前端面個試咋這么奇葩,筆試題根本沒啥用
前端面試不一定都需要筆試。
因為像一些比較技術比較牛的前端開發工程師，它是很難接受筆試，面試的，因為筆試的內容一般都是一些基礎方面的內容但是這些內容在實際應用過程中是很少用到的，所以一般筆試是很不容易通過的，但是他的技術能力是非常牛的，所以他是不會接受筆試的，有些公司也不一定需要筆試。
⑻ 前端面試題目難嗎 如何輕松面對前端面試
從以下五個方面做，可以輕松面對前端面試：
一、基本知識
DOM結構——兩個節點之間可能存在哪些關系以及如何在節點之間任意移動。
DOM操作——怎樣添加、移除、移動、復制、創建和查找節點。
事件——怎樣使用事件以及IE和DOM事件模型之間存在哪些主要差別。
XMLHttpRequest——這是什麼、怎樣完整地執行一次GET請求、怎樣檢測錯誤。
嚴格模式與混雜模式——如何觸發這兩種模式，區分它們有何意義。
盒模型——外邊距、內邊距和邊框之間的關系，IE8以下版本的瀏覽器中的盒模型有什麼不同。
塊級元素與行內元素——怎麼用CSS控制它們、它們怎樣影響周圍的元素以及你覺得應該如何定義它們的樣式。
浮動元素——怎麼使用它們、它們有什麼問題以及怎麼解決這些問題。
HTML與XHTML——二者有什麼區別，你覺得應該使用哪一個並說出理由。
JSON——它是什麼、為什麼應該使用它、到底該怎麼使用它，說出實現細節來。
二、少量提問
現在有一個正顯示著Yahoo!股票價格的頁面。頁面上有一個按鈕，你可以單擊它來刷新價格，但不會重新載入頁面。請你描述一下實現這個功能的過程，假設伺服器會負責准備好正確的股票價格數據。
這個問題牽扯到一組我想要考察的基本知識點：DOM結構、DOM操作、事件處理、XHR和JSON。如果我要求你對換一種處理股票價格的方式，或者 讓你在頁面中顯示其他信息，就可以把更多的知識點包括進來。對於經驗比較豐富應聘者，我也可以自如地擴展要考察的知識范圍，最簡單像JOSN與XML的區別、安全問題、容量問題等等。
我還希望應聘者給出的任何解決方案中都不要使用庫。我想看到最原生態的代碼，你就當頁面中沒有包含任何庫。你說你對哪個庫了解多少多少，但我不能把關於庫的知識作為評判能力的因素，因為庫是會隨時間變化的。
三、解決問題
做為一名前端工程師，最值得高興的事莫過於解決同一個問題會有很多種不同的方法，而你要做的就是找出最合適的方法來。我在提問的時候，經常會在應聘者解釋完一種方法後問他們還有沒有第二種方法。此時我會跟他們說，假設你的這個方法由於種種原因被否決了，那麼你還能不能給出另一種方法。這樣做可以達到 兩個目的。
首先，可以測試出他們是否在毫無意義地復述書本中的東西。不能不承認，某些人確實有過目不忘的天賦，聽他們在那裡滔滔不絕地講，你會覺得他們什麼都明白。可是，只要一跟這些人談到怎麼查找方案無效的原因，以及能否拿出一個新方案來，他們往往就傻眼了。這時候，如果我聽到「我不明白這個方案為什麼不夠 好」之類的反問，心裡立刻就明白我的問題已經超出了他們的能力范圍，而他們只是想拿自己死記硬背的結論來矇混過關。
其次，可以測試出他們已經掌握的(還是那句話，「想都不用想」)瀏覽器技術知識。如果他們對瀏覽器平台的核心知識有較好的理解，想出解決同一問題的不同方案根本沒有那麼難。
注意：所有問題都與瀏覽器技術相關。我不相信出幾道抽象的邏輯題，就能夠考出某人解決Web技術問題的能力。在我看來，這無異於讓素描大師畫肖像，沒有意義，也得不到任何有價值的信息。
四、有激情
要成為一名優秀的前端工程師，最重要的莫過於對自己做的事要有激情。我們技能都不是從學校中或者從研討會上學來的，因此前端工程師必須具備自學能力。瀏覽器技術的變化可謂日新月異，所以也只有不斷提升自己的技能才做得到與時俱進。我雖然不能強迫誰必須多看博客、不斷學習，但想應聘前端工程師的人恐怕還是必須這么做的。
你怎麼知道誰對這種工作有沒有激情?實際上非常簡單。我只問一個簡單的問題：「目前你對什麼Web技術最感興趣?」這個問題永遠不會過期，而且也幾乎不可能出錯……除非你答不上來。就眼下來說，我希望你對這個問題給出的技術中包括WebSocket、HTML、WebGL、客戶端資料庫，等等。只有 對Web開發充滿激情的人，才會堅持不懈地學習新知識、掌握新技能;
五、最後一點
計算機科學或者Web設計方面的知識當然也有用，但那都是基本知識之外的東西。只要基本知識在那兒了，一切就都有了基礎，想擴充知識面也不難。可是，如果等到正式上班以後，還得從頭學習基本技能，那種難度是不可同日而語的。
⑼ 資深HR揭秘：Web前端面試技巧有哪些
Web前端面試技巧
Web前端工程師的面試前的准備:
1. 自我介紹
准備不同時間版本的1 分鍾、3 分鍾的自我介紹.反復練習,並脫稿,但不是背誦.因為背的話自我介紹就顯得十分的生硬,一定要用自然的語言將自我介紹說出來.這樣可以給面試官留下很好的第一印象.
2. 預演
搜索一些你應聘的公司和職位,在宿舍里、家裡,先自己預演下,可能會被問及的各種問題和答案.即使你不能猜中所有問題--當然HR也不會面面俱到、一直不停的提問,最關鍵詞的只有那麼幾個.思考問題的過程會讓你減輕緊張而且在面試時心裡有底.
3. 積極自我暗示
在群面的時候,我們可能會因為別人的發言而繞亂了自己的思路.這時候千萬不要亂,適當的做深呼吸調整一下自己,做到沉著冷靜,整理好自己的思路,努力回憶自己所學和所掌握的知識,給自己積極的心理暗示,一句話:相信自己能行!你是最棒的.
4. 面試簡歷一定要准備充分
面試你的人可能不止1 個.預先料到這點.並准備好會顯得你做事正規、細致.沒有比當被要求提供多一份簡歷而你卻沒有.更能表明你缺乏准備的事了.你說呢?
5. 完整而認真的填寫公司要求的表格
盡管你認為它們用處不大、盡管你帶了簡歷來,很多公司都會要求你填一張表.你願意並且有始有終地填完這張表,會傳達出你做事正規、做事善始善終.
面試過程:
1. 給面試官留下深刻的印象
最初和最後的五分鍾是面試中最關鍵的,在這段時間里決定了你留給人的第一印象和臨別印象以及主考人是否欣賞你.最初的五分鍾內應當主動溝通,離開的時候,要確定你已經被記住了.要讓人產生好感,富於熱情.人們都喜歡聘請容易相處且為公司自豪的人.要正規穩重,也要表現你的精力和興趣.
2. 學會自我營銷
營銷自己十分重要,將你所有的優勢推銷出去,包括你的技術資格,一般能力和性格優點,僱主只在乎兩點:你的資歷憑證、你的個人性格.你能在以往業績的基礎上工作並適應公司文化嗎?談一下你性格中的積極方面並結合例子告訴對方你在具體工作中會怎麼做.
展示你勤奮工作追求團體目標的能力,大多數主考人都希望找一位有創造力、性格良好、能夠融入到團體之中的人.你要必須通過強調自己給對方帶來的好處來說服對方你兩者皆優.
⑽ 前端面試一問三不知怎麼辦
前端面試一問三不知的時候，千萬別慌亂，可以先停一停和面試官說這個問題你需要思考一下再回答，或者說你因為太緊張之類的一時想不起來答案。
有些面試官會直接電話過去要求面試，由於面試者(尤其是學生)處於弱勢方，可能並不會拒絕面試要求，但並不意味著面試者處於最佳的物理和精神狀態下，有可能會導致面試者不能很好的發揮自己原有的實力。所以如果面試官突然打電話過來。
沒有準備好的話，不要怕冒犯面試官，一定要另外約個時間，面試官肯定會再打過來的。遭到否定面試官有可能會否定你描述的一些東西，有可能是你字眼寫的太過，比如將「熟悉」的東西寫成了「精通」，勾起了面試官的「好奇」。
有可能故意試壓，考驗你的反應，但遇到否定的時候，不要急於反駁或者是手足無措，而是詢問自省和主動討論。氣場不和有的面試官性格嚴謹沉悶，而面試者可能思維活躍，整個面試過程可能會變成面試官不停的打斷面試者讓其思維聚焦。
而面試者感到思維不停被打斷，很是氣惱，影響發揮。這種情況不可避免，但遇到這樣的面試官，請保持謙和的態度，重點是展示自己技術的廣度、深度，氣場不和並不會產生決定性的影響，面試官也不會因為這樣的原因而給與錯誤的評判。
盡量留下好的印象。結束通知有的面試官會在面試結束後說：「我的問題問完了，如果有進一步消息的話，我們會再聯系你」。面試的大部分結果，其實當場就出來了，如果你感覺給出結果的時間點不夠明確，可以反問他：「如果三天內沒有聯系，是不是就代表沒有通過？」省得讓你懷有不確切的希望。
最後，還可以挽留下面試官，講講這場面試中你的一些疑惑，獲得面試官的反饋，也可以知道自己目前哪一方面做得不足。面試中面對不會的問題面試中遇到問題不會回答，這是非常正常的，畢竟大家在學習過程中遇到的問題，跟我們在工作中遇到的問題是非常不一樣的。
除此之外，我們看問題的角度，也是有差別很大的。舉個例子，很多人都在看ReactFiber，但是如果問你們，為什麼要有Fiber這個東西，可能很多人都回答不上來，因為大家只在社區裡面看到說，Fiber是怎麼工作的啊。
但是為什麼要有Fiber？如果沒有會怎樣，而這種思考，其實是非常底層的。我相信，很多人可能都沒有思考過。那如果遇到的問題不會，你可以先選擇不會，說我覺得自己沒有信心能答出這個問題，當然我更希望聽到你說。
我現在不會，但是你給我兩分鍾思考一下，我想一下這個問題有沒有答案？我覺得這是一個很好的思考習慣，首先你在面對不會的東西是坦然的，我當下不會，很正常，我之前沒有思考過這個問題嘛，那我們再花兩分鍾思考一下。
給一個初步的答案。所以說遇到問題，也不用不會就不會，也可以有一個積極的方式回應。從面試官的角度來說，面試中考察的題目，並不是僅僅考察這道題目本身，題目的對錯並不跟最終結果直接掛鉤。面試官更希望以題目為契機。
考察面試者分析問題，解決問題的能力，以及交流過程中所體現的邏輯推理和思維方式等。跟面試官聊業務業務跟項目是完全不一樣的東西，業務認知和思考也是很重要的一個考察點，這方面面試官可能會問兩個點：業務場景和技術突破。
業務場景：面試官會詢問面試者他們的產品、業務模式、商業模式等，了解下面試者對於產品的誕生、定位、發展的認知。技術突破：技術與業務相結合這點在阿里也是一直在說但鮮有人做的非常好的地方，所以有的時候也會考察面試者。
看看他們所做的技術是如何從業務出發、給業務帶來了哪些改變以及如何去評估兩者之間產生的結果。面試結束反向互動面試官在掛斷之前，基本會給與候選人反問的機會，一般會表述為「你有什麼要問我的嗎」？無論面試的怎樣。
都希望你能說出心中的疑惑，比如面試中的某個題目、整體的評價反饋、你的建議或者了解所負責的業務，所在的團隊等等，而從面試官的角度來看，如果候選人願意反問你問題，至少能證明他是個好學的人。所以不要放棄這個互動的機會。
面試反饋每場面試結束後，面試官都會在系統里留下面試反饋，如果面試失敗，簡歷會放在人才庫里，很多人會在其中撈取簡歷，以後的面試官也可以看到之前所有的面試記錄，之所以講到這一點，是希望大家在面試中能夠保持謙和積極的心態。
認真面對每一場面試，即使這場面試沒有成功，但如果展示了好的品質，也會增加被發掘的機會，為你以後面試成功鋪路。保持聯絡如果跟面試官聊的比較好，可以請求加個微信之類的，面試是一個長期的事情，哪怕此次面試沒有通過。
以後還可能面試進來的，與面試官保持聯絡。前端面試題筆記面試會了，面試題也不能落下，這套面試筆記除了有CSS、JS、Vue、React、性能優化、伺服器埠、設計模式、數據結構和演算法面試題外，加了手寫代碼面試題。
這下面試官讓我們寫代碼也不怕啦！CSS問題flex布局css3的新特性img中alt和title的區別用純CSS創建一個三角形如何理解CSS的盒子模型？如何讓一個div水平居中如何讓一個div水平垂直居中如何清除浮動。