前言
在兩家大廠工作了6年，當了3年的前端面試官，把一些較難的面試題與答案彙總在我的Github中。希望對大家有所幫助，助力大家進入自己理想的企業。
專案地址是：github.com/airuikun/We…
希望大家不要看到題目就直接看答案，還是希望先自己進行思考，在思考的過程中，會有意想不到的收穫。
面試題挑戰
我把下面每道題的難度高低，和對標的職級，都寫上去了，大家可以參考一下，但不是唯一評判標準。
第 1 題：請設計一個攻擊伺服器的策略
難度：阿里p5 ~ p7、騰訊t21 ~ t31
我提供幾個常見的策略吧
- 前段時間很火的一個例子，偽造虛假npm包 + nodejs版本的payload
- nodejs的反序列化攻擊
其實你多關注知乎或者一些前端熱點，都會發現有很多很多的這種攻擊和漏洞的case講解，但是有沒有一些很難並且大家都沒想到過的策略和思路呢？
歡迎展現自己的實力和創意
週五公佈答案，如果你有好的想法或答案，歡迎在這題目對應的github下留言：github.com/airuikun/We…
第 2 題：請寫一個正則，去除掉html標籤字串裡的所有屬性，並保留src和href兩種屬性
難度：阿里p6+ ~ p7、騰訊t23 ~ t31
這題目簡單的理解就是，寫一個正規表示式，將字串'正則'轉化成'正則'。
當然，真正包含一個網頁的html的字串要比這個複雜。
而且，google裡關於這個問題的前三篇文章答案，都存在嚴重的問題，隨便寫幾個case都是滿足不了的。
正則的問題，很多前端人員都停留在如何用正則去判斷一個數字是不是手機號，一段字串是不是郵箱，說實話，這都沒用到正則知識體系的十分之一
在一些工程專案難題上，如果正則使用到位，真的是一行正則可以抵1000行程式碼。
建議有能力的小夥伴，可以玩一下這題。
週五公佈答案，如果你有好的答案或想法，歡迎在這題目對應的github下留言：github.com/airuikun/We…
第 3 題：react專案中的JSX裡，onChange={this.func.bind(this)}的寫法，為什麼要比非bind的func = () => {}的寫法效率高 請解釋其中的原理
難度：阿里p5 ~ p6、騰訊t21 ~ t22
這題考察了函式在記憶體塊佔用執行和排程等，和對bind的深層理解。
歡迎挑戰
週五公佈答案，如果你有好的想法或答案，歡迎在這題目對應的github下留言言：github.com/airuikun/We…
第 4 題：十萬條資料插入資料庫，怎麼去優化和處理高併發情況下的DB插入
難度：阿里p6+ ~ p7+、騰訊t23 ~ t32
這種題，你懂的，逼格高，亮瞎眼，大廠太愛考了。
不過裝逼歸裝逼，有能力並且真真正正處理過這些高併發情況的FE，這題是他們一個很好的展現機會。
以前我的mentor，用nodejs實現了高併發的智慧容災，我至今記憶猶新，並且他也收穫了那年的高績效。
來玩一下？
週五公佈答案，歡迎挑戰，如果你有好的想法或答案，歡迎在這題目對應的github下留言：github.com/airuikun/We…
第 5 題：解釋一下在js裡，0.1+0.2為什麼等於0.30000000000000004，如何通過程式碼解決這個問題？
難度：阿里p5 ~ p6、騰訊t21 ~ t22
第二問我給個簡單的思路吧：將浮點數轉換為整數來進行計算。
答案不唯一，歡迎提供更好的idea
週五公佈答案，歡迎挑戰，如果你有好的想法或答案，歡迎在這題目對應的github下留言言：github.com/airuikun/We…
第 6 題：設計一個策略和方法，實現在https的前端專案裡進行http請求
難度：阿里p6 ~ p6+、騰訊p22 ~ t23
週五公佈答案，歡迎挑戰，如果你有好的想法或答案，歡迎在這題目對應的github下留言言：github.com/airuikun/We…
第 7 題：一個iframe，內嵌了一個A頁面，iframe的寬高不停變化，如何讓A頁面的寬高實時自適應這個iframe的寬高大小。請說出至少3種方法，越難越好
難度：阿里p6 ~ p6+、騰訊t22 ~ t23
這種題有簡單方法，也有難的方法，我建議大夥在面試的時候，儘量往難的說。
週五公佈答案，歡迎挑戰，如果你有好的想法或答案，歡迎在這題目對應的github下留言言：github.com/airuikun/We…
第 8 題：v8有了解過嗎？講講了解過v8的那幾個模組和部分，比如解釋一下v8的hidden class
難度：阿里p6+ ~ p7、騰訊t23 ~ t31
不要牴觸面試官考察v8，還是那句話，你對一個問題回答的深度，是面試官評價你能力的參考和標準。
挑戰一下吧
週五公佈答案，歡迎挑戰，如果你有好的想法或答案，歡迎在這題目對應的github下留言言：github.com/airuikun/We…
第 9 題：現在有多個spa的專案，有angular的，有vue的和react的，如何將他們合併成一個大統一的spa專案
難度：阿里p7 ~ p7+、騰訊t31 ~ t32
很多公司，都有很多的老專案，並且都是不同框架，很分散，很多上級的上級，很喜歡提這種多專案統一的需求。
這時候你就會面臨不同框架的專案重構。
如果你遇到這些問題，打算重寫專案，那是非常費力不討好的。這些問題，其實是能框架層面上去解決的。
我提供個思路，比如在angular專案裡融合react專案，可以從ReactDOM.render結合angular的路由入手。
再提供個思路，例如簡單的vue和react專案，可以用ast等手法，將程式碼互轉。但這個我曾經實踐過，會面臨很多的bad case。
剩下的一些思路，歡迎大家挑戰。
週五公佈答案，歡迎在這題目對應的github下留言言：github.com/airuikun/We…
第 10 題：講一下png8 png16 png32的區別，並簡單講講png的壓縮原理
難度：阿里p5 ~ p6、騰訊t21 ~ t22
針對png原理的問題，我寫了一個文章，輕鬆搞笑通俗易懂，大家可以看一下，放鬆放鬆《PNG圖片壓縮原理--屌絲的眼淚》
交流
我是小蝌蚪，目前擔任高階前端工程師
歡迎關注我的微信公眾號，微信掃下面二維碼或搜尋公眾號“前端屌絲”，講述了一個前端屌絲逆襲的心路歷程，共勉。
