面試官 先做下自我介紹吧？
對后端有了解嗎洞难？node之類的
那我就針對你的項目問一些基礎(chǔ)能力舆吮？（好的）
我看你接觸前端兩年多，能告訴我你是怎么入行前端的嗎队贱？
我引導了一下說之后會做一些可視化的東西色冀，引導偏了。
我看您對ES6柱嫌，js知道比較多吧
你個人覺得锋恬，你html，css编丘，js哪方面比較強坝胙А？（面試官還是挺好的嘉抓，給我機會選擇索守，我竟然說了js，但是面試官還是問html和css東西）
過去學掌眠，html蕾盯，css有沒有比較印象深刻的一些點澳灰佟蓝丙？
有沒有用html和css做出來什么作品啊望拖？
移動端適配是響應式渺尘，還是通過其他方案？
能給我細講一下rem和其他單位之間的區(qū)別嗎说敏？
flex布局和傳統(tǒng)布局有什么區(qū)別鸥跟？
說了下雙飛翼布局
雙飛翼布局怎么保證三列的高度一致呢？
雙飛翼布局具體怎么實現(xiàn)的？
假設(shè)用flex實現(xiàn)雙飛翼布局医咨，讓三列等高枫匾？

有什么比較復雜的項目，有些什么樣的亮點拟淮？干茉，有什么難點？
做的微信小程序有些什么樣的亮點很泊？角虫，有什么難點？
你覺得你在這個團隊委造，你的優(yōu)勢是什么呢戳鹅，尤其是技術(shù)上？
https說一下過程昏兆？
移動端300毫秒延遲枫虏，怎么解決的？
移動端點擊穿透爬虱？
304狀態(tài)碼是怎么樣模软，怎么產(chǎn)生的？--》Etag值怎么產(chǎn)生的饮潦？
異步的處理方式燃异，都是怎么處理的？（Promise）--》ES7中你知道用什么方法嗎继蜡？（async和await）--》Generator 有了解嗎回俐？（沒有耶）
cookie和session了解嗎？
跨域怎么處理的呢稀并？都知道什么方法仅颇？--> jsonp和CORS那個更安全？
nodejs用過嗎碘举？
微信掃一掃二維碼網(wǎng)頁上登陸前后端過程忘瓦？
說下生命周期？
Vue中Compile過程說一下引颈？
箭頭函數(shù)和普通函數(shù)的區(qū)別耕皮？
你今后有什么想法？
有想法出來實習嗎蝙场？當然了
你前端哪個框架更熟悉凌停？介紹下雙向綁定的原理？
你做前端開發(fā)移動端多一點售滤，PC端多一點罚拟，你遇到有什么難解的兼容性問題台诗？
rem和em有什么去區(qū)別啊赐俗？
事件委托的概念你了解嗎拉队？您知道這個概念是怎樣的？
事件委托主要解決什么問題呢阻逮？
用原生JS處理事件綁定氏仗？比如一個列表，然后夺鲜，怎么監(jiān)聽每一個li的點擊事件皆尔？---> 如果新加了一些li，怎么辦呢币励？（回答不好）
null和undefined有什么區(qū)別慷蠕？
你一般情況下怎么判斷基本的數(shù)據(jù)類型？
怎么判斷數(shù)組食呻？
對數(shù)組的淺拷貝流炕？--->深淺拷貝有什么區(qū)別？--->深拷貝一個數(shù)組怎么做呢
閉包你是怎么理解仅胞？---->項目中用過嗎每辟？
原型繼承了解嗎？我給你個場景干旧，有一個FUNA渠欺，F(xiàn)UNB，讓B繼承A椎眯，用原型鏈怎么B繼承A的屬性挠将？
普通函數(shù)和構(gòu)造函數(shù)的區(qū)別？
不同選擇器權(quán)重是怎么計算的编整？
前端性能優(yōu)化舔稀？
position定位？
position和float的區(qū)別掌测？
設(shè)計模式有了解嗎内贮？（比如觀察者模式）？
跨域了解多少汞斧？
CORS原理是什么夜郁？
你對算法了解怎么樣？常用的排序算法断箫？--->快速排序的思路大概是什么樣的拂酣？--->快速排序的時間復雜度
原型鏈和作用域鏈你的理解秋冰？
前端的設(shè)計模式你可以說下嗎仲义？
事件模型您介紹下嗎？
同一個對象節(jié)點上綁定多個事件，執(zhí)行的順序是怎樣的埃撵？
你知道有沒有什么事件不支持冒泡赵颅，捕獲的？
正則表達式（字符串格式成金額（歐美暂刘，三個饺谬，）的）？
JS有沒有了解過函數(shù)式編程谣拣？
您今后前端的職業(yè)規(guī)劃募寨？
整體的職業(yè)生涯規(guī)劃？
你理解的前端專家需要掌握哪些東西森缠？
前端架構(gòu)你有了解嗎拔鹰？
計算機相關(guān)的專業(yè)課您學過那些？
OSI七層協(xié)議贵涵？
http和https有什么區(qū)別列肢？
https使用上有什么注意點？
https和http性能有什么區(qū)別宾茂？
常見的排序方法瓷马，你都熟悉那些？
說下希爾排序的過程跨晴？
希爾排序的時間復雜度和空間復雜度多少欧聘？（ 希爾排序的時間復雜度是：O（nlogn）～O（n2），平均時間復雜度大致是O(n√n)）
時間復雜度怎么推測的端盆？
數(shù)據(jù)結(jié)構(gòu)你對那些比較熟悉树瞭？
二叉樹是什么啊爱谁？
平衡二叉樹（AVL）有什么特點晒喷？
平衡二叉樹（AVL）有什么好處？
平衡二叉樹（AVL）和紅黑樹的區(qū)別访敌？
平衡樹的插入和刪除的時間復雜度凉敲？
那個項目是你投入比較多的？
這個項目主要為了解決什么問題八峦爷抓？
項目怎么分工，你主要負責那一塊阻塑？
項目過程中有遇到什么問題嗎蓝撇？
項目中對你挑戰(zhàn)比較大的，有嗎陈莽？
Vue的設(shè)計思路你了解嗎渤昌？
整個什么生命周期虽抄？
Vue的響應式是怎么實現(xiàn)的？（一臉懵独柑，其實就是雙向綁定迈窟，然后很好地打出來了）
JS閉包有什么作用？
你的職業(yè)規(guī)劃是怎么考慮的忌栅？
如果能來實習车酣，大概是什么時候？時間周期索绪？
先做前端開發(fā)工程師三年湖员，然后轉(zhuǎn)管理，之后根據(jù)在公司的發(fā)展瑞驱，如果能夠做到高管破衔，就在大公司呆著，如果做不到钱烟，就創(chuàng)業(yè)晰筛。創(chuàng)業(yè)最大的好處是沒人管了，可以按照自己的思路去做些嘗試拴袭。當然读第，你再也沒有理由抱怨周邊了。如果創(chuàng)業(yè)搞不成拥刻，大家肯定最指責的是創(chuàng)始人怜瞒。

