【週刊-3】三年大廠面試官-十道前端面試題（歡迎挑戰）

前言

在兩家大廠工做了6年，當了3年的前端面試官，把一些較難的面試題與答案彙總在個人Github中。但願對你們有所幫助，助力你們進入本身理想的企業。

項目地址是：github.com/airuikun/We…

但願你們不要看到題目就直接看答案，仍是但願先本身進行思考，在思考的過程當中，會有意想不到的收穫。

面試題挑戰

我把下面每道題的難度高低，和對標的職級，都寫上去了，你們能夠參考一下，但不是惟一評判標準。

第 1 題：請設計一個攻擊服務器的策略

我提供幾個常見的策略吧

• 前段時間很火的一個例子，僞造虛假npm包 + nodejs版本的payload
• nodejs的反序列化攻擊

其實你多關注知乎或者一些前端熱點，都會發現有不少不少的這種攻擊和漏洞的case講解，可是有沒有一些很難而且你們都沒想到過的策略和思路呢？

歡迎展示本身的實力和創意

週五公佈答案，若是你有好的想法或答案，歡迎在這題目對應的github下留言：github.com/airuikun/We…

第 2 題：請寫一個正則，去除掉html標籤字符串裏的全部屬性，並保留src和href兩種屬性

這題目簡單的理解就是，寫一個正則表達式，將字符串'正則'轉化成'正則'。

固然，真正包含一個網頁的html的字符串要比這個複雜。

並且，google裏關於這個問題的前三篇文章答案，都存在嚴重的問題，隨便寫幾個case都是知足不了的。

正則的問題，不少前端人員都停留在如何用正則去判斷一個數字是否是手機號，一段字符串是否是郵箱，說實話，這都沒用到正則知識體系的十分之一

在一些工程項目難題上，若是正則使用到位，真的是一行正則能夠抵1000行代碼。

建議有能力的小夥伴，能夠玩一下這題。

週五公佈答案，若是你有好的答案或想法，歡迎在這題目對應的github下留言：github.com/airuikun/We…

第 3 題：react項目中，constructor(){ this.target = this.func.bind(this); },JSX裏onChange={this.target}的寫法，爲何要比非bind的func = () => {}的寫法效率高 請解釋其中的原理

這題考察了函數在內存塊佔用執行和調度等，和對bind的深層理解。

歡迎挑戰

週五公佈答案，若是你有好的想法或答案，歡迎在這題目對應的github下留言言：github.com/airuikun/We…

第 4 題：十萬條數據插入數據庫，怎麼去優化和處理高併發狀況下的DB插入

這種題，你懂的，逼格高，亮瞎眼，大廠太愛考了。

不過裝逼歸裝逼，有能力而且真真正正處理過這些高併發狀況的FE，這題是他們一個很好的展示機會。

之前個人mentor，用nodejs實現了高併發的智能容災，我至今記憶猶新，而且他也收穫了那年的高績效。

來玩一下？

週五公佈答案，歡迎挑戰，若是你有好的想法或答案，歡迎在這題目對應的github下留言：github.com/airuikun/We…

第 5 題：解釋一下在js裏，0.1+0.2爲何等於0.30000000000000004，如何經過代碼解決這個問題？

第二問我給個簡單的思路吧：將浮點數轉換爲整數來進行計算。

答案不惟一，歡迎提供更好的idea

週五公佈答案，歡迎挑戰，若是你有好的想法或答案，歡迎在這題目對應的github下留言言：github.com/airuikun/We…

第 6 題：設計一個策略和方法，實如今https的前端項目裏進行http請求

週五公佈答案，歡迎挑戰，若是你有好的想法或答案，歡迎在這題目對應的github下留言言：github.com/airuikun/We…

第 7 題：一個iframe，內嵌了一個A頁面，iframe的寬高不停變化，如何讓A頁面的寬高實時自適應這個iframe的寬高大小。請說出至少3種方法，越難越好

這種題有簡單方法，也有難的方法，我建議大夥在面試的時候，儘可能往難的說。

週五公佈答案，歡迎挑戰，若是你有好的想法或答案，歡迎在這題目對應的github下留言言：github.com/airuikun/We…

第 8 題：v8有了解過嗎？講講了解過v8的那幾個模塊和部分，好比解釋一下v8的hidden class

不要抵觸面試官考察v8，仍是那句話，你對一個問題回答的深度，是面試官評價你能力的參考和標準。

挑戰一下吧

週五公佈答案，歡迎挑戰，若是你有好的想法或答案，歡迎在這題目對應的github下留言言：github.com/airuikun/We…

第 9 題：如今有多個spa的項目，有angular的，有vue的和react的，如何將他們合併成一個大統一的spa項目

不少公司，都有不少的老項目，而且都是不一樣框架，很分散，不少上級的上級，很喜歡提這種多項目統一的需求。

這時候你就會面臨不一樣框架的項目重構。

若是你遇到這些問題，打算重寫項目，那是很是費力不討好的。這些問題，實際上是能框架層面上去解決的。

我提供個思路，好比在angular項目裏融合react項目，能夠從ReactDOM.render結合angular的路由入手。

再提供個思路，例如簡單的vue和react項目，能夠用ast等手法，將代碼互轉。但這個我曾經實踐過，會面臨不少的bad case。

剩下的一些思路，歡迎你們挑戰。

週五公佈答案，歡迎在這題目對應的github下留言言：github.com/airuikun/We…

第 10 題：講一下png8 png16 png32的區別，並簡單講講png的壓縮原理

針對png原理的問題，我寫了一個文章，輕鬆搞笑通俗易懂，你們能夠看一下，放鬆放鬆《PNG圖片壓縮原理--屌絲的眼淚》

交流

我是小蝌蚪，目前擔任高級前端工程師

歡迎關注個人微信公衆號，微信掃下面二維碼或搜索公衆號「前端屌絲」，講述了一個前端屌絲逆襲的心路歷程，共勉。