【web前端面试题整理04】阿里一行之大神面对面

简介:
前言

这段时间我在河南一家公司当了一段时间的前端主管,最后可耻的匿了,原因各种各样,最主要的就是不想呆在郑州了。

其实这里的同事还是很不错的,面对老总最后的挽留我不是没有动心,而是这个地方确实不太好,我一个月就瘦了10斤不是白说的。。。

所以就离职了,最后又加入了无工作大军,于是开始今天的故事吧。

离职种种

其实我不想离职!其实我也想好好的干下去,我这次到郑州损失很大,几张机票,租了2次房子(开始的都市村庄很吵会让你想哭),中间买了很多生活用品,最后走的时候又孑然一身的拿着我的行李箱离去了。

我真的不想离职!因为每次离职对个人职业生涯都很不好,比如我今年的年终奖又只有半年了......比如我可能又连续一段时间没有收入了,比如我今年的努力又白费了。

离职、换工作对我们来说都是不好的,各种不好。所以下一份工作我必须选好,必须干个两年以上了,这样搞下去别自己把自己毁了。

邂逅阿里

经过前面的折腾便形成了一个事实!我有的穷了,还要面对每个月的房贷,所以这次回去的机票是个问题。。。。

正所谓天无绝人之路,我这段时间面试阿里巴巴有了二面消息,说是让过杭州去二面。

阿里真是神一般的存在啊!很人性化,于是我就买了由郑州前往杭州,由杭州返回成都的机票,活生生的省出来一张机票钱,我TM真是人才......

于是周二就无论如何离职了,晚上早早的就睡了,因为郑州交通很差,订到10点多的机票,晚上8.40返回成都(这里有很多故事)

于是很快到了周三,早上晃晃悠悠到了杭州上空。

我看到了闪电

昨天非常惊奇的一件事就是在杭州上空阳光明媚,但是看到下面有一坨云,最后飞机进入了云里,整个视线变得比较比较暗了,但是突然一下来了个闪电!!!

那家伙,在空中看到的闪电与在地上效果差不多,但是感觉差多了!!!!你会有点虚!!!

然后将行李寄存了,又坐大巴晃晃悠悠的去了阿里巴巴,开始了面试流程。

面试流程

主面试官是各位比较熟悉的寒泉(冬),但是寒泉正在开会,所以由另外一位大哥先面试(这里是比较幸运的),与那位大哥稍微聊了会便进入了技术面试,主要有以下问题:

① web前端优化

② 事件冒泡(选项卡的实现)

③ CSS布局相关

④ 应该用float吗?

⑤ 模块化编程

⑥ 为什么有闭包

⑦ 延迟请求

好像大概是这么多东西,其它我不太记得了,至于答案在此便意义不大了。

PS:我觉得我与这位大哥能力应该在一个段位,只不过一个是2.1一个是2.3这个样子,我们的交流还是比较顺畅的。

然后技术面结束(之前便电话面试结束了)。

性格面试

性格面试时候来了一个老大哥,我也不知道他是谁,反正说话很小声,我就觉得这个人不好“对付”,聊天过程中果然问的很细!!!

要是你每一两件特别值得炫耀,特别值得展示自己的事情,你还真不好开口。。。。。

他问了一些优点缺点,我发现我很老实的神马都说了,在为什么离开郑州这点上答得不是很好,完了他有句话把我问住了:

你有神马爱好!!

我细细思考了很久确实米有答案啊!!!我发现我已经被生活压得失去爱好了吗???

性格面试意义不大,我们略去吧。。。

大神登场

性格面试结束后,又请来来了一位人高马大的人!!!我一看就知道是寒泉(冬),他估计有1.8,我只有1.7不到的身高,在他面前很弱小啊!!!

大神气场求破!!!

寒泉出来后我其实有点不淡定的,心理起了一点微妙的变化,有点在高手面前拿不出手的感觉,于是面试开始:

寒泉问的问题很尖锐,他会问你工作的环境,并且问你同事相处情况,并且剥离出其中不好相处的人,问你与他的相处之道,这些问题其实很不好回答的。

每个公司总有几个同事不太“合群”,不太好“合作”,我当然也不愿意与其合作了,但是面试时候就会问你怎么处理与他的关系,至于怎么处理各位慢慢去想吧。

一些性格问完后,居然又神奇的开始问技术了,这段时间我有点悲剧。。。。

① 作用域问题

PS:其实是settimeout会抛往主干流程外......

复制代码
var a = 6;
setTimeout(function () {
    alert(a);
    a = 666;
}, 1000);
a = 66;
复制代码
这道题,我可耻的没有答起,我面试结束刚刚上出租就知道这道题很水了。。。。考察作用域的,当时活生生的被大神气场照住了,周围人的集体智商都减低了!!!

② 语义化标签

这道题我确实没辙,之前其实差点写类似的博客,却没有写,今天结束后补上吧!

1)tite与h1的区别

2)b与strong的区别

3)i与em的区别

PS:不要小看这些题,80%人答不上来

③ 事件绑定

addEventListener,第三个参数是用来表示事件是以事件冒泡还是事件捕获这个各位都知道!但是他问的问题是:

我们给一个dom同时绑定两个点击事件,一个用捕获,一个用冒泡,你来说下会执行几次事件,然后会先执行冒泡还是捕获!!!

来吧,谁能说出来。。。。

④ CSS选择器问题

考察优先级问题,反正会出很多莫名其妙的变形,比如将style标签写在body后与body前有什么区别,比如同一dom应用多个class其应该如何表现,比如class a定义颜色为blue,class b定义颜色为red,同时应用到dom上,dom作何显示。。。

好吧各位去回答吧。。。。。

反思