下面問一下js方面的問題

1.簡單介紹一下自己，為什么選擇做前端般哼？
2.說下你所在的EPI實驗室和CTG工作室是干什么的吴汪？
3.介紹下你最近的項目？
4.如何讓子類繼承父類的方法與屬性蒸眠？
5.兩道this指向問題
6.CSS屬性選擇器和偽類選擇器的優(yōu)先級?
7.說下你ES6漾橙、7中用到哪些東西？
8.Vue是如何實現(xiàn)雙向綁定的楞卡？看過Vue源碼嗎霜运？
9.Vue中的路由你使用的哪種模式？如何與后臺溝通路由蒋腮？
10.怎么發(fā)送一個跨域的POST請求淘捡？

說一下原型鏈吧（proto，prototype）池摧？
知道拷貝對象吧焦除，拷貝一個對象能做嗎（淺拷貝，深拷貝）作彤？
講講膘魄，怎么上手的vue乌逐，以及為啥用vue而不用其他框架？
你對vue的源碼了解嗎瓣距，給我講講雙向綁定原理怎么實現(xiàn)的黔帕，詳細描述什么時候監(jiān)聽變化的代咸，什么時候觸發(fā)變化的蹈丸？
Vue雙向綁定？
Vuex整個觸發(fā)過程（actions呐芥，state逻杖，view）？
Vue和Vuex有什么差別思瘟？

