大厂-十道前端面试题

2019-05-22 06:31:54来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

第 1 题:请设计一个攻击服务器的策略

难度:阿里p5 ~ p7、腾讯t21 ~ t31

提供几个常见的策略

  • 前段时间很火的一个例子,伪造虚假npm包 + nodejs版本的payload
  • nodejs的反序列化攻击

第 2 题:请写一个正则,去除掉html标签字符串里的所有属性,并保留src和href两种属性

难度:阿里p6+ ~ p7、腾讯t23 ~ t31

这题目简单的理解就是,写一个正则表达式,将字符串'正则'转化成'正则'。

当然,真正包含一个网页的html的字符串要比这个复杂。

而且,google里关于这个问题的前三篇文章答案,都存在严重的问题,随便写几个case都是满足不了的。

正则的问题,很多前端人员都停留在如何用正则去判断一个数字是不是手机号,一段字符串是不是邮箱,说实话,这都没用到正则知识体系的十分之一

在一些工程项目难题上,如果正则使用到位,真的是一行正则可以抵1000行代码。

第 3 题:react项目中,constructor(){ this.target = this.func.bind(this); },JSX里onChange={this.target}的写法,为什么要比非bind的func = () => {}的写法效率高 请解释其中的原理

难度:阿里p5 ~ p6、腾讯t21 ~ t22

这题考察了函数在内存块占用执行和调度等,和对bind的深层理解。


第 4 题:十万条数据插入数据库,怎么去优化和处理高并发情况下的DB插入

难度:阿里p6+ ~ p7+、腾讯t23 ~ t32

这种题,你懂的,逼格高,亮瞎眼,大厂太爱考了。

不过装逼归装逼,有能力并且真真正正处理过这些高并发情况的FE,这题是他们一个很好的展现机会。

 

第 5 题:解释一下在js里,0.1+0.2为什么等于0.30000000000000004,如何通过代码解决这个问题?

难度:阿里p5 ~ p6、腾讯t21 ~ t22

第二问我给个简单的思路吧:将浮点数转换为整数来进行计算。

 

第 6 题:设计一个策略和方法,实现在https的前端项目里进行http请求

难度:阿里p6 ~ p6+、腾讯p22 ~ t23

第 7 题:一个iframe,内嵌了一个A页面,iframe的宽高不停变化,如何让A页面的宽高实时自适应这个iframe的宽高大小。请说出至少3种方法,越难越好

难度:阿里p6 ~ p6+、腾讯t22 ~ t23

这种题有简单方法,也有难的方法,我建议大伙在面试的时候,尽量往难的说。


第 8 题:v8有了解过吗?讲讲了解过v8的那几个模块和部分,比如解释一下v8的hidden class

难度:阿里p6+ ~ p7、腾讯t23 ~ t31

不要抵触面试官考察v8,还是那句话,你对一个问题回答的深度,是面试官评价你能力的参考和标准。

第 9 题:现在有多个spa的项目,有angular的,有vue的和react的,如何将他们合并成一个大统一的spa项目

难度:阿里p7 ~ p7+、腾讯t31 ~ t32

很多公司,都有很多的老项目,并且都是不同框架,很分散,很多上级的上级,很喜欢提这种多项目统一的需求。


第 10 题:讲一下png8 png16 png32的区别,并简单讲讲png的压缩原理

难度:阿里p5 ~ p6、腾讯t21 ~ t22

针对png原理的问题,我写了一个文章,轻松搞笑通俗易懂,大家可以看一下,放松放松《PNG图片压缩原理--屌丝的眼泪》

 

转自:

作者:第一名的小蝌蚪

掘金:https://juejin.im/post/5cd82463518825692330d440#heading-21

 

这种题有简单方法,也有难的方法,我建议大伙在面试的时候,尽量往难的说。

周五公布答案,欢迎挑战,如果你有好的想法或答案,欢迎在这题目对应的github下留言言:github.com/airuikun/We…

第 8 题:v8有了解过吗?讲讲了解过v8的那几个模块和部分,比如解释一下v8的hidden class

难度:阿里p6+ ~ p7、腾讯t23 ~ t31

不要抵触面试官考察v8,还是那句话,你对一个问题回答的深度,是面试官评价你能力的参考和标准。

挑战一下吧

周五公布答案,欢迎挑战,如果你有好的想法或答案,欢迎在这题目对应的github下留言言:github.com/airuikun/We…

第 9 题:现在有多个spa的项目,有angular的,有vue的和react的,如何将他们合并成一个大统一的spa项目

难度:阿里p7 ~ p7+、腾讯t31 ~ t32

很多公司,都有很多的老项目,并且都是不同框架,很分散,很多上级的上级,很喜欢提这种多项目统一的需求。

这时候你就会面临不同框架的项目重构。

如果你遇到这些问题,打算重写项目,那是非常费力不讨好的。这些问题,其实是能框架层面上去解决的。

我提供个思路,比如在angular项目里融合react项目,可以从ReactDOM.render结合angular的路由入手。

再提供个思路,例如简单的vue和react项目,可以用ast等手法,将代码互转。但这个我曾经实践过,会面临很多的bad case。

剩下的一些思路,欢迎大家挑战。

周五公布答案,欢迎在这题目对应的github下留言言:github.com/airuikun/We…

第 10 题:讲一下png8 png16 png32的区别,并简单讲讲png的压缩原理

难度:阿里p5 ~ p6、腾讯t21 ~ t22

针对png原理的问题,我写了一个文章,轻松搞笑通俗易懂,大家可以看一下,放松放松《PNG图片压缩原理--屌丝的眼泪》

 

作者:第一名的小蝌蚪
链接:https://juejin.im/post/5cd82463518825692330d440
来源:掘金


原文链接:https://www.cnblogs.com/TBNICE/p/10899557.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:D3.js(v3)+react 制作 一个带坐标轴与比例尺的折线图

下一篇:js计算两个时间差 天 时 分 秒 毫秒