面试题精选
大厂的一面面试题,大家基本上都能在google上刷到,见过就会,没见过就死。通过刷题,基本上能做出来85%以上。
但是到了二面,你会发现难度徒然上升,一道题内,涉及到的技术点很多,很少能在网上查到原题目,因为二面的题目大部分都是从工作中提炼出来的技术点,需要候选人通过自己的想象力和技术实力去设计解决方案。非常考验候选人前端能力。
第 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下留言:github.com/airuikun/We…
第 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里留言。
如果你有更好的想法或疑问,欢迎在这题目对应的github下留言:github.com/airuikun/We…
第 3 题:如果一个实习生,他本地git的A分支被误删了, A分支代码没有被push到远程,如何找到之前A的提交记录和代码
难度:阿里p6 ~ p6+
这个误删分支导致代码丢失的错误,经常会出现在实习生和新招的校招生当中,如果你是一个前端团队的main coder或者项目负责人,对git必须要非常熟悉,要不然会经常出现代码误删,代码丢失等问题。这个问题你如何解决呢?
如果你有更好的答案或想法,欢迎在这题目对应的github下留言:github.com/airuikun/We…
第 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') }); 复制代码
如果你有更好的答案或想法,欢迎在这题目对应的github下留言:github.com/airuikun/We…
第 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); 复制代码
如果你有更好的答案或想法,欢迎在这题目对应的github下留言:github.com/airuikun/We…
第 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下留言:github.com/airuikun/We…
第 7 题:大文件转存问题:服务器A有一个1000G的文件, 需要通过服务端B转发到服务端C,但是服务器B内存只有1个g, 怎么去实现这个大文件转存
难度:阿里p6+ ~ p7+
这题首先要实现在内存不足的情况下进行转发文件流,
当你答出来以后,面试官肯定会问你,当不小心断网了,如何继续断点续传?
你还能想出这整个流程中存在的其他什么问题?
死亡三连问,舅问你怕不怕
mmp娃现在在哭闹,我得去冲奶粉了,代码太长我就不贴了,小伙伴自己想一下,欢迎说出你的实现思路
如果大家有好的idea,欢迎大家到我的github里补充:github.com/airuikun/We…
第 8 题:如何实现内网穿透,端口转发了解一下?
难度:阿里p5+ ~ p6+