項目
1.最近做過哪些項目?介紹一下
2.注冊登錄流程有了解過嗎荸百？前端做注冊登錄流程詳細描述一下？
3.為什么cookie不安全滨攻？token怎么生成的够话？
4.jpg格式和png格式怎么區(qū)別？gif呢光绕？什么情況下分別選擇女嘲？
5.做過哪些插件？怎么實現(xiàn)的?
6.用Vue怎么實現(xiàn)一個百度下拉框诞帐？
7.JQuery的bind()和on()方法的區(qū)別欣尼？
8.只允許使用css，讓一個頁面原有dom不可見（問了和阿里一模一樣的問題）
2.問最近做過哪些項目停蕉，項目中遇到哪些問題愕鼓？怎么解決的？
3.你用到了Flex慧起，請問flex怎么設(shè)置垂直水平居中菇晃？
4.css有哪些垂直水平居中方式？
5.css選擇器有哪些蚓挤？選擇器的優(yōu)先級谋旦？
6.position的值有哪些？
7.只允許使用css屈尼，讓一個頁面原有dom不可見（考察CSS屬性以及結(jié)構(gòu)化思維册着，考官說有多種解決方法）
8.瀏覽器高級特性有了解嗎？（service worker）
9.瀏覽器CSS Hack手段有哪些脾歧？
10.為什么瀏覽器需要同源策略甲捏？
11.瀏覽器跨域的幾種方式？
12.瀏覽器性能怎么優(yōu)化鞭执？（從多個方向上去答）
13.JS基本數(shù)據(jù)類型有哪些司顿？
14.怎樣判斷一個數(shù)組是數(shù)組芒粹？
15.怎么用JS實現(xiàn)一個隊列？
16.描述出任意一個排序算法大溜？
17.Vue怎么實現(xiàn)雙向綁定的化漆？
18.說出你覺得自己身上最優(yōu)秀的能力？
19.說出你未來的規(guī)劃钦奋？
20.你最近有沒有什么想要學習的技術(shù)座云？
21.你有什么又問我的？（問了面試官的學習方法和學習習慣）
為什么你們的頁面要用到vue-router呢?付材，如果沒有vue-router朦拖，你們還會做單頁面應用嗎？
說說性能優(yōu)化厌衔？具體哪些優(yōu)化的收益較大璧帝？
傳輸模型：瀏覽器輸入url到整個頁面顯示出來經(jīng)歷的過程？能介紹多細就多細富寿？
最常問的問題：項目中遇到的難點睬隶，怎么解決的？

說說页徐，基于NLP的匯款單自動生成APP這個項目苏潜？
node端有做過什么嗎？
學前端泞坦，比較精彩的點窖贤？

1.從URL到頁面呈現(xiàn)發(fā)生了什么？
2.HTTP響應頭組成結(jié)構(gòu)贰锁？
3.你平時是怎么學習前端的赃梧？
4.講講Webpack，除了Webpack還使用過什么豌熄？Webpack和Gulp的區(qū)別是什么授嘀？
5.講講你最復雜的項目？遇到的問題锣险？
6.移動端兼容性考慮過哪些蹄皱？
7.怎么處理跨域的？

