第 1 題：請設計一個攻擊伺服器的策略 難度：阿裡p5 ~ p7、騰訊t21 ~ t31 提供幾個常見的策略 前段時間很火的一個例子，偽造虛假npm包 + nodejs版本的payload nodejs的反序列化攻擊 第 2 題：請寫一個正則，去除掉html標簽字元串里的所有屬性，並保留src和hr ...
第 1 題：請設計一個攻擊伺服器的策略
難度：阿裡p5 ~ p7、騰訊t21 ~ t31
提供幾個常見的策略
- 前段時間很火的一個例子，偽造虛假npm包 + nodejs版本的payload
- nodejs的反序列化攻擊
第 2 題：請寫一個正則，去除掉html標簽字元串里的所有屬性，並保留src和href兩種屬性
難度：阿裡p6+ ~ p7、騰訊t23 ~ t31
這題目簡單的理解就是，寫一個正則表達式，將字元串'正則'轉化成'正則'。
當然，真正包含一個網頁的html的字元串要比這個複雜。
而且，google里關於這個問題的前三篇文章答案，都存在嚴重的問題，隨便寫幾個case都是滿足不了的。
正則的問題，很多前端人員都停留在如何用正則去判斷一個數字是不是手機號，一段字元串是不是郵箱，說實話，這都沒用到正則知識體系的十分之一
在一些工程項目難題上，如果正則使用到位，真的是一行正則可以抵1000行代碼。
第 3 題：react項目中，constructor(){ this.target = this.func.bind(this); },JSX里onChange={this.target}的寫法，為什麼要比非bind的func = () => {}的寫法效率高 請解釋其中的原理
難度：阿裡p5 ~ p6、騰訊t21 ~ t22
這題考察了函數在記憶體塊占用執行和調度等，和對bind的深層理解。
第 4 題：十萬條數據插入資料庫，怎麼去優化和處理高併發情況下的DB插入
難度：阿裡p6+ ~ p7+、騰訊t23 ~ t32
這種題，你懂的，逼格高，亮瞎眼，大廠太愛考了。
不過裝逼歸裝逼，有能力並且真真正正處理過這些高併發情況的FE，這題是他們一個很好的展現機會。
第 5 題：解釋一下在js里，0.1+0.2為什麼等於0.30000000000000004，如何通過代碼解決這個問題？
難度：阿裡p5 ~ p6、騰訊t21 ~ t22
第二問我給個簡單的思路吧：將浮點數轉換為整數來進行計算。
第 6 題：設計一個策略和方法，實現在https的前端項目里進行http請求
難度：阿裡p6 ~ p6+、騰訊p22 ~ t23
第 7 題：一個iframe，內嵌了一個A頁面，iframe的寬高不停變化，如何讓A頁面的寬高實時自適應這個iframe的寬高大小。請說出至少3種方法，越難越好
難度：阿裡p6 ~ p6+、騰訊t22 ~ t23
這種題有簡單方法，也有難的方法，我建議大伙在面試的時候，儘量往難的說。
第 8 題：v8有瞭解過嗎？講講瞭解過v8的那幾個模塊和部分，比如解釋一下v8的hidden class
難度：阿裡p6+ ~ p7、騰訊t23 ~ t31
不要抵觸面試官考察v8，還是那句話，你對一個問題回答的深度，是面試官評價你能力的參考和標準。
第 9 題：現在有多個spa的項目，有angular的，有vue的和react的，如何將他們合併成一個大統一的spa項目
難度：阿裡p7 ~ p7+、騰訊t31 ~ t32
很多公司，都有很多的老項目，並且都是不同框架，很分散，很多上級的上級，很喜歡提這種多項目統一的需求。
第 10 題：講一下png8 png16 png32的區別，並簡單講講png的壓縮原理
難度：阿裡p5 ~ p6、騰訊t21 ~ t22
針對png原理的問題，我寫了一個文章，輕鬆搞笑通俗易懂，大家可以看一下，放鬆放鬆《PNG圖片壓縮原理--屌絲的眼淚》
轉自：
作者：第一名的小蝌蚪
掘金：https://juejin.im/post/5cd82463518825692330d440#heading-21
這種題有簡單方法，也有難的方法，我建議大伙在面試的時候，儘量往難的說。
周五公佈答案，歡迎挑戰，如果你有好的想法或答案，歡迎在這題目對應的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圖片壓縮原理--屌絲的眼淚》
作者：第一名的小蝌蚪
鏈接：https://juejin.im/post/5cd82463518825692330d440
來源：掘金
