當前位置:首頁 » 網頁前端 » 前端面試面和技術面
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

前端面試面和技術面

發布時間: 2022-12-21 17:34:12

Ⅰ 如何面試前端工程師

隨著時代的發展,很多新興的就業職位隨之產生。前端工程師將就是隨著互聯網的快速發展而產生的。其實在很多人的觀念里,前端工程師也就是一個切頁面的而已,他們也就是會html、css、javascript這些沒有任何技術含量的網頁製作而已。然而隨著技術飛速發展,人們對這些技術的要求也是越來越高,如果只憑著一個人來把所有的事情都解決是很困難的,所以這個時候前端工程師就開始發揮著他們很大的作用了。

那我們應該如何來面試前端工程師呢?

  • 談吐要大方得體

在我們在面對面試官時我們千萬不要緊張。在進行自我介紹時我們要努力做到自信大方、吐字清晰。我們在自我介紹時要用簡明扼要的話語來介紹自己,突出自己的優點表明自己的求職意向。你要通過寥寥數語把自己的優勢都向面試官介紹清楚。記住不必要的話語要少說。

好了關於如何面試前端工程師這個話題我就聊到這了。希望我的回答能對你有所幫助。

Ⅱ 前端面試要點

想要通過前端面試順利進入一線大廠成就高薪前端夢。那麼首先,我們得知道前端面試中,社招和校招究竟有啥區別?

對於前端開發來說,如果說社招更看重對前端技術體系的深入理解,以及解決問題的能力話,那校招更看重的其實是基本功和學習能力(或者說是潛力)。

但其實,無論是社招還是校招,面試的時候都會問到一些曾經操作過的項目,尤其是大廠,或者熱門高薪部門,面試官除必問的技術經驗外,也會對技術深度進行一個基礎的考核,那在這種情況下如何hold住大廠面試呢?

前端面試三要素:簡歷、個人介紹、技術能力。下面,就來分別聊一聊。

1、簡歷篩選關:

HR一般會去看簡歷中所提的技術棧是否匹配,怎麼看呢?我們可以抓住簡歷中的技術名詞,一般來說如果一點技術名詞都沒有提到,那麼大概有以下幾種可能:很水、很牛但概率很小、不會寫簡歷。所以,一部分人可能會因為簡歷的問題沒有了面試機會,這點是需要非常注意的。

2、個人介紹關:

通過了簡歷篩選階段,就真正到了面試環節。這時候一定要准備好一段最多3分鍾的個人介紹。請注意,最多3分鍾!言簡意賅的說明自己的工作時間,擅長技術棧和自己的工作預期。

3、項目經驗表達:

對前端開發學習者而言,JS並不陌生,但大廠的JS面試題卻總是顯得很「陌生」,怎麼樣能夠真正做到深入理解與高級應用?這不僅是面試過程中對前端求職者的要求,也是大多數前端開發者的痛點。

大廠面試中,面試官除了關注你的項目經驗外,還往往喜歡和面試者深入探討前端某些技術領域成體系的前端知識。比如:模塊化、非同步解決方案、網路、框架及原理、線程等,但在與面試官的正面battle中,求職者總會敗下陣來。

所以,建議大家在Web前端面試前一定要注重這三個方面的內容。注重了這些想找找到一份適合的Web前端開發工作並不是難事。

Ⅲ 初級前端面試小記

2018 年初連續面試了十多家初級前端崗位,每次面試結束之後都會習慣性地記下來被問到的問題。最後歸納總結了一些題目和自己的經驗,公布出來希望對入門新手有一點幫助。因為個人水平有限,所以遇到的都是一些很初級的問題,公開發表權當拋磚引玉。

首先講講面試流程。對於沒有內推的人來說,大部分公司的流程是首先自主投遞簡歷,通過初篩之後,有的公司會進行一輪電話面試,OK 的話會邀請去公司做三輪 onsite 面試,一輪考察技術基礎,二輪boss面,前兩輪聊的不錯的話就可以和HR聊了。