1.自我介紹
2.問覺得自己最出彩的項目
3.技術(shù)選型當時怎么考慮的芯肤？
4.有沒有想過你與后臺以及部署人員交接的這種流程太麻煩巷折，怎么簡化？
5.登錄注冊流程你前端怎么處理的崖咨？
6.有沒有想過在后臺富文本編輯器不安全锻拘？XSS和CSRF怎么避免？
7.Cookie與Session的區(qū)別？
8.除了Cookie署拟，還有其他本地存儲的方式嗎婉宰？（Web Storage）
9,前端工程化你是怎么理解的？
10.輪播圖你怎么實現(xiàn)的推穷？怎么防回閃的心包？
11.描述一下JS中的數(shù)據(jù)類型有哪些？
12.JS原型與閉包馒铃，你的理解是什么蟹腾？
13.ES6中你常用的有哪些？
14.為什么const定義一個數(shù)組與對象骗露，仍然可以對其操作?
15,promise比傳統(tǒng)的回調(diào)函數(shù)好在哪里岭佳？
16.promise中then是怎么實現(xiàn)鏈式調(diào)用的血巍？
17.異步方式除了promise還有那些可以實現(xiàn)萧锉？（希望回答出generator以及ES7的async，await的知識）
18.描述下CSS盒子模型述寡？
19,CSS水平垂直居中的方式柿隙？
20.Vue中父子組件通訊問題？以及兩個不相干組件通訊問題鲫凶？
21.Vue中兩個數(shù)據(jù)a,b禀崖，a渲染在頁面上，b沒有螟炫，此時有函數(shù)操作了b波附，問組件是否觸發(fā)重新渲染？
22.Vue中Computed與Watch用過嗎昼钻？區(qū)別是什么掸屡？
23.怎么去解決用Webpack打包后的項目體積過大的問題？
24.說下你對Vue這個框架怎么理解的?( MVVM )

1.怎么實現(xiàn)私有變量然评，不能用點屬性訪問仅财，只能用方法（多種實現(xiàn)）
2.不用循環(huán)，怎么實現(xiàn)x長度碗淌，元素為y的數(shù)組
3.怎么實現(xiàn)add(3,4)以及add(3)(4)盏求？
4.用3升，5升杯子怎么量出4升水亿眠？如果用代碼你會怎么實現(xiàn)碎罚？
5.最復雜的一個項目，平時寫代碼多嗎纳像？
6.最欣賞的一個網(wǎng)站設(shè)計荆烈，有哪些優(yōu)點？你對設(shè)計的理解爹耗？

1.求正耙考，負數(shù)組其中的兩元素之和最接近零的這兩元素谜喊，并說出你這種解法的時間復雜度
2.鏈表，棧倦始，隊列相關(guān)問題
3.賽馬問題斗遏，25匹馬，5個賽道鞋邑，最少幾次能選出最快的三匹馬诵次？
4.面向?qū)ο笤O(shè)計題，一個借書還書系統(tǒng)需要哪些類枚碗，屬性逾一，方法（需要考慮很多情況）

1.首先介紹一下自己最近的項目？
2.閉包介紹一下你的理解肮雨？用處遵堵，缺點
3.跨域有了解嗎？
4.瀏覽器緩存你知道哪些怨规？
5.Cookie陌宿、Session、Webstorage的區(qū)別
6.簡單說下從url輸入到頁面輸出的整個過程
7.說下你知道的HTTP 狀態(tài)碼
8.介紹一下盒子模型波丰？
9.Flex用過嗎壳坪？用過哪些？
10.React有用過嗎掰烟？
11.ES6有用過嗎爽蝴？介紹一下？Promise有用過嗎纫骑？
12.HTTP與HTTPS的區(qū)別蝎亚？
13.手寫代碼：寫一個函數(shù)，參數(shù)為url惧磺，輸出一個對象颖对，為查詢字符串中的各個值

