[[316271]]

 面試題精選

大廠的一面面試題，大家基本上都能在google上刷到，見過就會，沒見過就死。通過刷題，基本上能做出來85%以上。

但是到了二面，你會發現難度徒然上升，一道題內，涉及到的技術點很多，很少能在網上查到原題目，因為二面的題目大部分都是從工作中提煉出來的技術點，需要候選人通過自己的想象力和技術實力去設計解決方案。非?？简灪蜻x人前端能力。

第 1 題：在nodejs開發的時候 處理過什么windows和mac的平臺兼容性問題

難度：阿里p5 ~ p6

很多候選人一上來就說自己精通nodejs開發，但是經過面試以后，發現其實都只是停留在demo的水平，都只是在官網上把例子下載下來隨便運行一下，覺得nodejs其實也就這醬紫。

其實通過nodejs真正開發過大型工程化工具cli，你就會發現存在很多的windows和mac等系統的兼容性問題，甚至是連nodejs官網上的API都是有問題并且是不可信的。

我隨意列幾個點，歡迎大家補充：

•  兼容環境變量設置，用cross-env，因為export和set有系統差異性
•  windows不支持 & ,并行執行npm-script用npm-run-all或者concurrently
•  異步同步化:util.promisify + async/await
•  不要直接用官網的fs.readFileSync，用fs-extra去代替
•  拼接路徑要用path.join，Unix系是/，Windows是\

還有好多，懶得寫了

如果你有更好的答案或想法，歡迎在這題目對應的github下留言：https://github.com/airuikun/Weekly-FE-Interview/issues/33

第 2 題：設計一個方案，在瀏覽器中點擊一個button，然后能在你的前端項目源碼文件中增加一個index.js文件，如何實現？提供思路

難度：阿里p6 ~ p7

這題就是典型的大廠二面題，題目簡單一看就明白，但是真要實現能寫一條龍出來。

大家都知道，因為安全限制，瀏覽器是不能直接操作你電腦里的文件系統的，但是這題卻讓你點擊一個button，能在你的前端項目代碼文件里生成一個文件，那怎么實現呢？

其實你如果看了很多的跨平臺包的核心core文件，你就會發現他們實現原理都類似，都是約定好一個規范，然后實現一個bridge橋接去進行權限穿透。要寫出來就太多了，大家可以自行去研究一下。

還有一個思路，涉及到npm + cli + node server去實現。首先實現一個npm插件，在bin里注冊一個命令，當你在前端項目中npm run start后，調用這個命令，通過這個命令起一個node-dev-server，然后通過http請求去讓這個node-dev-server去創建index.js文件。

這題其實也有很簡單的方法可以去實現，有簡單有難，很靈活，當然你的回答越難越有深度，就越能體現你的創造力和實力。

如果你有更好的想法或疑問，歡迎在這題目對應的github下留言：https://github.com/airuikun/Weekly-FE-Interview/issues/34

第 3 題：如果一個實習生，他本地git的A分支被誤刪了， A分支代碼沒有被push到遠程，如何找到之前A的提交記錄和代碼

難度：阿里p6 ~ p6+

這個誤刪分支導致代碼丟失的錯誤，經常會出現在實習生和新招的校招生當中，如果你是一個前端團隊的main coder或者項目負責人，對git必須要非常熟悉，要不然會經常出現代碼誤刪，代碼丟失等問題。這個問題你如何解決呢？

如果你有更好的答案或想法，歡迎在這題目對應的github下留言：https://github.com/airuikun/Weekly-FE-Interview/issues/35

第 4 題：如果你用nodejs實現的爬蟲服務器的IP被指定網站封了，如何解封？

難度：阿里p6 ~ p7

如果你用nodejs實現爬蟲去扒取網站內容，就很有可能會被別人反爬蟲機制給封殺掉。當然，解決方法多種多樣，我沒做過大型完善的爬蟲服務，但是做過小型的，遇到這種情況我實現方案是做幾層ip池，當抓取失敗后，通過自動隨機切換ip代理池去繞過封鎖，我簡單寫一下ip代理的實現原理的偽代碼吧，其實就是用nodejs實現一個代理，很簡單   

http.createServer((req, res)=>{  
     request(  
       `http://xxx/${req.url}`,  
       { proxy: "xxx.xxx.xxx:xxx" },  
       function(error, response, body) {  
         if (!error && response.statusCode == 200) {  
           res.end(body);  
         } else {  
           console.log(error);  
         }  
       }  
     );  
   }).listen(8888,()=>{  
       console.log('run')  
   }); 

第 5 題：用nodejs，將base64轉化成png文件

難度：阿里p5 ~ p6 

const fs = require('fs');  
const path = 'xxx/'+ Date.now() +'.png';  
const base64 = data.replace(/^data:image\/\w+;base64,/, "");//去掉圖片base64碼前面部分data:image/png;base64  
const dataBuffer = new Buffer(base64, 'base64'); //把base64碼轉成buffer對象，  
fs.writeFile(path, dataBuffer, function(err){//用fs寫入文件  
    if(err){  
        console.log(err);  
    }else{  
        console.log('寫入成功！');  
    }  
}) 

一般你要是做出來了將base64轉化成png文件，面試官又會壞壞的讓你舉一反三一下，會問你：實現一下將png文件，轉化成base64，來少年，實現一下   

const fs = require("fs");  
    const util = require("util");  
    const imageData = await util.promisify(fs.readFileSync(fileUrl)); // 例：xxx/xx/xx.png  
    const imageBase64 = imageData.toString("base64");  
    const imagePrefix = "data:image/png;base64,";  
    console.log(imagePrefix + imageBase64); 

第 6 題：請設計一個方案：有a、b、c三個npm插件，它們會經常更新，在前端項目npm run start啟動后，要求a、b、c三個npm插件自動更新到最新版本

難度：阿里p5+ ~ p6+ 實現方案很多，提供一個思路：

自行實現一個x插件，注冊一個全局命令叫xxx，npm run start的時候，并行執行這個xxx命令，xxx命令會通過npm info調取a、b、c三個插件的最新信息，分別截取version，然后與本地三個插件的version進行對比，發現不同的，就去update。

如果你有更好的答案或想法，歡迎在這題目對應的github下留言：https://github.com/airuikun/Weekly-FE-Interview/issues/38

第 7 題：大文件轉存問題：服務器A有一個1000G的文件， 需要通過服務端B轉發到服務端C，但是服務器B內存只有1個g， 怎么去實現這個大文件轉存

難度：阿里p6+ ~ p7+ 這題首先要實現在內存不足的情況下進行轉發文件流，

當你答出來以后，面試官肯定會問你，當不小心斷網了，如何繼續斷點續傳？

你還能想出這整個流程中存在的其他什么問題？

死亡三連問，就問你怕不怕

代碼太長我就不貼了，小伙伴自己想一下，歡迎說出你的實現思路

第 8 題：如何實現內網穿透，端口轉發了解一下？

難度：阿里p5+ ~ p6+

針對端口轉發經典問題，我專門寫了一個文章，輕松搞笑通俗易懂，大家可以看一下，放松放松《小蝌蚪傳記：端口轉發——夜店傳說》 地址：https://github.com/airuikun/blog/issues/6