如果有內推的話肯定是最好的,有人作背書至少可以拿到一個直接 onsite 的機會。當然,我也知道剛畢業的學生或者需要換一個新的工作環境的小夥伴們可能沒有那麼容易找到內推機會。我也體會過瘋狂投簡歷但是一次面試都拿不到的感受,所以需要內推的小夥伴可以拉到文章最後看看我們的簡介,直接私信發給我你的簡歷,我來幫你內推。

沒有的話就網上自己投遞,我在拉勾上投了大約一百份簡歷,大約每6,7次投遞會拿到一個面試,效率也算很高了。

另一個拿面試的辦法是在互聯網上公開自己的簡歷,讓HR或者獵頭來找你。即使是缺乏工作經歷的菜鳥,也是有HR/獵頭主動聯系的,所以一定要好好寫你的簡歷!最好保證自己的簡歷在主流的互聯網招聘平台上都能夠被搜索到,我在幾個平台上都收到過HR主動發的面試邀請。

面試官看簡歷的時候一般會聊三個部分,第一是工作經歷,第二是做過的項目,第三是精通/熟悉的技術。對於前兩個部分最好是先自己總結好,面對任何人都能夠很自然地說出來,不然現場邊想邊說很難表達好自己。對於初學者來說,項目經歷這一欄一般會寫模仿過的網站。但最好有一個自己模仿過的組件,面試中被問到的幾率很高。而第三部分,自己簡歷上寫的精通技術,一定要在面試前系統地復習一遍,如果自己寫了精通,但是被人問到發現不會就尷尬了。

首先,一定記得自己列印好簡歷隨身帶上!個人經驗是,大約每3,4次面試會就有1次面試官是沒有準備簡歷的,所以隨身帶簡歷還是很有必要的。另外如果你英語水平還過得去的話,英語簡歷請務必准備,同時也准備好一套英文的自我介紹。這么多次面試中,我三次被人要求作英文自我介紹,兩次拿出了英文簡歷,雖然比例並不高,但總是有備無患。

自己做過的項目要好好總結,最好要做到能現場在白紙上把源碼寫出來的程度。面試官很喜歡考察這方面的深度,這個方面很能體現出一個人的思考深度。如果只是簡單地引用了第三方的庫的話,連續問幾個 follow up 問題就會漏出馬腳。所以對於自己做過的項目,先試著自己總結一下,看自己理解的深度是否足夠。

每次面試結束,立即記下所有的問題,當天回去查資料找到最好的答案,多作總結。初級崗位問來問去也就那麼些東西,頭一天被問到的問題完全有可能第二天又被問到,其次這也是一個自我學習的好機會。當然面試多了,遇到一些奇葩公司屬於正常現象,要習慣於被人拒,也要學會拒絕。

Ⅳ 記前端第5-6次面試-告一段落

這是一家即將上市的公司,早上9點多,一大波上班程序員爬樓,等電梯,很是壯觀。
公司應該是包下了一個大廈的一層

剛進去,在前台給了我一張表格填寫個人信息+表後面是一些開放性的問題
之hr領我過去到裡面一個休息區域,離辦公區域近,很糟雜,旁邊時不時有人員走動

問了簡單的個人信息,期望職位,就兩三個問題,就叫來技術面了

自我介紹+
一份試卷(有10題)中間少一頁(一共有6題的樣子)

之後有一個哥們,我看到牌子寫前端經理(這家公司有100多前端的,應該算非常厲害了)
每道題過了一遍然後給我講解,問我還有別的方法了嗎?之後問了

我說沒了

第一次在面試的時候進行才一半就不繼續下去了?
怎麼說呢,這次面試我真的,是我先感覺不想回答他問題了。後面問問題我就沒有認真回答了, 到底出了什麼事情? 我先吐槽面試官再說說我的問題吧

可能有些人會說,上面問題有些很正常啊,固定題目也不少見了,我說下原因

晚上看了知乎 ,覺得下面紅線真的是貼切

我在紅線的基礎上加一句

++大部分小廠希望招應屆實習生,不是要真的培養你,口頭說有大牛帶帶啥的,都是假的,小廠就是想找個可以干雜貨、累活,工資又有理由工資低的苦力,這樣就可以給公司主力節約時間,把時間花在核心業務上面。反正沒給你承諾百分之百轉正,就算轉正,公司技術天花板就那麼高,你還想有多少進步?++