1.項目介紹一下，最有成就感的一個項目磨隘？
2.介紹一下你自己對自己滿意的能力缤底？
3.為什么學前端？除了前端你還寫什么番捂？
4.JavaScript原型你的了解个唧？
5.說下BFC是什么？
6.說說你對Flex的理解设预，rem你怎么理解的徙歼？
7.HTTP和HTTPS的區(qū)別？HTTP2.0的區(qū)別？它們的默認端口是什么魄梯？
8.JS的深拷貝和淺拷貝的區(qū)別桨螺？
9.堆和棧有什么區(qū)別？
10.怎么取消事件冒泡酿秸？
11.CDN有了解嗎灭翔？怎么讓請求在最近的站點下載？
12.手寫代碼：數(shù)組去重的多種實現(xiàn)辣苏？

CSS常用布局
CSS常用布局為盒模型div+css肝箱、其中需要注意IE的怪異盒模型，我們通常通過box-sizing解決稀蟋。傳統(tǒng)盒模型布局方式中我們可以細分為文檔流布局煌张、浮動布局退客、定位布局骏融。在ie10+中我們可以使用flex布局，其中我們需要理解最為核心的容器和軸的概念井辜。二維布局中绎谦，我們可以使用Grid布局管闷。對于三欄布局粥脚，除了浮動實現(xiàn)方式，還有雙飛翼布局和圣杯布局包个。其實雙飛翼布局就是對圣杯布局的bug修復刷允，一種改造升級。
了解BFC么碧囊？
BFC即為塊級格式化上下文树灶。在普通流的Box屬于一種formatting box，類型可以為block或者為inline糯而。但是不能同時為這兩者天通。并且Block boxes在block formatting context里格式化，inline boxes在inline formatting context中格式化熄驼，任何被渲染的元素都屬于一個box像寒，不是block就是inline。其一般表現(xiàn)規(guī)則分為以下幾種情況：1瓜贾、在創(chuàng)建了BFC的元素中诺祸，其子元素按照文檔流一個接著一個放置。垂直方向上他們的起點是一個包含塊的頂部祭芦，兩者相鄰元素的垂直距離取決margin特性筷笨。2、在BFC中，每一個元素的左外邊與包含塊的左邊相接觸胃夏。及時存在浮動也是如此轴或。除非這個元素也創(chuàng)建了一個新的BFC。3仰禀、BFC就是頁面的一個獨立的行政區(qū)域侮叮。所有瀏覽器都會將BFC放到浮動元素所在行的剩余空間內(nèi)。當HTML滿足一下任意一個條件即可產(chǎn)生BFC：float不為none悼瘾、overflow不為hidden囊榜、display為table-cell，table-caption亥宿，inline-block中的任何一個卸勺。Position值不為relative或static。通常我們使用BFC為了不和浮動元素重疊烫扼。清除內(nèi)部浮動元素曙求。解決上下元素相鄰時候重疊。
居中方面問題
分別從水平居中垂直居中兩方面回答。水平、垂直居中分為單個元素岸浑、多個元素怔蚌、已知寬高和未知寬高回答
session、cookie蝠引、sessionStorage、localStorage區(qū)別
從client和Server中區(qū)分回答session是什么以及一般session如何使用注意事項以及安全策略，cookie浴麻、sessionStorage和localStorage等分別從概念和異同處回答。最后補充項目中的使用情況
px/em/rem的區(qū)別
px顧名思義就是我們通常說的像素大小囤攀。em和rem都是相對大小软免，不過em是繼承父級元素的字體大小，rem是相對于根元素的大小焚挠，這個單位可謂是集相對大小和絕對大小為一身膏萧。通過它可以做到只修改根元素即可修改所有字體的大小，又可以避免字體大小逐層復合的連鎖反應蝌衔。當rem相對于瀏覽器進行縮放榛泛，1rem默認為16px。
animation和transition使用過么
寫法：animation：name duration timing-function delay iteration-function direction .transition為過渡動畫胚委，這種效果可以在事件中觸發(fā)挟鸠，并且圓滑的以動畫效果改變css的屬性值。不同于transform亩冬，transform為2D轉(zhuǎn)換（問題非常開放艘希，盡可能多回答你所知道的）
css編寫注意事項
這個考驗個人平時編碼的總結(jié)和約束硼身。問題較為開放，可以結(jié)合個人開發(fā)體驗和團隊約束來回答覆享。比如0后面不帶單位佳遂、盡量使用簡寫、使用子選擇器撒顿、合理使用id等丑罪。
JavaScript部分

