① 前端面試會提問到哪些
在面試前端的過程中，有些問題是經常會被提問到的
一、基礎篇
1. 在不使用第三個變數的情況下，如何調換a與b的值？
2. px與em的區別
3. 簡述一下盒模型
4. 頁面導入樣式時，使用link和@import有什麼區別？
5. 簡述一下事件代理
二、HTML常見題目
01、Doctype作用？嚴格模式與混雜模式如何區分？它們有何意義？
02、HTML5為什麼只需要寫？
03、行內元素有哪些？塊級元素有哪些？空(void)元素有哪些？
04、頁面導入樣式時，使用link和@import有什麼區別？
05、介紹一下你對瀏覽器內核的理解？
06、常見的瀏覽器內核有哪些？
07、html5有哪些新特性、移除了哪些元素？如何處理HTML5新標簽的瀏覽器兼容問題？
08、如何區分HTML和HTML5？
09、簡述一下你對HTML語義化的理解？
10、HTML5的離線儲存怎麼使用，工作原理能不能解釋一下？
三、CSS類的題目
01、介紹一下標準的CSS的盒子模型？與低版本IE的盒子模型有什麼不同的？
02、CSS選擇符有哪些？哪些屬性可以繼承？
03、CSS優先順序演算法如何計算？
04、CSS3新增偽類有哪些？
05、如何居中div？如何居中一個浮動元素？如何讓絕對定位的div居中？
06、display有哪些值？說明他們的作用。
07、position的值relative和absolute定位原點是？
08、CSS3有哪些新特性？
09、請解釋一下CSS3的Flexbox(彈性盒布局模型),以及適用場景？
10、用純CSS創建一個三角形的原理是什麼？
四、JavaScript類的題目
01、JavaScript中this是如何工作的
02、請解釋原型繼承的原理。
03、什麼是閉包(closure)，如何使用它，為什麼要使用它？
04、.call 和.apply的區別是什麼？
05、請指出JavaScript 宿主對象(host objects) 和原生對象(native objects) 的區別？
06、請指出以下代碼的區別：function Person(){}、var person = Person()、var person = new Person()？
07、請解釋變數聲明提升(hoisting)。
08、什麼是 「use strict」; ？ 使用它的好處和壞處分別是什麼？
09、什麼是事件循環 (event loop)？
10、請解釋同步 (synchronous) 和非同步 (asynchronous) 函數的區別。
五、開發及性能優化類題目
01、如何規避javascript多人開發函數重名問題？
02、請說出三種減低頁面載入時間的方法.
03、說說你所了解到的Web攻擊技術。
04、說說你說了解的前端性能優化方法？
05、前端開發中，如何優化圖像？圖像格式的區別？
06、瀏覽器是如何渲染頁面的？
07、頁面重構怎麼操作？
08、什麼叫優雅降級和漸進增強？
09、前端需要注意哪些SEO？如何做SEO優化？
10、平時如何管理你的項目？
② 前端面試官常問的問題有哪些
1、重繪和重排的關系：
重繪不會引起重排，但重排一定會引起重繪，一個元素的重排通常會帶來一系列的反應，甚至觸發整個文檔的重排和重繪，性能代價是高昂的。
2、重繪的概念：
重繪是一個元素外觀的改變所觸發的瀏覽器行為，例如改變visibility、outline、背景色等屬性。瀏覽器會根據元素的新屬性重新繪制，使元素呈現新的外觀。由於瀏覽器的流布局，對渲染樹的計算通常只需要遍歷一次就可以完成。
但table及其內部元素除外，它可能需要多次計算才能確定好其在渲染樹中節點的屬性值，比同等元素要多花兩倍時間，這就是我們盡量避免使用table布局頁面的原因之一。
3、觸發重排的情況：
頁面渲染初始化時；瀏覽器窗口改變尺寸；元素尺寸改變時；元素位置改變時；元素內容改變時；添加或刪除可見的DOM元素時。
4、rex的缺點：
（1）一個組件所需要的數據，必須_父組件傳過來，而不能像flux中直接從store取。
（2）當一個組件相關數據更新_，即使父組件不需要用到這個組件，父組件還是會重新render,可能會有效率影響，或者需要寫復雜的shouldComponentUpdate進行判斷。
5、對MVC和MVVM的理解：
（1）mvc：View傳送指令到Controller Controller完成業務邏輯後，要求Model改變狀態Model將新的數據發送到View，用戶得到反饋所有通信都是單向的。Angular它採用雙向綁定（data-binding）：View的變動，自動反映在ViewModel，反之亦然。組成部分Model、View、ViewModel
（2）View：UI界面ViewModel：它是View的抽象，負責View與Model之間信息轉換，將View的Command傳送到Model；Model：數據訪問層。
③ 前端面試要點
想要通過前端面試順利進入一線大廠成就高薪前端夢。那麼首先，我們得知道前端面試中，社招和校招究竟有啥區別？
對於前端開發來說，如果說社招更看重對前端技術體系的深入理解，以及解決問題的能力話，那校招更看重的其實是基本功和學習能力（或者說是潛力）。
但其實，無論是社招還是校招，面試的時候都會問到一些曾經操作過的項目，尤其是大廠，或者熱門高薪部門，面試官除必問的技術經驗外，也會對技術深度進行一個基礎的考核，那在這種情況下如何hold住大廠面試呢？
前端面試三要素：簡歷、個人介紹、技術能力。下面，就來分別聊一聊。
1、簡歷篩選關：
HR一般會去看簡歷中所提的技術棧是否匹配，怎麼看呢？我們可以抓住簡歷中的技術名詞，一般來說如果一點技術名詞都沒有提到，那麼大概有以下幾種可能：很水、很牛但概率很小、不會寫簡歷。所以，一部分人可能會因為簡歷的問題沒有了面試機會，這點是需要非常注意的。
2、個人介紹關：
通過了簡歷篩選階段，就真正到了面試環節。這時候一定要准備好一段最多3分鍾的個人介紹。請注意，最多3分鍾！言簡意賅的說明自己的工作時間，擅長技術棧和自己的工作預期。
3、項目經驗表達：
對前端開發學習者而言，JS並不陌生，但大廠的JS面試題卻總是顯得很「陌生」，怎麼樣能夠真正做到深入理解與高級應用？這不僅是面試過程中對前端求職者的要求，也是大多數前端開發者的痛點。
大廠面試中，面試官除了關注你的項目經驗外，還往往喜歡和面試者深入探討前端某些技術領域成體系的前端知識。比如：模塊化、非同步解決方案、網路、框架及原理、線程等，但在與面試官的正面battle中，求職者總會敗下陣來。
所以，建議大家在Web前端面試前一定要注重這三個方面的內容。注重了這些想找找到一份適合的Web前端開發工作並不是難事。
④ 前端開發面試回答，你怎麼回答
我面試過很多 前端程序員，非常了解面試者和面試官的心理，我可以很負責的告訴你：
就算面試你的人說你只能拿8K，但是你完全可以通過各種方法去拿到10K以上的薪資！
面試的時候面試官都是什麼樣的心理？
大多數公司的領導都會通過給你構造一個宏偉的藍圖以及對你進行技術打擊，來讓你降低標准，因為任何一家公司都希望花最少的錢請到最NB的技術人才，其實雙方就是一個周旋的過程，看誰的情商更高一些，但往往都是面試者被面試官拿下的情況比較多。
我給面試經驗不多的 前端程序員4個建議：
1、說工資時千萬不要說自己的理想工資，在這個之上虛高一點！
假設你預期的薪資是10k，你很實在的說要10k，那麼按照常理來說，你的工資標準是一定會被往下進行打壓的。
你可以先說自己以前的工作的薪資在11K左右，現在換份工作想要13K的薪資，這個時候面試官就會想，這個人以前的工資是11k，現在給他10k他肯定是不會來的，但他還是會跟你進行壓價，但是壓價肯定都是在10k以上的，所以你和面試官談判的時候，如果他認可你，那麼你的薪資應該就會在10k-13k之間，無論最終是10k還是11k或者12k，我們的目標都已經達到了。你可以進行一番思考，最終同意對方的開價。
但是你不要跟輕易的答應，一定要拿捏一下，讓對方覺得你也在考慮，最終你選擇了他們公司，要表達出對他們公司的願景，自己中意的是職業發展，喜歡的是公司氛圍等等因素，這樣對方才會認為你是看重公司的發展，而不是因為工資。關於這點我只能說，華夏民族的人和人交流的關系是世界最微妙的，這些套路大家心知肚明，但是你用和不用還真的是兩種效果。
2、設置一個自己的心理價位
如果對方說的薪資低於這個心理價位，我們一定要果斷拒絕，保持我們的原則性，不要因為對方說了而讓你降低了自己的心理價位，這樣也會讓面試官覺得你非常的有原則，非常自信，人們都尊重這樣的人，如果你一味的做舔狗，下場會非常悲慘。
根據我十年多的IT從業經驗來看，即使是做同樣的工作，也會存在著很多工資高低差距較多的情況，所以不要掉在一棵樹上，現在社會工作機會這么多，只要有實實在在的技術，工作是很容易找的，一定要多去嘗試。
3、凸顯自己的價值，讓對方覺得你是個人才
如果之前兩點沒有達到預期成效，但你又非常看好這家公司，就該盡力爭取了；
用自己之前做成的事情說事情，最好是用數據給面試官說明，表達清楚自己為什麼要這樣的薪資，讓對方感覺到你值這么多錢，如果對方公司現在比較缺人，而且你要的薪資沒有特別離譜，還有有希望拿下的。
4、公司一般都有獎金福利可以彌補工資的欠缺
大多數人都想不到那麼遠，都是盯著眼前的薪資，但其實很多公司都有項目提成、獎金，這也是錢啊，有一些不錯的公司都是14薪往上，所以在跟公司談的時候，一定要去問他們是否有獎金、年終獎之類的福利。
除了被壓榨薪資的問題，還有以下幾點是必須要注意的！
1、項目作品
面試的時候，除了基礎的知識技術外，一個項目經驗是非常重要的，面試官會著重去問你的項目過程，所以准備好一份好的項目實戰，不只是證明你對這次面試的重視，更是證明你有能力勝任這份工作的利器。
2、去背那些常問的面試題
面試題對於以下幾個問題都會問：
·自我介紹（建議30s-60s）
·了解我們公司的基本情況嗎？
·你上家公司離職的原因是什麼？
·你自己的職業規劃是什麼？
·自我評價一下自己的優缺點？
以上問題都是大部分公司都會問到的，其實面試官只是想多了解你一些，而這些回答在網上有非常標準的答案，如果你覺得自己回答不好，你可以去網上找一些標準的答案背一下，還是非常有必要的，做到萬無一失。
3、假設面試官沒有跟你說薪資的問題，那麼我們也不要主動去提及，這樣會顯得你非常的著急，最好是先拿到offer之後再去談薪資，這樣對於我們來說是非常有利的，經驗之談。
4、面試的時候不要對方問一句你就答一句，你一定要明白面試的本質是什麼，在短時間內展示你的才華，方方面面的才能，給對方留下一個好的印象。
5、面試的過程中，是你展現的時候，所以80%的時間都應該你來主導，你來展示自己的才能，一定要非常著重的表現自己。
6、在回答面試官時，換位思考幾秒鍾：
·他為什麼要問這個問題？
·他想知道什麼答案？
·他想通過這個答案判斷出什麼？
所謂知己知彼才能百戰不殆，你一定要換位思考對方問的問題，想要知道什麼，從你的回答中他是否可以得到他想要的答案，所以面試是一門非常深的學問，人與人之間心理的博弈。
總結：
以上全部都是面試技巧方面，這屬於細活，而真正掌握技術才是根本，如果你沒有掌握良好的技術，技巧也幫助不了你找到一份工作，當你的技術達標，在加上好的面試技巧，就是如虎添翼，工作隨便你選擇。
常在這里回答問題，熱愛技術，喜歡幫別人解答行業技術問題和行業知識。
如果大家對於學習前端有任何不懂的可以隨時來問我，我給你提供一個非常不錯的前端交流學習qun：前面是二九六，中間是二一二，後面是五六二。有問題就在裡面問我，這樣你可以少走很多彎路，做起來有效率，記得多跟有經驗的人交流，別閉門造車。如果沒有比較好的教程，也可以管我要。
⑤ 前端面試一般問什麼
web前端面試會問人事方面的內容和web前端技術的內容；
人事的面試
web前端人事面試方面，需要注意如何自我介紹、性格有哪些優劣勢、職業規劃方向是什麼、你的特長是什麼、對於加班之類你是怎麼看待等人事面試內容；
web前端技術的面試
技術面試，需要注意HTML+CSS+JavaScript以及JS主流框架的使用，比如Vue、React等，前端相關技術，比如tcp握手協議、網路安全、後端技術等；
對於web前端面試准備，建議你去看「決勝前端」（min app），它裡麵包含了很多web前端技術面試、人事面試等面試真題，而且針對面試題做了詳細的分析與解答。
我給你截圖看一下例子吧
⑥ 應屆畢業生web前端面試自我介紹_前端開發工程師面試個人介紹
WEB前端是現在it行業是一件傷腦力和高報酬的工作，應屆 畢業 生去應聘此工作，最好能提前准備好 自我介紹 的說辭。以下是我為你整理的應屆畢業生web前端 面試 自我介紹，希望大家喜歡。
應屆畢業生web前端面試自我介紹篇1
考官好，我是計算機專業的面試者XXX，我此次應聘的職位是IT行業的軟體工程師，這份工作不僅與我的專業對口，同時也是我的特長與興趣所在。現在我就從以下三個方面介紹自己：
1)學習能力：我有較強的科研能力，能熟練的進行LINUX操作，並能使用VB，DELPHI等語言編程。能運用網頁三劍客Photoshop軟體進行相關工作。
2)實踐能力：我的專長是軟體開發，我希望能從事這方面的工作 經驗 ，並且我曾經發過多個系統，如人事檔案管理系統,工資管理系統等等。
3)交際能力：我的性格沉穩，能坐得住，對IT行業的工作，具有非常好的適應能力，而且為人謙和，具有很強的組織和協調能力，富有的事業心和責任感使我能夠面對任何困難和挑戰。
從以上的簡單自我介紹，我希望公司能給我一個展示自己能力的機會，讓我我可以學以致用，同時我也很欣賞XX公司的 企業 文化 與工作環境。我願意成為企業一員，為企業的發展貢獻自己的一份力量。我的職業生涯目標是，做一個既懂技術，又懂業務的復合型人才。
應屆畢業生web前端面試自我介紹篇2本人熱衷計算機軟體開發行業，學習能力強，適應能力強，有責任心，擁有團隊合作開發精神，亦能獨立完成任務。現任某某軟體公司開發部經理，4年軟體開發管理經驗，熟練掌握delphi及c#.net兩門開發語言(winform)，interbase及sqlserver資料庫，vss源代碼管理，具有良好的編程習慣和風格(xml標注，gui+設計等等)，熟悉軟體架構及測試。本人有意向.net軟體工程師及項目管理方向發展，盼望與伯樂攜手共創事業!
應屆畢業生web前端面試自我介紹篇3回首三年的大學校園生活生涯和 社會實踐 生活，有渴望、有追求、有成功也有失敗，我孜孜不倦，不斷地挑戰自我，充實自己，為實現人生的價值打下堅實的基礎。
在思想品德上，本人有良好道德修養，並有堅定的政治方向，我積極地向黨組織靠攏，使我對我們黨有可更為深刻的認識，並參加了入黨積極分子培訓班”的培訓。本人遵紀守法、愛護公共財產、關心和幫助他人，並以務實求真的精神熱心參與學校的公益宣傳和愛國活動。
在學習上，我熱愛自己的專業，還利用課余時間專修計算機專業知識，使我能輕松操作各種網路和辦公軟體。曾多次獲得學金，在書法和 體育運動 都獲得好成績。英語、電腦、普通話等方面的等級考試已達標。除了在專業知識方面精益求精外，平時我還涉獵了大量網路編程、網路管理與維護、網頁設計等知識。並且相信在以後理論與實際結合當中，能有更大提高。
在工作上，對工作熱情，任勞任怨，責任心強，具有良好的組織交際能力，和同學團結一致，注重配合其他學生幹部出色完成各項工作，得到了大家的一致好評。
在生活上，我最大的特點是誠實守信，熱心待人，勇於挑戰自我，時間觀念強，有著良好的生活習慣和正派作風。由於平易近人待人友好，所以一直以來與人相處甚是融洽，連續擔任了分院的乒協的秘書長一職。有廣泛 愛好 的我特別擅長於網頁設計和網站管理與維護方面。曾獨立完成一個中型網站的設計，以及大型綜合網站的策劃與修改工作。
身為平面設計專業的學生，我在修好學業的同時也注重於社會實踐。本著學以致用，實踐結合理論發揮。暑假期間我到XX網吧等大型網吧里工作，管理經驗與軟硬體維護得到了極大的積累。
三年的大學生活，使自己的知識水平、思想境界、工作能力等方面都邁上了一個新的台階。在這即將揮手告別美好大學生活、踏上社會征途的時候，我整軍待發，將以飽滿的熱情、堅定的信心、高度的責任感去迎接新的挑戰，攀登新的高峰。
>>>下一頁更多精彩“Web前端 面試題 目”
⑦ web前端的面試自我介紹解析
web前端的面試自我介紹解析
自我介紹這個問題，不用多說了，面試必定會問！接下來我為你帶來web前端的面試自我介紹解析，希望對你有幫助。
【如何進行自我介紹】
如果想要在自我介紹的時候就能夠打動面試官，吸引面試官對我們的興趣，那麼像我們這種接受過PHP培訓的程序員的自我介紹當然不能和應屆生或者其他非技術崗位一樣。如何進行自我介紹比較好？有沒有什麼套路呢？當然有。
如何進行自我介紹？看看老師是怎麼建議大家的`！
1、我叫xxx,來自於吉林敦化，從網上看得到公司招聘的這個職位，覺得非常適合自己的發展。所以來這里爭取下這份工作。
2、接下來可以講解自己的核心競爭力（最強的技能、最深入研究的知識領域、個性中最積極的部分）和閃光點（做過的最成功的事，主要的成就）。核心就是要體現自己勝任這份工作（介紹時候要自然有底氣，合情合理，面試前要充分准備好）。
3、先介紹到這里，面試官看看有什麼問題，我可以再補充。
4、最後要說謝謝，任何HR都喜歡有禮貌的人！
注意：自曝其短（說自己的缺點）沒有必要，自我介紹的時候千萬不要和簡歷有沖突！
【你有什麼優劣勢】
這個問題是企業面試過程中被問到的概率很大的！ 面試官想通過這一類問題的解答了解到： 1、這個人能否對自己做出正確的估價；2、主試人最關注的是該人的缺點、弱點，如這方面的問題比較突出，那就不適合做某項工作。作為前端工程師，我們應該如何巧妙的答這道題，給自己加分呢？
你有什麼優劣勢？請看前端老師的是怎麼教我們答的：
1
作為程序員，最重要的能夠給企業做好事（包括與人合作一起幹事），能解決問題。所以我們可以這樣說：
1、優點往狠里說 （技術狂熱、學習能力強、為人謙和）
2、劣勢可以提自己不是（本專業出身）， 但是（對技術很狂熱）
【你為什麼選擇我們公司】
1
你為什麼選我擇們的公司，對於這個問題，其實是面試官試圖從中了解你求職的動機、願望以及對此項工作的態度。這個問題，也是經常會被面試官問到的，所以各位面試的時候，一定要有所准備！
;⑧ 前端面試人家一般會問哪些問題
一起一落？這樣一來
⑨ 前端線上面試的復試面什麼
一般會是問一些專業問題，例如實操。技術面試，需要注意HTML+CSS+JavaScript以及JS主流框架的使用，比如Vue、React等，前端相關技術，比如tcp握手協議、網路安全、後端技術等。也會問薪資相關的。不同公司面試的內容會有所差別，僅供參考。
對於校招生綜合面試基本上是考察聰明程度和潛力，比如給面試者一道場景題你是否能快速的建模到對應的數據結構和演算法上。對於社招來說，除了會深入考察上面的基礎知識，還需要考察面試者應用到業務的能力，也就是平常說的設計能力和工程能力。
每個人都有自己好的一面也有自己不足的一面，那麼在面試的時候，應該盡量展示自己優秀的一面。對於校招生或實習生而言，面試官真的不太在乎你所掌握的技術如何？而更再意的是你是不是有發展的潛力。你處事的能力，學習的能力，解決問題的能力等等。而自己問題都是在和你聊天的過程中去掌握的，所以你應該藉此機會，向面試官展示你這方面的軟實力。