【周刊-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图片压缩原理--屌丝的眼泪》

交流

我是小蝌蚪，目前担任高级前端工程师

欢迎关注个人微信公众号，微信扫下面二维码或搜索公众号“前端屌丝”，讲述了一个前端屌丝逆袭的心路历程，共勉。