JavaScript閉包了解么
閉包即為函數(shù)，但是我們通常所說的閉包是指有權(quán)訪問并操作別的函數(shù)作用域中變量的函數(shù)凤壁。一般表現(xiàn)形式為函數(shù)中返回函數(shù)吩屹。通常我們開發(fā)中就會有很多的閉包比如定時器、事件監(jiān)聽拧抖、IIFE等煤搜。此題是一個借題發(fā)揮漲分的題目，我們可以談談閉包的高級用法唧席，比如單例模式中的使用擦盾、js的節(jié)流和防抖甚至可以談一談js的運行機制，gc機制淌哟。
前端跨域都有哪些解決方案
js的前端跨域很多迹卢，通常我們給出方案并且應該簡述優(yōu)缺點，比如方式有徒仓，jsonp腐碱、document.domain+iframe、window.name+ifram蓬衡、location.hash+iframe喻杈、postMessage跨域、CORS跨域狰晚、websocket跨域、node代理跨域以及NGINX代理等方式缴啡。其中對于我們常用的可以張開說明壁晒，比如CORS跨域中簡單請求和非簡單請求的header字段，access-control-allow-origin业栅、access-control-allow-headers秒咐、access-control-allow-method等常規(guī)head字段說明。
JavaScript中的繼承
1碘裕、Es6中我們直接可以使用extends關(guān)鍵字去繼承携取，通過重寫super完成繼承，但是在es5中帮孔，才是應該去主要細說的雷滋。2.原型繼承的核心為父類的實例作為子類的原型不撑。優(yōu)點：非常純粹的繼承關(guān)系、簡單易用晤斩、父類新增的原型方法原型屬性子類都可以訪問到焕檬。缺點：要為子類新增屬性和方法，必須要放到new Animal（）之后澳泵，不能放到構(gòu)造器中实愚，來自原型對象的引用類型被所有實力共享，創(chuàng)建子類兔辅，無法向構(gòu)造函數(shù)傳參腊敲。3.構(gòu)造函數(shù)繼承核心：使用父類構(gòu)造函數(shù)來增強子類的實例優(yōu)點：解決了共享引用類型的問題，可以在構(gòu)造函數(shù)里面?zhèn)鲄⑽Γ梢詫崿F(xiàn)多繼承兔仰。缺點：實例不是父類實例，只能繼承父類的屬性和方法蕉鸳，不能繼承父類原型的方法和屬性乎赴、無法實現(xiàn)函數(shù)的復用。4潮尝、組合繼承的核心：通過調(diào)用父類的構(gòu)造榕吼，繼承父類的屬性并保留參數(shù)的有點，通過父類的實例作為子類原型勉失，實現(xiàn)函數(shù)復用羹蚣。優(yōu)點：可以繼承屬性和方法以及原型上的屬性和方法、即是子類實例也是父類實例乱凿、不存在屬性共享的問題顽素、函數(shù)可復用。缺點：調(diào)用了兩次構(gòu)造函數(shù)徒蟆，生成了兩份實例胁出。5、寄生組合繼承核心：砍掉父類的實例屬性段审，這樣全蝶，在調(diào)用兩次父類的構(gòu)造時候，就不會初始化兩次實例方法和屬性寺枉，避免組合繼承的缺點
es6 extends繼承抑淫，ES5中的繼承，實質(zhì)上是先創(chuàng)建子類上的this姥闪，然后再將父類方法添加到this上始苇，es6則是先創(chuàng)建父類的實例方法（必須調(diào)用super），然后在用子類構(gòu)造函數(shù)修改this筐喳。沒有調(diào)用super催式，是沒有this的函喉。