A. 前端面試一般問什麼
web前端面試會問人事方面的內容和web前端技術的內容；
人事的面試
web前端人事面試方面，需要注意如何自我介紹、性格有哪些優劣勢、職業規劃方向是什麼、你的特長是什麼、對於加班之類你是怎麼看待等人事面試內容；
web前端技術的面試
技術面試，需要注意HTML+CSS+JavaScript以及JS主流框架的使用，比如Vue、React等，前端相關技術，比如tcp握手協議、網路安全、後端技術等；
對於web前端面試准備，建議你去看「決勝前端」（min app），它裡麵包含了很多web前端技術面試、人事面試等面試真題，而且針對面試題做了詳細的分析與解答。
我給你截圖看一下例子吧
B. 前端面試會提問到哪些
在面試前端的過程中，有些問題是經常會被提問到的
一、基礎篇
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、平時如何管理你的項目？
C. 前端面試要點
想要通過前端面試順利進入一線大廠成就高薪前端夢。那麼首先，我們得知道前端面試中，社招和校招究竟有啥區別？
對於前端開發來說，如果說社招更看重對前端技術體系的深入理解，以及解決問題的能力話，那校招更看重的其實是基本功和學習能力（或者說是潛力）。
但其實，無論是社招還是校招，面試的時候都會問到一些曾經操作過的項目，尤其是大廠，或者熱門高薪部門，面試官除必問的技術經驗外，也會對技術深度進行一個基礎的考核，那在這種情況下如何hold住大廠面試呢？
前端面試三要素：簡歷、個人介紹、技術能力。下面，就來分別聊一聊。
1、簡歷篩選關：
HR一般會去看簡歷中所提的技術棧是否匹配，怎麼看呢？我們可以抓住簡歷中的技術名詞，一般來說如果一點技術名詞都沒有提到，那麼大概有以下幾種可能：很水、很牛但概率很小、不會寫簡歷。所以，一部分人可能會因為簡歷的問題沒有了面試機會，這點是需要非常注意的。
2、個人介紹關：
通過了簡歷篩選階段，就真正到了面試環節。這時候一定要准備好一段最多3分鍾的個人介紹。請注意，最多3分鍾！言簡意賅的說明自己的工作時間，擅長技術棧和自己的工作預期。
3、項目經驗表達：
對前端開發學習者而言，JS並不陌生，但大廠的JS面試題卻總是顯得很「陌生」，怎麼樣能夠真正做到深入理解與高級應用？這不僅是面試過程中對前端求職者的要求，也是大多數前端開發者的痛點。
大廠面試中，面試官除了關注你的項目經驗外，還往往喜歡和面試者深入探討前端某些技術領域成體系的前端知識。比如：模塊化、非同步解決方案、網路、框架及原理、線程等，但在與面試官的正面battle中，求職者總會敗下陣來。
所以，建議大家在Web前端面試前一定要注重這三個方面的內容。注重了這些想找找到一份適合的Web前端開發工作並不是難事。
D. 前端面試，面試官問都看過哪些書是要問什麼
面試官問及「去看書」，實際上最主要的是指代你「有關學習」層面的個人行為、習慣性——無須被「書」字給纏住！你、我、面試官，大家都是社會人士，都遭受往日教育經歷的危害，因而一旦談起自我提升、了解這些層面時，自然而然的商談及「去看書」這一個人行為。盡管伴隨著時代的發展，培訓的方式、方式、具體方法愈來愈多，但我們或是習慣性的談及「去看書」。
我們都知道，現在年輕人中，把獨立時長用在念書里的占不上一成，在男性中佔比例最大是指網游手游，女孩較為散在其中逛街購物游戲佔有率最大，而可以把時長關鍵撲在學習方面，比碎石子里找金子還難，因此僅僅看一下所佔佔比，有比例就不錯了，由於一本書沒詳細看了的不在少數；就你較為有興趣的難題暖場活動釋放壓力，隨後假如你讀過書籍，很有可能迅速轉換到你對專業技能的了解上去，這兒不僅能夠調查了專業技能，還調查了你的學習能力、學習培訓深層、專業知識消化能力等。
E. 前端開發者面試必備的3個點
最近是招聘旺季，我也在負責我們公司的招聘，但是面試過程大部分前端面試者給我的感覺思維比較窄，以及陳述問題時候比較亂，整體給人感覺不是理想。下面是我作為一個面試官從三個維度給面試者建議和思考吧。
一.自我介紹
1.自我介紹，可以簡單介紹你畢業什麼學校，什麼專業
2.出來負責的項目，每個項目自己充當的角色
3.每個項目使用前端技術+後端技術
簡單大概的說出來就可以了，不要詳細到你哪年進入公司，哪年離開公司，負責項目做什麼的，說一大通。這個對我們面試官來說，想讓你自我簡單介紹，其實考察點有兩方面：
A.面試者的表達能力和概括能力
B.面試者目前掌握什麼技術，做過什麼項目，在項目中的角色來初步判定這個人的能力
二.問題回答
在本人問他們做過項目中，自己感覺挑戰最大的項目是什麼，你在這個項目中做了什麼，遇到什麼問題，怎麼解決這些問題的
1.有些面試者給我的答案直接說沒有比較大的挑戰;這個讓我感覺這個人可能沒有聽懂我的問題，工作那麼多年，難道沒有一個項目可以拿來說的，那我拿什麼來判定你的能力呢?難道憑你幾句話，說我很牛逼的，沒有什麼困難難得到我?我就信任你了，伯樂尋找千里馬都要知道幾個千里馬的特徵吧。所以沒有你也要在面試前准備好自己做過的項目和總結，在項目中自己做了什麼，充當什麼覺得。
2.有些面試者回答這個問題，在介紹項目的時候，很大概的說，還有就是一句話前端都是我做的，這些都是我設計的;這個讓我感覺這個人也沒有聽懂我的意思，我在問你這個問題的時候，肯定是希望你詳細介紹你的項目，這個項目使用者是誰，讓我知道誰在使用這個項目;你負責哪些模塊，哪些組件，那些模塊實現什麼業務邏輯，用到什麼技術，這個能讓我更加知道你項目的業務，才能從你描述中我知道這類的業務會遇到什麼問題，以及你使用的技術是否合理，能讓我更加判定你的能力，才能更好的提出問題，才能更好的面試下去。
3.回答問題的時候不要想到什麼就答什麼，要有陳述性，比如1,xxx;2.yyyyy;3.wwww的陳述，這樣能讓我知道你總結過，表達和陳述上比較清晰，思維好;想到什麼答什麼的，讓我感覺思維可能比較亂，有可能我聽懂了你的表述，但是讓我感覺表達能力有些欠缺。
4.以及在你項目中遇到的問題，你要陳述問題，你是怎麼思考的，而不是針對問題就直接說網路，google就解決了。我們大家都知道，遇到問題都會去網路，google.但在這問題的前提條件是問題是，架構上的問題，還是代碼的bug問題，還是方案上的問題。你至少陳述清楚，是不是還有其他方案，在其他方案中，你為什麼選擇這個方案。這個能讓知道你在面對問題的時候，你是否思考了其他的問題，想得越多，知道能體現出的思維比較發散，遇到問題可以有其他方式解決，而不是死磕一棵樹上。
三.前端技能
前端技能在問到很多面試者的時候感覺自己都懂前端，其實他們只是懂使用js敲代碼而已，很多前端知識，以及前端原理都不懂，只會使用的話，那麼永遠只會走來人家的後面。就那一個比喻來說吧，如果你只是一個會開車的司機，不會修車或者造車，那麼如果哪天車出了毛病，你都不知道，到時候才去學習車的構造原理。或者你會說我直接給維修廠不就可以了，如果維修廠關門了呢怎麼辦。所以我們前端開發人員還是要腳踏實地，不要說我會使用vuejs，react前端框架，問你一個mvvm模式是什麼，你都說不知道，怎麼實現mvvm框架，在不使用別人開發mvvm框架，自己可以開發一個簡單的mvvm框架?前端的開發者問問自己?以我個人的要求，前端開發者必須掌握
1.HTTP協議
2.前端安全
3.常用前端框架的三駕馬車react,vuejs,angularjs目前比較流行的以及jquery(工具庫)的使用
4.前端基礎知識，跨域，es6新語法
5.Nodejs的開發，express，koa等常用框架
6.了解一些資料庫知識
7.能理解封裝業務組件和公用組件
8.前端性能優化
9.前後端分離
如果可以，能掌握更加深層次的知識點：
1.前端架構，設計模式
2.前端工程化開發，測試，打包，發布
3.自己實現前端架構代碼以及開發工具
這些是我近期的一些總結，也希望能給最近正在找工作，最近准備開始轉行前端的小夥伴們一個方向。
在面試前做好准備，找好自己的定位，成功收獲高薪!
F. 面試web前端的工作,會被問到什麼問題
在實際的面試中，你可能需要使用 JavaScript、CSS 和 HTML 來編寫代碼。在你的面試期間，你可能需要實現 UI、構建窗口小部件或使用 Lodash 和 Underscore.js 這樣的庫編寫常用的實用程序函數。例如：構建常見的 Web 應用程序的布局和交互，例如類似 Netflix 網站那樣的。實現小部件，如日期選擇器、輪播或電子商務網站購物車。寫一個類似 debounce 或深度 clone 對象的函數。
G. 前端面試 問什麼問題
web前端面試會問人事方面的內容和web前端技術的內容；
人事的面試
web前端人事面試方面，需要注意如何自我介紹、性格有哪些優劣勢、職業規劃方向是什麼、你的特長是什麼、對於加班之類你是怎麼看待等人事面試內容；
web前端技術的面試
技術面試，需要注意HTML+CSS+JavaScript以及JS主流框架的使用，比如Vue、React等，前端相關技術，比如tcp握手協議、網路安全、後端技術等；
對於web前端面試准備，建議你去看「決勝前端」（min app），它裡麵包含了很多web前端技術面試、人事面試等面試真題，而且針對面試題做了詳細的分析與解答。
我給你截圖看一下例子吧
H. 前端開發，能說說你的理解嗎
首先我們要知道什麼是前端，前端就是網站前台部分，運行在PC端，移動端等瀏覽器上展現給用戶所瀏覽的網頁。
前端開發顧名思義就是這些頁面的設計，代碼的實現。
而Web前端開發工程師，是從事Web前端開發工作的工程師。主要進行網站開發，優化，完善的工作。不過，現階段的網站開發已經不同於早年的網頁設計，當時主要是以圖片和文字為主，用戶使用網站的行為也以瀏覽為主，這些的東西html就可以辦到。而現在的前端開發使得現代網頁更加美觀，交互效果顯著，功能更加強大。所以現在的前端開發，能做到的更多，運用到的知識面更加廣泛，要學習到的知識也就更多，三大基礎技能html、CSS和JavaScript是少不了的。
web前端開發工程師既要與上游的交互設計師、視覺設計師和產品經理溝通，又要與下游的伺服器端工程師溝通，需要掌握的技能非常多。
前端學習之路很長，慢慢學，慢慢提升，你也可以成功。
I. 前端hr面試常問的問題
面試其實就是一個不斷選擇與被選擇的過程(不知道說的對不對)。不同公司的面試方式都有所不同，大多數人都有過多次面試的經歷，前端面試也不外乎那麼一些啦(好像有些廢話的感覺)。
面試之前的小故事
HR會打電話過來我是××公司的，在××上看到你投到我們公司的簡歷，問你何時候有空約一個唄，然後說就星期*吧，既然都打電話請我面試了，好吧，那就約一個!
然後有些人會精心准備，不停刷面試題，整夜整夜的看著HTML/JS/CSS知識點，還有那些最新的、時髦的技術，看看到時候能不能唬住面試官;而有些人對自己胸有成竹，哥那麼多年的前端經驗了，啥項目沒有經歷過，不就一個面試，怕啥呢。
很快或者很慢的來到那天。你打扮的清清爽爽漂漂亮亮的，打扮的好會有加分不，沒錯，第一印象也是挺重要的。途中有些人可能會還一直想著面試官會問啥題目呢，那啥**屬性是什麼來著呢，再次拿出手機默默的看起資料;有些人可能就會想著公司不知道妹子多不多漂亮不呢，環境和福利不知道咋樣，最好別碰到傻逼一樣的面試官哎，不然這以後咋相處好呢。
來到公司，大小公司大家都見多了嘛，也是得看發展是吧，我們也不是膚淺的人，見到前台妹妹，喲，還不錯哦。領你進會議室里，讓你稍等一下，她去通知面試官，過了一會兒，不是面試官進來，那就是前台妹妹給您送來一杯水。面試官踱步向前，咦~，我是繼續坐著呢，還是站著呢，還是站起來顯禮貌一些嗯。
給面試的一般會是Team Leader或者非常資深的工程師。首先會讓你自我介紹下，然後巴拉巴拉介紹自己，途中或者聊到面試官喜歡的`部分那就會中斷問幾個問題吧，介紹完自己，就進入正式的戰鬥了吧，一般會有2-3輪的回合。遇知戰斗詳情，請聽下回分解。
哈哈， 開玩笑。以上瞎編胡造，如有雷同，純屬巧合。
這里就只談談前端技術的戰斗回合吧，寫的不好，請多見諒。
普通型
面試中問題會比較的零碎，html/js/css肯定都會有涉及。知識點不會有太大的規律，可能幾個公司面試下來你遇到的問題一個都不帶重復的。哎，前端的知識點就是乍一看深似海，仔細一看深似黑洞啊。問題好的話，一方面考察了面試人對前端接觸的廣度，深度的話也可以從中接觸到一些。因為面試的時間有限，其實也非常考驗面試官對一個人的洞察能力。
一般如果不是應屆生的話，也就是會跟你交流你之前的項目，你擔當的角色，你遇到的難題，怎麼解決問題，用的框架，與其他工程師的交流溝通協作等等。 這些其實你心裡肯定是有答案的(可能也有懵逼的)，就看你的表達，能不能對上面試官的胃口。
進階型
除了基本的問題，面試中會有一些明顯設計過的題目。針對某幾個知識點，或讓你手寫代碼，或讓你提供演算法或思路。如果之前沒有遇到過這類問題的話其實一下子真的挺難回答，或者直接懵逼了，或者回答不出面試官滿意的答案。這其實對工程師的要求也是比較的高，不能只是單純的切切頁面，用用插件，需要對某一類問題或者模式或者演算法有深入的了解，對問題的解決思路有很好的把握。
演算法可能不是前端工程師的長項，但作為優秀的工程師，對演算法的了解應該會只深不淺。
這種面試的題目既提現了公司對面試者的要求，也相對而言的會有所體現公司的水平。
出題型
題目比較的綜合，會通過郵件發給你，或者有專門的頁面提供，在面試之前讓你2-3天的時間做完。題目可能是很有名的某一類交互，或游戲，或頁面，或公司自己出的一類小東西。
因為非當場面試，所有有比較充足的時間來思考，來寫一些代碼。一般都會完成，所以其實比較的關注點就是對代碼的質量，通過代碼來考察面試者的思路以及代碼**慣等等。
其未知性也比較多，可能因為有些東西可能沒法通過代碼來傳遞，溝通，其他的思路，或者題目的缺陷等等。所以這只是面試途中的一個小部分，大多數人其實都會能做的很好。
直接上機型
還有的就會直接給你某一個交互，或者一張靜態頁面，或者一個布局等等，直接給你台電腦讓你當場寫出來。寫完之後再有所交流，說說自己的想法或者接著談其他的。
當你寫代碼時候，其實暴露的東西也挺多的。你寫的**慣，思路清晰不清晰，對代碼的熟悉程度，可能你平時都是ctrl C + V的，這時候你咋辦呢。
這個可能遇到的比較少，但也會是有的。
結束語
許多面試可能都會結合以上的幾種類型，多方面的考察面試者，其實，大家都懂的。
J. web前端的面試自我介紹解析
web前端的面試自我介紹解析
自我介紹這個問題，不用多說了，面試必定會問！接下來我為你帶來web前端的面試自我介紹解析，希望對你有幫助。
【如何進行自我介紹】
如果想要在自我介紹的時候就能夠打動面試官，吸引面試官對我們的興趣，那麼像我們這種接受過PHP培訓的程序員的自我介紹當然不能和應屆生或者其他非技術崗位一樣。如何進行自我介紹比較好？有沒有什麼套路呢？當然有。
如何進行自我介紹？看看老師是怎麼建議大家的`！
1、我叫xxx,來自於吉林敦化，從網上看得到公司招聘的這個職位，覺得非常適合自己的發展。所以來這里爭取下這份工作。
2、接下來可以講解自己的核心競爭力（最強的技能、最深入研究的知識領域、個性中最積極的部分）和閃光點（做過的最成功的事，主要的成就）。核心就是要體現自己勝任這份工作（介紹時候要自然有底氣，合情合理，面試前要充分准備好）。
3、先介紹到這里，面試官看看有什麼問題，我可以再補充。
4、最後要說謝謝，任何HR都喜歡有禮貌的人！
注意：自曝其短（說自己的缺點）沒有必要，自我介紹的時候千萬不要和簡歷有沖突！
【你有什麼優劣勢】
這個問題是企業面試過程中被問到的概率很大的！ 面試官想通過這一類問題的解答了解到： 1、這個人能否對自己做出正確的估價；2、主試人最關注的是該人的缺點、弱點，如這方面的問題比較突出，那就不適合做某項工作。作為前端工程師，我們應該如何巧妙的答這道題，給自己加分呢？
你有什麼優劣勢？請看前端老師的是怎麼教我們答的：
1
作為程序員，最重要的能夠給企業做好事（包括與人合作一起幹事），能解決問題。所以我們可以這樣說：
1、優點往狠里說 （技術狂熱、學習能力強、為人謙和）
2、劣勢可以提自己不是（本專業出身）， 但是（對技術很狂熱）
【你為什麼選擇我們公司】
1
你為什麼選我擇們的公司，對於這個問題，其實是面試官試圖從中了解你求職的動機、願望以及對此項工作的態度。這個問題，也是經常會被面試官問到的，所以各位面試的時候，一定要有所准備！
;