對於小廠有理由,正兒八經的剝削方式,還節約成本討老闆喜歡,何樂而不為呢?

下午是一家 說小 不小,幾百人,說大不大(兩個平台的saas服務)

在門口打hr電話,出來給我開門

給了一份筆試試卷
做了半天(最後一題解析url,空手沒寫出來)

問了我學校經歷,個人職業規劃等等,家庭情況

來了兩個人技術面

總體我覺得自己有點受上午影響嗎,回答問題時沒有開放思維,某個問題怎麼解決就一句概括回答。

Ⅳ 面試Web前端需要注意什麼會面試哪些問題

作為一名HTML5前端工程師,為了工作,為了就業我們免不了要參加各種各樣的面試。為此總結了面試前的注意事項:

第一:注意自己的儀容儀表

面試之前,一定要再次從頭到腳地將自己的儀容儀表檢查一遍。檢查時主要包括,自己的牙縫是不是還有食物殘渣,所以你需要就近找一個衛生間,如果沒有衛生間就近找一個角落也是可以的,但是切記一定不要在大庭廣眾之下。因此,為了給自己整理出著裝的時間請在約定時間前20分鍾到達。

第二:再次檢查面試時所需的資料是否都已帶全

這些資料主要包括:身份證明、學歷文憑證明、個人簡歷、以往作品等等,如果這些東西齊全之後,需要對這些資料做一個整理與排序。因為沒有哪個面試官希望看到面試者拿出一堆「莫名其妙」的東西塞給他,讓他自己再一頁一頁的翻找自己需要的內容,如果說這些資料在面試官手中不小心散落一地,結果可想而知。這樣的求職者在面試官眼中也一定不是一個讓人放心、有條不紊的員工。當然如果檢查時發現資料沒有帶全,也不要緊張。反而你要慶倖幸虧及時檢查,也有足夠的時間組織語言去向面試官解釋。

第三:面試之前將通信工具調成振動或關閉狀態

雖然說面試者與面試官之間是一個平等的關系,但畢竟你是去人家公司求職的,始終處於一個被動的狀態,所以最起碼的尊重還是要做到的。曾經有調查顯示,對於面試過程中接電話或是被電話打斷的求職者,會被HR減分。

第四:等候面試官時,仔細觀察多了解面試公司

在等候面試官時,可以暗自觀察一下公司的大體情況比如員工的著裝風格、公司的LOGO或是貼在牆上的企業文化、公司的環境等等,一來可以在接下來的面試過程中表現出自己對公司的認同感,二來也可以讓自己對求職公司多些了解,以確定是否要接受這里的工作。如果你身邊有公司的資料宣傳架,不妨取一本翻看一下,也會增加HR對你的好感。

第五:放鬆心情,保持自信

面試時一定要保持一定的自信,這樣也會給面試官留下很好的印象。面試只是你步入工作的第一步,即便是失敗了那也是人生重要的經歷。失敗是為了更好的迎接下一個挑戰。

作為一名web前端工程師千萬不要覺得懂技術面試就能萬事大吉了,像以上五點細節性的東西也是一定要掌握的。

面試題系列:

網頁鏈接

Ⅵ 如何面試前端工程師

一般都是結構化的,結構化的面試如:
一個頁面從輸入 URL 到頁面載入完的過程中都發生了什麼事情?
你原來做過哪些讓你印象深刻的項目?用 STAR 面試法來不停追問細節。
面試方法
代碼編寫筆試

問答式

過程遵循 STAR 面試法 。

校招和社招的是不一樣的,校招會更加關注基礎知識,而社招會更加關注之前做過的項目情況。

項目相關

面試其實說白了就是根據一個人之前的經歷,來判斷出後續這人會做得怎樣,如果你之前從沒做成過一件事情,憑什麼讓別人相信你之後能做成呢?因此無論哪裡的面試都會問你之前做過的項目
項目可以是多人協助開發一個產品,也可以是自己個人做過的業余應用,只需介紹 1、2 個就夠了,需要注意的是 1 + 1 != 2,做了兩個平庸的項目不如做了一個好項目。

