媒介
在两家大厂工作了6年，当了3年的前端口试官，把一些较难的口试题与答案汇总在我的Github中。愿望对人人有所协助，助力人人进入本身抱负的企业。
愿望人人不要看到题目就直接看答案，照样愿望先本身举行思索，在思索的过程当中，会有意想不到的收成。
口试题应战
我把下面每道题的难度上下，和对标的职级，都写上去了，人人能够参考一下，但不是唯一评判规范。
第 1 题：请设想一个进击服务器的战略
难度：阿里p5 ~ p7、腾讯t21 ~ t31
我供应几个罕见的战略吧
- 前段时间很火的一个例子，捏造子虚npm包 + nodejs版本的payload
- nodejs的反序列化进击
实在你多关注知乎或许一些前端热门，都邑发现有许多许多的这类进击和破绽的case解说，然则有无一些很难而且人人都没想到过的战略和思绪呢？
迎接展示本身的气力和创意
假如你有好的主意或答案，迎接在这题目对应的github下留言：https://github.com/airuikun/W…
第 2 题：请写一个正则，去撤除html标签字符串里的一切属性，并保存src和href两种属性
难度：阿里p6+ ~ p7、腾讯t23 ~ t31
这题目简朴的明白就是，写一个正则表达式，将字符串’正则‘转化成’正则‘。
固然，真正包括一个网页的html的字符串要比这个庞杂。
而且，google里关于这个题目的前三篇文章答案，都存在严峻的题目，随意写几个case都是满足不了的。
正则的题目，许多前端职员都停留在怎样用正则去推断一个数字是否是手机号，一段字符串是否是邮箱，说实话，这都没用到正则学问系统的十分之一
在一些工程项目难题上，假如正则运用到位，真的是一行正则能够抵1000行代码。
发起有才能的小伙伴，能够玩一下这题。
假如你有好的答案或主意，迎接在这题目对应的github下留言：https://github.com/airuikun/W…
第 3 题：react项目中的JSX里，onChange={this.func.bind(this)}的写法，为何要比非bind的func = () => {}的写法效率高 请诠释个中的道理
难度：阿里p5 ~ p6、腾讯t21 ~ t22
这题考核了函数在内存块占用实行和调理等，和对bind的深层明白。
迎接应战
假如你有好的主意或答案，迎接在这题目对应的github下留言言：https://github.com/airuikun/W…
第 4 题：十万条数据插进去数据库，怎样去优化和处置惩罚高并发状况下的DB插进去
难度：阿里p6+ ~ p7+、腾讯t23 ~ t32
这类题，你懂的，逼格高，亮盲眼，大厂太爱考了。
不过装逼归装逼，有才能而且真真正正处置惩罚过这些高并发状况的FE，这题是他们一个很好的展示时机。
之前我的mentor，用nodejs完成了高并发的智能容灾，我至今念念不忘，而且他也收成了那年的高绩效。
来玩一下？
迎接应战，假如你有好的主意或答案，迎接在这题目对应的github下留言：https://github.com/airuikun/W…
第 5 题：诠释一下在js里，0.1+0.2为何即是0.30000000000000004，怎样经由过程代码处理这个题目？
难度：阿里p5 ~ p6、腾讯t21 ~ t22
第二问我给个简朴的思绪吧：将浮点数转换为整数来举行盘算。
答案不唯一，迎接供应更好的idea
迎接应战，假如你有好的主意或答案，迎接在这题目对应的github下留言言：https://github.com/airuikun/W…
第 6 题：设想一个战略和要领，完成在https的前端项目里举行http要求
难度：阿里p6 ~ p6+、腾讯p22 ~ t23
迎接应战，假如你有好的主意或答案，迎接在这题目对应的github下留言言：https://github.com/airuikun/W…
第 7 题：一个iframe，内嵌了一个A页面，iframe的宽高不断变化，怎样让A页面的宽高及时自适应这个iframe的宽高大小。请说出最少3种要领，越难越好
难度：阿里p6 ~ p6+、腾讯t22 ~ t23
这类题有简朴要领，也有难的要领，我发起大伙在口试的时刻，只管往难的说。
迎接应战，假如你有好的主意或答案，迎接在这题目对应的github下留言言：https://github.com/airuikun/W…
第 8 题：v8有相识过吗？讲讲相识过v8的那几个模块和部份，比方诠释一下v8的hidden class
难度：阿里p6+ ~ p7、腾讯t23 ~ t31
不要抵牾口试官考核v8，照样那句话，你对一个题目回复的深度，是口试官评价你才能的参考和规范。
应战一下吧
迎接应战，假如你有好的主意或答案，迎接在这题目对应的github下留言言：https://github.com/airuikun/W…
第 9 题：如今有多个spa的项目，有angular的，有vue的和react的，怎样将他们合并成一个大一致的spa项目
难度：阿里p7 ~ p7+、腾讯t31 ~ t32
许多公司，都有许多的老项目，而且都是差别框架，很疏散，许多上级的上级，很喜欢提这类多项目一致的需求。
这时刻你就会面对差别框架的项目重构。
假如你碰到这些题目，盘算重写项目，那是异常费力不讨好的。这些题目，实际上是能框架层面上去处理的。
我供应个思绪，比方在angular项目里融会react项目，能够从ReactDOM.render连系angular的路由入手。
再供应个思绪，比方简朴的vue和react项目，能够用ast等手段，将代码互转。但这个我曾实践过，会面对许多的bad case。
剩下的一些思绪，迎接人人应战。
迎接在这题目对应的github下留言言：https://github.com/airuikun/W…
第 10 题：讲一下png8 png16 png32的区分，并简朴讲讲png的紧缩道理
难度：阿里p5 ~ p6、腾讯t21 ~ t22
针对png道理的题目，我写了一个文章，轻松搞笑通俗易懂，人人能够看一下，放松放松《PNG图片紧缩道理–屌丝的眼泪》
交换
我是小蝌蚪，担负高等前端工程师
迎接关注我的微信民众号，微信扫下面二维码或搜刮民众号“前端屌丝”，报告了一个前端屌丝逆袭的心路历程，共勉。
