資訊專欄INFORMATION COLUMN
摘要：前言在兩家大廠工作了年，當了年的前端面試官，把一些較難的面試題與答案匯總在我的中。請說出至少種方法，越難越好難度阿里騰訊這種題有簡單方法，也有難的方法，我建議大伙在面試的時候，盡量往難的說。
前言
在兩家大廠工作了6年，當了3年的前端面試官，把一些較難的面試題與答案匯總在我的Github中。希望對大家有所幫助，助力大家進入自己理想的企業。
項目地址是：https://github.com/airuikun/W...
希望大家不要看到題目就直接看答案，還是希望先自己進行思考，在思考的過程中，會有意想不到的收獲。
面試題挑戰我把下面每道題的難度高低，和對標的職級，都寫上去了，大家可以參考一下，但不是唯一評判標準。
第 1 題：請設計一個攻擊服務器的策略 難度：阿里p5 ~ p7、騰訊t21 ~ t31我提供幾個常見的策略吧
前段時間很火的一個例子，偽造虛假npm包 + nodejs版本的payload
nodejs的反序列化攻擊
其實你多關注知乎或者一些前端熱點，都會發現有很多很多的這種攻擊和漏洞的case講解，但是有沒有一些很難并且大家都沒想到過的策略和思路呢？
歡迎展現自己的實力和創意
如果你有好的想法或答案，歡迎在這題目對應的github下留言：https://github.com/airuikun/W...
第 2 題：請寫一個正則，去除掉html標簽字符串里的所有屬性，并保留src和href兩種屬性 難度：阿里p6+ ~ p7、騰訊t23 ~ t31這題目簡單的理解就是，寫一個正則表達式，將字符串"正則"轉化成"正則"。
當然，真正包含一個網頁的html的字符串要比這個復雜。
而且，google里關于這個問題的前三篇文章答案，都存在嚴重的問題，隨便寫幾個case都是滿足不了的。
正則的問題，很多前端人員都停留在如何用正則去判斷一個數字是不是手機號，一段字符串是不是郵箱，說實話，這都沒用到正則知識體系的十分之一
在一些工程項目難題上，如果正則使用到位，真的是一行正則可以抵1000行代碼。
建議有能力的小伙伴，可以玩一下這題。
如果你有好的答案或想法，歡迎在這題目對應的github下留言：https://github.com/airuikun/W...
第 3 題：react項目中的JSX里，onChange={this.func.bind(this)}的寫法，為什么要比非bind的func = () => {}的寫法效率高 請解釋其中的原理 難度：阿里p5 ~ p6、騰訊t21 ~ t22這題考察了函數在內存塊占用執行和調度等，和對bind的深層理解。
歡迎挑戰
如果你有好的想法或答案，歡迎在這題目對應的github下留言言：https://github.com/airuikun/W...
第 4 題：十萬條數據插入數據庫，怎么去優化和處理高并發情況下的DB插入 難度：阿里p6+ ~ p7+、騰訊t23 ~ t32這種題，你懂的，逼格高，亮瞎眼，大廠太愛考了。
不過裝逼歸裝逼，有能力并且真真正正處理過這些高并發情況的FE，這題是他們一個很好的展現機會。
以前我的mentor，用nodejs實現了高并發的智能容災，我至今記憶猶新，并且他也收獲了那年的高績效。
來玩一下？
歡迎挑戰，如果你有好的想法或答案，歡迎在這題目對應的github下留言：https://github.com/airuikun/W...
第 5 題：解釋一下在js里，0.1+0.2為什么等于0.30000000000000004，如何通過代碼解決這個問題？ 難度：阿里p5 ~ p6、騰訊t21 ~ t22第二問我給個簡單的思路吧：將浮點數轉換為整數來進行計算。
答案不唯一，歡迎提供更好的idea
歡迎挑戰，如果你有好的想法或答案，歡迎在這題目對應的github下留言言：https://github.com/airuikun/W...
第 6 題：設計一個策略和方法，實現在https的前端項目里進行http請求 難度：阿里p6 ~ p6+、騰訊p22 ~ t23歡迎挑戰，如果你有好的想法或答案，歡迎在這題目對應的github下留言言：https://github.com/airuikun/W...
第 7 題：一個iframe，內嵌了一個A頁面，iframe的寬高不停變化，如何讓A頁面的寬高實時自適應這個iframe的寬高大小。請說出至少3種方法，越難越好 難度：阿里p6 ~ p6+、騰訊t22 ~ t23這種題有簡單方法，也有難的方法，我建議大伙在面試的時候，盡量往難的說。
歡迎挑戰，如果你有好的想法或答案，歡迎在這題目對應的github下留言言：https://github.com/airuikun/W...
第 8 題：v8有了解過嗎？講講了解過v8的那幾個模塊和部分，比如解釋一下v8的hidden class 難度：阿里p6+ ~ p7、騰訊t23 ~ t31不要抵觸面試官考察v8，還是那句話，你對一個問題回答的深度，是面試官評價你能力的參考和標準。
挑戰一下吧
歡迎挑戰，如果你有好的想法或答案，歡迎在這題目對應的github下留言言：https://github.com/airuikun/W...
第 9 題：現在有多個spa的項目，有angular的，有vue的和react的，如何將他們合并成一個大統一的spa項目 難度：阿里p7 ~ p7+、騰訊t31 ~ t32很多公司，都有很多的老項目，并且都是不同框架，很分散，很多上級的上級，很喜歡提這種多項目統一的需求。
這時候你就會面臨不同框架的項目重構。
如果你遇到這些問題，打算重寫項目，那是非常費力不討好的。這些問題，其實是能框架層面上去解決的。
我提供個思路，比如在angular項目里融合react項目，可以從ReactDOM.render結合angular的路由入手。
再提供個思路，例如簡單的vue和react項目，可以用ast等手法，將代碼互轉。但這個我曾經實踐過，會面臨很多的bad case。
剩下的一些思路，歡迎大家挑戰。
歡迎在這題目對應的github下留言言：https://github.com/airuikun/W...
第 10 題：講一下png8 png16 png32的區別，并簡單講講png的壓縮原理 難度：阿里p5 ~ p6、騰訊t21 ~ t22針對png原理的問題，我寫了一個文章，輕松搞笑通俗易懂，大家可以看一下，放松放松《PNG圖片壓縮原理--屌絲的眼淚》
交流我是小蝌蚪，擔任高級前端工程師
歡迎關注我的微信公眾號，微信掃下面二維碼或搜索公眾號“前端屌絲”，講述了一個前端屌絲逆襲的心路歷程，共勉。
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/109447.html
摘要：前言在兩家大廠工作了年，當了年的前端面試官，把一些較難的面試題與答案匯總在我的中。請說出至少種方法，越難越好難度阿里騰訊這種題有簡單方法，也有難的方法，我建議大伙在面試的時候，盡量往難的說。 前言 在兩家大廠工作了6年，當了3年的前端面試官，把一些較難的面試題與答案匯總在我的Github中。希望對大家有所幫助，助力大家進入自己理想的企業。 項目地址是：https://github.co...
摘要：前言在兩家大廠工作了年，當了年的前端面試官，把一些較難的面試題與答案匯總在我的中。請說出至少種方法，越難越好難度阿里騰訊這種題有簡單方法，也有難的方法，我建議大伙在面試的時候，盡量往難的說。 前言 在兩家大廠工作了6年，當了3年的前端面試官，把一些較難的面試題與答案匯總在我的Github中。希望對大家有所幫助，助力大家進入自己理想的企業。 項目地址是：https://github.co...
摘要：前言在兩家大廠工作了年，當了年的前端面試官，把一些較難的面試題與答案匯總在我的中。請說出至少種方法，越難越好難度阿里騰訊這種題有簡單方法，也有難的方法，我建議大伙在面試的時候，盡量往難的說。前言 在兩家大廠工作了6年，當了3年的前端面試官，把一些較難的面試題與答案匯總在我的Github中。希望對大家有所幫助，助力大家進入自己理想的企業。 項目地址是：github.com/airuikun/...
摘要：獲取的對象范圍方法獲取的是最終應用在元素上的所有屬性對象即使沒有代碼，也會把默認的祖宗八代都顯示出來而只能獲取元素屬性中的樣式。因此對于一個光禿禿的元素，方法返回對象中屬性值如果有就是據我測試不同環境結果可能有差異而就是。 花了很長時間整理的前端面試資源，喜歡請大家不要吝嗇star~ 別只收藏，點個贊，點個star再走哈~ 持續更新中……，可以關注下github 項目地址 https:...
閱讀 2860·2019-08-30 15:44
閱讀 1886·2019-08-29 13:59
閱讀 2845·2019-08-29 12:29
閱讀 1090·2019-08-26 13:57
閱讀 3202·2019-08-26 13:45
閱讀 3330·2019-08-26 10:28
閱讀 824·2019-08-26 10:18
閱讀 1695·2019-08-23 16:52