一般來說會問如下幾方面的問題:
做過最滿意的項目是什麼?
項目背景
為什麼要做這件事情?
最終達到什麼效果?
你處於什麼樣的角色,起到了什麼方面的作用?
在項目中遇到什麼技術問題?具體是如何解決的?
如果再做這個項目,你會在哪些方面進行改善?

技術相關 - 1 面

技術一面主要判斷對基礎知識的掌握
描述一個你遇到過的技術問題,你是如何解決的?
這個問題很常見,有沒有遇到過很不常見的問題?比如在網上根本搜不到解決方法的?
是否有設計過通用的組件?
請設計一個 Dialog(彈出層) / Suggestion(自動完成) / Slider(圖片輪播) 等組件
你會提供什麼介面?
調用過程是怎樣的?可能會遇到什麼細節問題?
更細節的問題推薦參考 darcyclarke/Front-end-Developer-Interview-Questions · GitHub
技術相關 - 2 面

技術二面主要判斷技術深度及廣度
你最擅長的技術是什麼?
你覺得你在這個技術上的水平到什麼程度了?你覺得最高級別應該是怎樣的?
瀏覽器及性能
這些優化方法背後的原理是什麼?
除了這些常規的,你還了解什麼最新的方法么?
(這個問既考察技術深度又考察技術廣度,其實要答好是相當難的,注意越詳細越好)
一個頁面從輸入 URL 到頁面載入完的過程中都發生了什麼事情?越詳細越好
談一下你所知道的頁面性能優化方法?
如何分析頁面性能?
其它
除了前端以外還了解什麼其它技術么?
對計算機基礎的了解情況,比如常見數據結構、編譯原理等
興趣相關
最近在學什麼?接下來半年你打算學習什麼?
做什麼方面的事情最讓你有成就感?需求設計?規劃?具體開發?
後續想做什麼?3 年後你希望自己是什麼水平?
主動性相關
在之前做過的項目中,有沒有什麼功能或改進點是由你提出來的?
是否有參與和改進其它開源項目

Ⅶ 前端面試題目難嗎 如何輕松面對前端面試

從以下五個方面做,可以輕松面對前端面試:
一、基本知識
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設計方面的知識當然也有用,但那都是基本知識之外的東西。只要基本知識在那兒了,一切就都有了基礎,想擴充知識面也不難。可是,如果等到正式上班以後,還得從頭學習基本技能,那種難度是不可同日而語的。

Ⅷ web前端開發面試流程是怎樣的

首先投簡歷,等待hr通知面試,一般情況下先填資料,做測試題,接著開始第一面(一般問經你的個人情況,工作經歷等),資料已經交給技術,等一面通過之後接著二面,二面一般是技術面試,問你開發相關的技術問題(例如布局問題,js,框架之類的),有些公司還需要上機操作(寫一兩個頁面或者開發一個js方法等),有些公司是通過之後直接進行3面有些是改天再進行3面,3面一般就是項目經理或總經理問你一些各種各樣的問題(隨機應變就行,也有一些公司沒有這個環節),如果3面都過了,基本上就是面試成功了,接下來就是4面,也就是人事主管和你談工資待遇等問題了,這個談好之後就會告訴你什麼時候過來上班,要准備什麼東西,當然一般還會有正式的工作邀請函發到你的郵箱。如果沒有3面的公司,那人事這個環節就直接是3面了。
還有一些公司是一面之後等通知,通過的就通知你二面,然後再等通知,然後通過再三面(這樣的公司我一般不會等,太浪費時間)

Ⅸ 前端面試一般問什麼

web前端面試會問人事方面的內容和web前端技術的內容;

人事的面試

web前端人事面試方面,需要注意如何自我介紹、性格有哪些優劣勢、職業規劃方向是什麼、你的特長是什麼、對於加班之類你是怎麼看待等人事面試內容;

web前端技術的面試

技術面試,需要注意HTML+CSS+JavaScript以及JS主流框架的使用,比如Vue、React等,前端相關技術,比如tcp握手協議、網路安全、後端技術等;

對於web前端面試准備,建議你去看「決勝前端」(min app),它裡麵包含了很多web前端技術面試、人事面試等面試真題,而且針對面試題做了詳細的分析與解答。

我給你截圖看一下例子吧