摘要：前言在两家大厂工作了年，当了年的前端面试官，把一些较难的面试题与答案汇总在我的中。请说出至少种方法，越难越好难度阿里腾讯这种题有简单方法，也有难的方法，我建议大伙在面试的时候，尽量往难的说。
前言
在两家大厂工作了6年，当了3年的前端面试官，把一些较难的面试题与答案汇总在我的Github中。希望对大家有所帮助，助力大家进入自己理想的企业。
项目地址是：https://github.com/airuikun/W...
希望大家不要看到题目就直接看答案，还是希望先自己进行思考，在思考的过程中，会有意想不到的收获。
面试题挑战我把下面每道题的难度高低，和对标的职级，都写上去了，大家可以参考一下，但不是唯一评判标准。
第 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图片压缩原理--屌丝的眼泪》
交流我是小蝌蚪，担任高级前端工程师
欢迎关注我的微信公众号，微信扫下面二维码或搜索公众号“前端屌丝”，讲述了一个前端屌丝逆袭的心路历程，共勉。
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/55048.html
摘要：前言在两家大厂工作了年，当了年的前端面试官，把一些较难的面试题与答案汇总在我的中。请说出至少种方法，越难越好难度阿里腾讯这种题有简单方法，也有难的方法，我建议大伙在面试的时候，尽量往难的说。 前言 在两家大厂工作了6年，当了3年的前端面试官，把一些较难的面试题与答案汇总在我的Github中。希望对大家有所帮助，助力大家进入自己理想的企业。 项目地址是：https://github.co...
摘要：前言在两家大厂工作了年，当了年的前端面试官，把一些较难的面试题与答案汇总在我的中。请说出至少种方法，越难越好难度阿里腾讯这种题有简单方法，也有难的方法，我建议大伙在面试的时候，尽量往难的说。 前言 在两家大厂工作了6年，当了3年的前端面试官，把一些较难的面试题与答案汇总在我的Github中。希望对大家有所帮助，助力大家进入自己理想的企业。 项目地址是：https://github.co...
摘要：前言在两家大厂工作了年，当了年的前端面试官，把一些较难的面试题与答案汇总在我的中。请说出至少种方法，越难越好难度阿里腾讯这种题有简单方法，也有难的方法，我建议大伙在面试的时候，尽量往难的说。前言 在两家大厂工作了6年，当了3年的前端面试官，把一些较难的面试题与答案汇总在我的Github中。希望对大家有所帮助，助力大家进入自己理想的企业。 项目地址是：github.com/airuikun/...
摘要：获取的对象范围方法获取的是最终应用在元素上的所有属性对象即使没有代码，也会把默认的祖宗八代都显示出来而只能获取元素属性中的样式。因此对于一个光秃秃的元素，方法返回对象中属性值如果有就是据我测试不同环境结果可能有差异而就是。 花了很长时间整理的前端面试资源，喜欢请大家不要吝啬star~ 别只收藏，点个赞，点个star再走哈~ 持续更新中……，可以关注下github 项目地址 https:...
阅读 2314·2021-10-11 10:59
阅读 2604·2021-10-11 10:58
阅读 3305·2021-09-08 09:35
阅读 3791·2021-09-02 15:21
阅读 1458·2019-08-30 15:53
阅读 2610·2019-08-29 14:16
阅读 2071·2019-08-26 14:00
阅读 2944·2019-08-26 13:52