可能有朋友对寒泉问的问题产生怀疑,因为他问的有点细,有点偏,认为面试官不应该如此考察面试者,其实对于这样的问题我是不赞同的(虽说我也挂在上面了)

因为,他问的问题事实上区分度很大的,我们有时候对一些东西似懂非懂,一问就知道你是不懂的,这块还是需要加强的,因为我们是WEB前端,我们的基础是:

① HTML

② CSS

③ javascript

所以对于这三个,我们有咬文嚼字的必要,在今年的这段时间里面,我也会去咬文嚼字的。。。

面试结束

我是从3.00开始面试的,面试结束后就5点多了,因为要坐8点的飞机,所以面试就结束了(面试不结束我也答不上寒泉的题了),于是HR说本周内通知,我便回家啦!!!

其实,这次面试可能成功,也可能失败,但是无论如何我还是要感谢阿里这次面试,让我学到了不少东西,同时感谢阿里帮我把机票报了!!!哇哈哈,我不吃亏的哟。

结语·回家之路

外面雨很大,出去打的想坐大巴的,结果给忽悠了,说是赶不上,当时没法,因为真的赶不上飞机的话损失更大,于是好了150大洋去机场,这是噩梦的开始!!!

因为飞机误点,一直等到11.30才起飞,尼玛足足等了3个小时,可怜我的150大洋啊!!!!我一天没有吃饭了啊!!!

晚上回到家都3.30了,于是便睡了,今天早上写将此文发出来各位看看,里面的问题我都未回答,因为我要抽时间将其中的问题分解出来单独成文,总有一天前端不必再担心面试了。。。

您可以考虑给小钗发个小额微信红包以资鼓励 



本文转自叶小钗博客园博客,原文链接http://www.cnblogs.com/yexiaochai/p/3158443.html:,如需转载请自行联系原作者
相关文章
|
14天前
|
编解码 前端开发 JavaScript
构建高效响应式Web界面:现代前端框架的比较
【4月更文挑战第9天】在移动设备和多样屏幕尺寸盛行的时代,构建能够适应不同视口的响应式Web界面变得至关重要。本文深入探讨了几种流行的前端框架——Bootstrap、Foundation和Tailwind CSS,分析它们在创建响应式设计中的优势与局限。通过对比这些框架的栅格系统、组件库和定制化能力,开发者可以更好地理解如何选择合适的工具来优化前端开发流程,并最终实现高性能、跨平台兼容的用户界面。
|
14天前
|
前端开发 JavaScript 关系型数据库
从前端到后端:构建现代化Web应用的技术探索
在当今互联网时代,Web应用的开发已成为了各行各业不可或缺的一部分。从前端到后端,这篇文章将带你深入探索如何构建现代化的Web应用。我们将介绍多种技术,包括前端开发、后端开发以及各种编程语言(如Java、Python、C、PHP、Go)和数据库,帮助你了解如何利用这些技术构建出高效、安全和可扩展的Web应用。
|
15天前
|
编解码 前端开发 JavaScript
Web 前端开发中的最佳实践
本文将介绍 Web 前端开发中的最佳实践,包括代码组织、性能优化、响应式设计和用户体验等方面。通过遵循这些实践,开发人员可以提高开发效率,优化用户体验,并减少潜在的问题和错误。
|
18天前
|
前端开发 JavaScript 网络协议
前端最常见的JS面试题大全
【4月更文挑战第3天】前端最常见的JS面试题大全
37 5
|
8天前
|
前端开发 搜索推荐 数据安全/隐私保护
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
18 1
|
8天前
|
前端开发 JavaScript vr&ar
前端新技术探索:WebAssembly、Web Components与WebVR/AR
【4月更文挑战第12天】WebAssembly、Web Components和WebVR/AR正重塑Web应用的未来。WebAssembly允许C/C++等语言在Web上高效运行,提供接近原生的性能,如游戏引擎。Web Components通过Custom Elements和Shadow DOM实现可复用的自定义UI组件,提升模块化开发。WebVR/AR(现WebXR)则让VR/AR体验无需额外应用,直接在浏览器中实现。掌握这些技术对前端开发者至关重要。
15 3
|
30天前
|
机器学习/深度学习 前端开发 算法
利用机器学习优化Web前端性能的探索与实践
本文将介绍如何利用机器学习技术来优化Web前端性能,探讨机器学习在前端开发中的应用,以及通过实际案例展示机器学习算法对前端性能优化的效果。通过结合前端技术和机器学习,提升Web应用的用户体验和性能表现。
|
1月前
|
移动开发 前端开发 HTML5
Web前端全栈HTML5通向大神之路
本套课程共三大阶段,六大部分,是WEB前端、混合开发与全栈开发必须要掌握的技能,从基础到实践,是从编程小白成长为全栈大神的最佳教程!
41 3
Web前端全栈HTML5通向大神之路
|
1月前
|
监控 前端开发 JavaScript
构建高性能Web应用:前端性能优化的关键策略与实践
本文将深入探讨前端性能优化的关键策略与实践,从资源加载、渲染优化、代码压缩等多个方面提供实用的优化建议。通过对前端性能优化的深入剖析,帮助开发者全面提升Web应用的用户体验和性能表现。
|
1月前
|
编解码 前端开发 JavaScript
构建响应式Web界面:现代前端开发的最佳实践
【2月更文挑战第26天】在多设备浏览时代,响应式网页设计已成为前端开发的核心。本文将深入探讨如何通过灵活布局、媒体查询和现代框架,实现跨平台的用户界面一致性。我们将剖析响应式设计的原则,并展示如何结合最新技术栈,包括CSS Grid和Flexbox,以及JavaScript框架如React和Vue,来优化前端性能和用户体验。
39 5