飛天小楊楊
隨著時代的發(fā)展，很多新興的就業(yè)職位隨之產生。前端工程師將就是隨著互聯(lián)網的快速發(fā)展而產生的。其實在很多人的觀念里，前端工程師也就是一個切頁面的而已，他們也就是會html、css、javascript這些沒有任何技術含量的網頁制作而已。然而隨著技術飛速發(fā)展，人們對這些技術的要求也是越來越高，如果只憑著一個人來把所有的事情都解決是很困難的，所以這個時候前端工程師就開始發(fā)揮著他們很大的作用了。
那我們應該如何來面試前端工程師呢？
首先我們要了解到一般關于工程師的面試都是被分為問答面試和代碼面試的。當然也有很多公司會增加一些其他的面試。不過這就主要看公司的情況而來。一般前面一二輪的面試都是主要是技術方面為主。后面幾輪就是你的老板要和你聊聊你的待遇和規(guī)劃的問題了。接下來就讓我們來聊聊面試前端工程師的一些技巧吧。
如果你想成為一個優(yōu)秀的前端工程師你就必須要有一些基礎工程師所必需的具有的扎實的理論基礎。這些扎實的理論基礎是你面試前端工程師的前提。如果你不具備這些理論上的知識想必你連面試的資格都沒有。所以想面試成功你就需要掌握這些有關的理論知識。
關于這個前端工程師的面試，考察能力時候很重要的。一般呢，我們可以總結為前端工程師是有關基礎理論和能力的綜合。而這個里面的能力就包含這個考察能力這個考察能力呢一般就是指工程師的編程能力。
一般面試官都是通過案例問題來檢驗每個人的考察能力的。這個所謂的案例問題就是在編程上的一些算法題。這一般有些小復雜所以就需要你較強的考察能力來配合了。
在我們在面對面試官時我們千萬不要緊張。在進行自我介紹時我們要努力做到自信大方、吐字清晰。我們在自我介紹時要用簡明扼要的話語來介紹自己，突出自己的優(yōu)點表明自己的求職意向。你要通過寥寥數(shù)語把自己的優(yōu)勢都向面試官介紹清楚。記住不必要的話語要少說。
好了關于如何面試前端工程師這個話題我就聊到這了。希望我的回答能對你有所幫助。
長杠豆0725
作為一名HTML5前端工程師，為了工作，為了就業(yè)我們免不了要參加各種各樣的面試。為此總結了面試前的注意事項：
第一：注意自己的儀容儀表
面試之前，一定要再次從頭到腳地將自己的儀容儀表檢查一遍。檢查時主要包括，自己的牙縫是不是還有食物殘渣，所以你需要就近找一個衛(wèi)生間，如果沒有衛(wèi)生間就近找一個角落也是可以的，但是切記一定不要在大庭廣眾之下。因此，為了給自己整理出著裝的時間請在約定時間前20分鐘到達。
第二：再次檢查面試時所需的資料是否都已帶全
這些資料主要包括：身份證明、學歷文憑證明、個人簡歷、以往作品等等，如果這些東西齊全之后，需要對這些資料做一個整理與排序。因為沒有哪個面試官希望看到面試者拿出一堆“莫名其妙”的東西塞給他，讓他自己再一頁一頁的翻找自己需要的內容，如果說這些資料在面試官手中不小心散落一地，結果可想而知。這樣的求職者在面試官眼中也一定不是一個讓人放心、有條不紊的員工。當然如果檢查時發(fā)現(xiàn)資料沒有帶全，也不要緊張。反而你要慶幸幸虧及時檢查，也有足夠的時間組織語言去向面試官解釋。
第三：面試之前將通信工具調成振動或關閉狀態(tài)
雖然說面試者與面試官之間是一個平等的關系，但畢竟你是去人家公司求職的，始終處于一個被動的狀態(tài)，所以最起碼的尊重還是要做到的。曾經有調查顯示，對于面試過程中接電話或是被電話打斷的求職者，會被HR減分。
第四：等候面試官時，仔細觀察多了解面試公司
在等候面試官時，可以暗自觀察一下公司的大體情況比如員工的著裝風格、公司的LOGO或是貼在墻上的企業(yè)文化、公司的環(huán)境等等，一來可以在接下來的面試過程中表現(xiàn)出自己對公司的認同感，二來也可以讓自己對求職公司多些了解，以確定是否要接受這里的工作。如果你身邊有公司的資料宣傳架，不妨取一本翻看一下，也會增加HR對你的好感。
第五：放松心情，保持自信
面試時一定要保持一定的自信，這樣也會給面試官留下很好的印象。面試只是你步入工作的第一步，即便是失敗了那也是人生重要的經歷。失敗是為了更好的迎接下一個挑戰(zhàn)。
作為一名web前端工程師千萬不要覺得懂技術面試就能萬事大吉了，像以上五點細節(jié)性的東西也是一定要掌握的。
面試題系列：
網頁鏈接
趙西法119
Web前端工程師面試主要就是問你對前端工程師有何認識，你最滿意是做了什么項目，詳細介紹這個項目的背景過程。你對于我們公司有沒有了解，你對我們公司的項目有什么意見看法等等。更多前端工程師如何面試你可以到問問我建筑求職網了解相關面試技巧。
kiki朱朱小猴子
將這些問題作為參考。希望你的面試官有點經驗，不會用以下這樣的問題開場。以防萬一，還是準備一些答案。1.為什么選擇程序員這個職業(yè)生涯?2.截至目前，你所從事的項目中最喜歡的是哪個?3.描述一下你夢想中的研發(fā)項目。另外一些面試官會問一些通用的技術問題，來測試你的技術能力。有可能部分人不知道這些問題是什么意思，而僅僅是在考察你的能力/競爭力?；诿嬖嚬俚募夹g能力級別的不同，你的答案也會有所不同。這些問題簡單易答，因此把這些問題記下來。1.描述一下創(chuàng)建一個新網頁的過程2.怎樣減少頁面加載時間?3.標準和標準體(standards and standards bodies)為什么重要?4.你使用怎樣一個過程來組織代碼?5.你喜歡用什么工具來測試代碼性能?[page]既然你從事前端工作，理解CSS會非常重要。因此這里為你準備了一些常見的CSS問題。這是展示你知識儲備的重要開始。這些并不是最尖銳或者重要的問題，如果不能回答出來，將對你很不利。 中的 resetting 和 normalizing 之間的區(qū)別有哪些?2.什么是floats，它是如何工作的?、relative、fixed 和 static 定位的區(qū)別是什么?4.解釋visiblity hidden和display none之間的區(qū)別5.你是如何修復特定瀏覽器默認樣式的問題?6.你是否用過網格系統(tǒng)?目的是?7.如果計算CSS權重?8.解釋如何優(yōu)化CSS選擇器。9.為什么需要使用預編譯器?10.你是如何測試網站的跨瀏覽器兼容性?現(xiàn)在我們最基本的任務完成了。誰都能死記硬背這些答案來應付以上問題。即使是新手前端開發(fā)者也能出色地回答大部分問題。然而如果想真正讓你的面試官印象深刻并證明你的功底深厚，就把下面這些問題牢記在心。1.前端開發(fā)的框架是什么?2.響應式web app和原生應用程序的區(qū)別是什么?3.原生app相對web app的優(yōu)點是什么?4.客戶端和服務器端開發(fā)的區(qū)別是什么?5.什么是SASS和LESS?它們是如何工作的?面試官會更多關注你是如何表達對這些問題的解釋。他們會追問支持你的答案的工作案例。前面的問題你可能可以通過記憶而過關，你可能還會遇到這些問題的擴展，但這些答案的深度，將讓你與眾不同。通過你參與過的實際項目，來展示你的思考過程。
小企9999
1、一般HR會給你一份面試題，里面是一些js/css基礎內容，看你的基本功是否牢固。2、做完試題技術面試官會問你之前做過哪些項目經驗，有何得失，平時是否自學等。3、問些框架內容，比如Jquery,react,vue,angular等，UI框架用過哪些。4、svn/git是否用過，webpack打包等5、為什么選擇我們的公司，為什么離職等6、你還有什么問題問我們的
我愛娟子
一、基本知識 我們生活在網際網路時代，你想知道的任何事情幾乎都能在15分鐘內找到相關資訊?？墒?，能找到資訊并不等于你會使用它。我認為所有前端工程師至少都應 該掌握某些基本的知識，才能有效地完成自己的工作。如果一遇到問題，就停下工作上網四處搜尋解決方案，怎么可能保證按期完成工作呢？聽聽，還有誰在說“我 不知道，但我可以上網搜到?！闭堖@些同學把手舉起來，讓大家認識一下（immediately raises a flag for me.）。下面我列出一些基本的知識點，這些都是我認為一名前端工程師（無論工作年頭長短）在沒有任何外來幫助的情況應該知道的。 [list][*] DOM結構——兩個節(jié)點之間可能存在哪些關系以及如何在節(jié)點之間任意移動。 [*] DOM操作——怎樣新增、移除、移動、復制、建立和查詢節(jié)點。 [*] 事件——怎樣使用事件以及IE和DOM事件模型之間存在哪些主要差別。 [*] XMLHttpRequest——這是什么、怎樣完整地執(zhí)行一次GET請求、怎樣檢測錯誤。 [*] 嚴格模式與混雜模式——如何觸發(fā)這兩種模式，區(qū)分它們有何意義。 [*] 盒模型——外邊距、內邊距和邊框之間的關系，IE 8以下版本的瀏覽器中的盒模型有什么不同。 [*] 塊級元素與行內元素——怎么用CSS控制它們、它們怎樣影響周圍的元素以及你覺得應該如何定義它們的樣式。 [*] 浮動元素——怎么使用它們、它們有什么問題以及怎么解決這些問題。 [*] HTML與XHTML——二者有什么區(qū)別，你覺得應該使用哪一個并說出理由。 [*] JSON——它是什么、為什么應該使用它、到底該怎么使用它，說出實現(xiàn)細節(jié)來。 [/list] 重申一下，上述這些知識點都應該是你應該“想都不用想”的東西。我一開始問的所有問題都是想摸清你對所有這些領域知識的掌握程度。雖然上面列出的這些知識點并沒有面面俱到，但我覺得你至少應該掌握這些，才有可能跟我坐到一間辦公室里來。 二、少量提問 我非常贊同面試者問的問題越少越好。反復問應聘者各種問題既不公平，也很無聊。我在任何一次面試中，通常只問三個大問題，但每個問題又會涉及我所能想到的多個方面?；卮鹈總€大問題一般要經過幾個步驟，這樣我就可以在每個步驟中穿插著問一些小問題。比如說：
HR一般不會面試太深的問題，主要是了解一下你之前的工作經歷，更多的是你自己描述，中間可能會問一些初級的問題，比如，你為什么從上一家單位離職等類似問題。
這樣的布局用絕對定位實現(xiàn)最合適，ABC的外層用相對定位，里邊各列用絕對定位就可以。至于CBA且B寬度自適應，還是用絕對定位，但只定位C,A分部到兩側，中間的列margin設成左右列的寬度就可以。
web前端開發(fā)工程師想要硬氣的跳槽，起碼應該達到以下幾點： 1.掌握扎實的技術基礎， 需要掌握技術包括：HTML、CSS、JavaScript; HTML是Web程式設計的基礎，HTML也是一種規(guī)范，一種標準，它通過標記符號來標記要顯示的網頁中的各個部分。網頁檔案本身是一種文字檔案，通過在文字檔案中新增標記符，可以告訴瀏覽器如何顯示其中的內容。 維護大型的CSS程式碼庫并非易事，特別是那些隨意散漫未經組織的CSS程式碼極易變成一團亂麻，所以，應該掌握CSS命名規(guī)范，來幫助開發(fā)者編寫優(yōu)質的程式碼。 2.深入理解前端工程化和元件開發(fā); 需要熟悉web前端框架—— React、等， React為我們提供了直接易用的，以狀態(tài)為核心的前端應用開發(fā)方式，前端工程師應該會分析React內部工作原理，討論React中簡單元件、類元件等渲染流程。 單元測試是應用開發(fā)中不可或缺的部分，日常開發(fā)中會用到的單元測試的例子，所以應該掌握。 3.熟練掌握Web開發(fā)相關知識 至少熟悉一門后端語言，例如、Java、Go等; 內部原理視非常重要的，應該明白的主程序是如何啟動的、如何載入內建模組、os包如何實現(xiàn)等等。 4.對技術有熱情，有一定前端架構能力或者技術深度;具備團隊合作意識強，能夠多團隊協(xié)作開發(fā);具備企業(yè)級大型前端應用開發(fā)經驗更佳。
前端工程師需要懂得設計類程式碼和js，有需要了解一些后臺語言，例如PHP等。
1.入門階段：能夠解決一些問題的水平。有一定的基礎(比如最常見的HTML標簽及其屬性、事件、方法;最常見的CSS屬性;基礎的JavaScript程式設計能力)，能夠完成一些簡單的Web前端研發(fā)需求。 2.進階階段：將JavaScript、HTML、CSS之類的編碼幫助手冊里的每個方法/屬性都通讀幾遍!只有將基礎打好，以后的路才能走的順暢。 3.入室：最強程式碼，知道所有能夠解決需求的各種方案，能夠選擇使用最優(yōu)秀的方案滿足需求。這個級別基本上產品開發(fā)程式設計中的程式碼主力。程式設計師應該能夠肯定的回答：對于這個需求而言，我的程式碼就是最優(yōu)秀的程式碼。 4.注重細節(jié)，注意那些當前需求里沒有明文給出的細節(jié)：程式碼效能的差異、執(zhí)行平臺(瀏覽器)的差異、需求的隱性擴充套件、程式碼的向后相容等等。
web前端工程師是不參與任何的設計，直接將網站美工制作的網站效果圖使用ps按照效果圖進行切片并使用、css、js等程式碼進行網頁的制作，最終編寫出符合w3c標準的相容各個主流瀏覽器的靜態(tài)頁面，同時還需要按照后臺開發(fā)人員的要求留下一些后臺資料的介面。所以說網站前端工程師更多的是程式設計而不是設計。 UI設計師一般是學美術或者設計出身，精通photoshop、AI、AE等平面設計工具，其在網站開發(fā)過程的中的職責就是按照客戶或者公司的需求設計出符合客戶需求和介面或者顏色符合大眾視覺的網站效果，如根據(jù)不同行業(yè)的需求設計顏色、設計介面風格等，其工作的最后成果就是網站的效果圖。
less和sass什么時候學都行，1,2天就能學會。這個不著急，沒有什么承上啟下的作用，可以單獨拿出來學。 bootstrap就是一個框架，把最主要的柵格系統(tǒng)看看就好。其他的大概了解能干啥就行，很多公司，是不讓用bootstrap的，而是用原始碼自己寫。這個用一天的時間沒啥問題。 和angular比較重要，如果學會，算是上了一個臺階了。所以重點說說這個。 angular屬于mvvm框架，一開始覺得angular挺復雜的，所以想學一個簡單的，輕量級的，所以決定先學vue。但是在了解的過程中發(fā)現(xiàn)，很多的專業(yè)名詞，沒聽過，或者理解不透。所以又開始從頭學習。在學習的過程中又開始迷茫，發(fā)現(xiàn)了很多JS不懂的地方。 所以，又開始深入研究js的dom，函式，ajax，陣列等?？傊昧撕荛L的時間，浪費了很長時間。 最后總結一下啊。其實，沒必要鉆那么多牛角尖。 先做著vue的例子，不懂的地方，直接略過，很多時候，不理解的不懂的東西，用著用著，突然就能明白。照貓畫虎先把VUE的例子跟著做一遍之后，同時梳理一下涉及到的JS知識點。能自己用vue做出幾個小成品的時候，開始結合js研究。之后再去涉及angular。 angular差不多有個大概了解的時候，反過頭接著學vue，你會發(fā)現(xiàn)，又會發(fā)現(xiàn)很多新東西。 web前端這個東西特別有意思，當你達到一個高度，返回來再看以前的技術，會發(fā)現(xiàn)，哎呀，竟然又能發(fā)現(xiàn)新大陸。
培訓學校很多，沒有具體的衡量標準的。但是可以從幾方面去選擇： 1 有很多優(yōu)秀導師的 2 培養(yǎng)出很多優(yōu)秀學員的 3 只做培訓的，沒有做其他的 4 做的比較久的。
建議找全程面授課程的地方學習，課程體系很重要，現(xiàn)在企業(yè)在用人方面講究全棧的前端工程師人才，所在在課程選擇上要慎重，學習內容要基于HTML5，要包含pc端+移動端+后端。這要才能學的系統(tǒng)，就業(yè)上才會有所保障。
優(yōu)質工程師考試問答知識庫
