個人前端面經集合

前端面試題總結：

除內推外，通常在面試前都要一次筆試，固然，不過筆試也能夠去霸面！視頻面、電話面、現場面都有。不一樣的公司在不一樣的公司文化下面試問題也有不少差異。小公司通常偏向於應用性的問題，畢竟是要找人創造財富的，大公司通常不這個樣子。阿里通常都是不少應聘方向問題再配合一點專業知識，騰訊則十分重視應試者的專業知識、成績、智商，應聘方向問題很少，甚至基本不問。感受面試的運氣成分很是大，這也沒辦法。

計蒜客：

• HTTP action、狀態碼（post、get的大小到底區別多少）

• SEO

• 響應式、屏幕適配

• HTML語義化、HTML5新標籤、placeholder屬性

• LESS、SASS優缺點

• reset.js、normalize.js

• 雪碧圖使用

• 漸進加強、優雅降級

• Bootstrap柵格系統實現

• ES6

• 原型繼承

• coffeScript、typeScript

• n.times(func):循環調用func共n次

• apply、call

• 版本控制

• 前端自動化工具

• 前端模板（jade、ejs等）

• PHP、node差別、特色

• ``` javascript
  var a = b = 2;
  ******** var a = 2;
  var b = 2;
  區別

+ ``` javascript
經典：閉包實現點擊button彈出相應序號

阿里巴巴內推一面：

• 爲何選擇前端
• 列舉你知道的排序算法，詳細講一下快排算法過程
• 快排的時間複雜度、理想和不理想狀況
• 紅黑樹、平衡樹、搜索算法
• 深度優先、廣度優先
• HTTP action、狀態碼
• JS的垃圾回收機制
• call、apply區別，本質
• 函數做用域
• 閉包、原型、做用域鏈
• 跨域（JSONP、CORS）先後端各要作什麼
• CORS的標準是誰制定的（實際上是W3C）
• 清除浮動
• 打印樣式相關
• CSS3 動畫實現（三種方法）
• display屬性值、Flex+box
• 經過哪些方式學習、遇到問題如何解決、本身在項目中的定位
• 談項目：詳談項目中的問題blablablabla
• 總結本身、本身的人生規劃

• 一句話從算法角度總結本身的X項目

阿里巴巴內推二面：

• 各類聊項目：作了什麼、亮點、困難、新技術
• 你作的項目怎麼來的
• call、apply
• 如何精確判斷一個數據類型是數組
• typeof 的返回值
• ajax：過程、如何判斷成功，順便問了狀態碼
• border+radius、postion；static、relative
• 抓包工具
• jQuery源碼：事件代理
• target、currentTarget
• iconfont
• 移動端適配
• C語言在function前面寫static是什麼意思
• 常見搜索方式：折半查找前提、複雜度
• 排序算法：快排平均複雜度、最差複雜度

• markdown原理

阿里巴巴內推HR面：

• 最近面試了那些公司
• 爲何選阿里（我說了阿里有狼性）
• 中國除了阿里以外還有那些公司也有狼性
• 爲何不以爲華爲有狼性
• 爲何選擇前端
• 阿里那些產品UI、前端比較優秀
• 說一下作的項目
• 爲何投淘寶UED
• 以爲在阿里實習能得到什麼

• 說一下本身後面想學習什麼前端技能

騰訊SNG+(騰訊雲)內推一面（跪）：

• 介紹本身、最近的項目
• 如何實現移動端tap事件（300ms延遲出現的緣由）
• 尋找兩個字符串中都出現的字符
• 實現Func(n1, n2, n)返回第n個數
• 尋找一個字符串中只出現一次的字符
• 跨域CORS、JSONP：基本過程、適用場景
• AJAX：過稱、如何判斷成功、如何禁止緩存

• 前端的學習計劃

騰訊霸面（武漢1）一面（跪）:

• 爲何來武漢面試、自我介紹
• 爲何學前端
• 作過的東西有什麼亮點
• 看下我作錯的一道筆試題

var x;
(function(){
x = 2;
y = 2;
})();
console.log(x == y);
返回值；

• 網絡協議、哪一層在分隔包
• TCP：接收方第一次接受第1個包，第二次接受第100個包，如何處理

• 算法：rand5()隨機生成1+5，機率1/5，寫用rand5()寫rand7()

騰訊霸面（武漢2）一面：

• 自我介紹、爲何來武漢、爲何來騰訊
• 原生ajax、狀態碼
• 經常使用選擇符、優先級
• 瀏覽器存儲方式
• 前端優化
• CSRF、XSS怎麼防（token誰生成，怎麼確認誰有權得到token）
• 一段英語字符串，有","、「。」、「 」。取出全部單詞
• 智力題：兩個杯子，5L，6L。打出來三升水（從兩個杯子倒出來都要說）
• 後面的人生規劃、我的愛好、運動

• 你發問（只能問一個與面試無關的問題）

騰訊霸面（武漢2）二面：

• 給一個號碼根據區號判斷地點（不用JS）
• 智商題：三個盒子三個球，兩紅一白，問第二個盒子至少有一個紅球的機率
• GIT和SVN的區別、衝突怎麼解決
• 瀏覽器緩存（問的很深）
• 前端優化（問的很深）
• 爲何256M的內存比4G內存卡
• 一臺局域網的電腦和服務器的通訊過程

• 實習地點和實習時間，哪兒的人

騰訊霸面（武漢2）HR面：

• 爲何學前端
• 遇到問題如何解決
• 爲何選擇騰訊
• 你知道騰訊的哪些產品
• 用微信多仍是用QQ多，爲何
• 選擇公司的時候會考慮哪些
• 有女友了麼
• 投了什麼其餘公司
• 平時有什麼愛好
• 學習成績如何
• 班裏同窗都在作什麼方向