扣丁书屋

三年大厂面试官:二面题 ( JavaScript )

作者:第一名的小蝌蚪 https://juejin.im/post/5d46f433e51d4561ca2121fc

面试题精选

大厂的一面面试题,大家基本上都能在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下留言: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


https://mp.weixin.qq.com/s/_YDqPpMgSB1iXDvJ6uY0kA

SHELL快速入门

shell是指一种应用程序,这个应用程序提供了一个界面,用户通过这个界面访问操作系统内核的服务。Ken Thompson的sh是第一种Unix Shell,Windows Explorer是一个典型的图形界面Shell。

发布于:4月以前  |  264次阅读  |  详细内容 »

移动设备怎样定位

解释说明移动设备的定位原理

发布于:4月以前  |  274次阅读  |  详细内容 »

乔布斯当年是怎么面试我的?

本文是 Quora 上关于“How hard did Steve Jobs work?”问题的回答。自 2003 年以来,我一直很高兴为 Apple 工作,并且在那个非常特殊的时期在 Apple 工作,特别是与史蒂夫一起处理各种事情,我感到非常高兴。

发布于:4月以前  |  524次阅读  |  详细内容 »

曝泡泡玛特面试需填生育计划 网友热议:涉嫌歧视女性

“一入盲盒深似海,从此钱包是路人。”在国内潮玩盲盒圈里,泡泡玛特是绝对的先驱者。它首次将盲盒玩法引入中国,在年轻消费者群体中引发空前的“盲盒热”,让大家心甘情愿掏空钱包。就在去年12月份,泡泡玛特成功上市,坐稳了“盲盒第一股”的位置。

发布于:4月以前  |  283次阅读  |  详细内容 »

富士康大幅涨薪备战iPhone 13?员工:报名人太多,面试已暂停

苹果手机代工厂富士康频繁为招聘员工增加奖金,iPhone 13可能真的要开始量产了。据《南华早报》报道,富士康5月7日的一份内部公告显示,富士康郑州工厂新员工若工作90天且到岗不少于55天,将获得7500元奖金。此奖金数额比3月和4月有显著上涨。

发布于:5月以前  |  433次阅读  |  详细内容 »

B站:对HR负责人及当事面试员进行批评和处罚 并致歉北邮师生

4月25日晚间消息,B站回应招聘争议,称对校招团队和面试员启动了调查,目前已取得阶段性结论:1,当日发生了面试时间延迟,导致该同学面试体验不佳。2,面试员存在说教与争论等不职业行为,但不存在攻击北邮等言论。3,HR和面试员事后没有拉黑该同学和要求删帖。

发布于:6月以前  |  496次阅读  |  详细内容 »

B站北邮校招陷入罗生门:应聘者面试官各执一词,谁在说谎?

作为年轻人聚集地的B站在一次校招中成为陷入舆论漩涡中心,应聘者发帖直指面试官炫耀身价过亿、歧视面试者,面试官则回应是应聘者情绪不好,被某些言论刺激,因此发生了一些讨论。4月24日,一则关于哔哩哔哩(简称“B站”)面试官贬低北邮校招生的讨论引起热议。

发布于:6月以前  |  587次阅读  |  详细内容 »

B站北邮校招面试官被指炫耀身价过亿、歧视面试者,面试官回应

三言财经消息,近日有北邮学生爆料称,在B站北邮校招中受到了歧视,该学生指出面试官在校招中炫耀资产、贬低应试者。爆料列出了面试官的迷惑行为和言论包括但不限于:

发布于:6月以前  |  487次阅读  |  详细内容 »

B站面试官两次发文回应:面试中有些说教 未表达过北邮的负面言论

近日有传闻称B站在春招时PUA某高校学生,今日晚间,B站游戏工作室负责人“小豌豆”第二次在知乎该话题下发文,他表示从未表达过对北邮的负面言论,并对此前传闻做出具体解释,同时承认面试过程中有些说教,向该同学致歉。

发布于:6月以前  |  334次阅读  |  详细内容 »

疑似B站面试官发文否认春招贬低北邮学生传闻

近日有传闻称B站在春招时PUA某高校学生,今日,知乎用户“小豌豆”在话题下发文自称为事件当事人,他表示B站没有任何人拉黑过该同学,也没有表达过任何有关删帖的诉求及暗示。

发布于:6月以前  |  356次阅读  |  详细内容 »

简历泄露、面试涉黄,在线招聘走不出的怪圈

昨晚315晚会中,招聘网站再暴雷。央视315晚会纰漏,智联招聘、前程无忧、猎聘网平台上大量简售卖个人求职简历信息。其中根据记者调查,在一个名叫“58智联粉”的QQ群里,记者向一位买家支付7元,便买到了一份智联招聘上求职者简历。进入群内仅几分钟便收到超过99条贩卖简历的信息。

发布于:7月以前  |  338次阅读  |  详细内容 »

特斯拉员工录取率小于0.5% 连门卫马斯克都亲自面试

不可否认的是,马斯克是一个营销天才,虽然在全球范围内都没有太多的广告投放,但是把特斯拉车辆和Space X太空探索绑定在一起,以及顶上“全球车企市值第一高”的名号,特斯拉听上去就已经是足够酷炫,以及不缺话题性。

发布于:7月以前  |  343次阅读  |  详细内容 »

所属标签

最多阅读

html <table>表数据转 Json 格式 2年以前  |  2487次阅读
使用 Vue 3.0,你可能不再需要Vuex了 1年以前  |  1421次阅读
element中input的change事件 1年以前  |  1253次阅读
Vue表单支持回车键自动提交 1年以前  |  1244次阅读
2020 Vue经典面试题 1年以前  |  1177次阅读
VS Code 配置与插件推荐 2019 年版 1年以前  |  1140次阅读
koa2入门使用总结 1年以前  |  1131次阅读
Vue如何实现疫情地图展示 1年以前  |  1108次阅读

手机扫码阅读