前端口试分享: 两年履历社招-阿里巴巴

作者两年履历, 第一家任职的是个小公司, 第二家算是二线互联网公司, 各待了一年吧…

能有机会去阿里口试很欣喜!

先来和人人分享一下口试阅历…

电话口试初探

由于还在职的缘由,电话口试从晚上8点钟最先, 延续了半个小时摆布,

一最先的时刻特比慌张,以至声响略有些发抖 = =!

  1. 简朴毛遂自荐, 做过哪些项目, 运用哪些手艺栈 ?
    这个就没什么好说的,因人而异,不要吹本身并不熟习的手艺,以免被深切问的时刻答不上来
  2. 怎样对待前端框架选型 ?
    我比较熟习vue和react 就重要提到了这两款框架各自的长处和瑕玷以及机能对照, 以及上手难度, 社区生态, 团队成员构成, 雇用难度啊 blabla…
  3. vue的怎样完成双向绑定的 ?
    Object.defineProperty() 这个要领来追踪依靠并来完成UI的更新
  4. react virsualDOM 是什么? 怎样完成? 说一下diff算法 ?
    vm网上材料很多, 完成实在也只是剖析JSX -> AST语法树, diff算法重如果说了react怎样将O(n3)的算法降低到O(n)级别的
  5. 事情中最精彩的点, 和你最头疼的题目 怎样处置惩罚的 ?
    还好提前准备到了, 现场想一定就黄了… (捂脸)
  6. 日常平凡怎样进修, 近来打仗相识了哪些新的学问 ?
    什么github 种种论坛 书本… 想到的都说了就成

终了以后,口试官不告诉我效果说让我等关照, 然后挂了电话一分钟后, 电话就来了…
约我第二天去办公所在口试 ! (效力还挺高)…

手艺一面

一面的口试官很平和,文质彬彬, 让我马上放松了很多

  1. 简朴毛遂自荐, 引见一下你的项目, 手艺栈 ?
  2. react和vue的比较 ?
  3. React Diff 算法 ?
    和电话口试前三题基础一样, 从你的回复中口试官来找题目, 能够我回复类似度高吧, 题目都类似
  4. 观察者形式完成 ?
    设想形式实在看的不多, 只是说了一下大抵的思绪
  5. http报文头部有哪些字段? 有什么意义 ?
    这个就很多了, cookie cache-control user-agent expires host refer 等等 挑你会的经常使用的说, 口试官也不会要求你都说全的
  6. 挪动端高清计划怎样处置惩罚 ?
    这里被卡住了, 没有邃晓到是rem规划+几倍图+1px题目, 只提到了flexible.js,而且说了一下道理,如今回头看,说的照样有题目… 照样有点久了,忘记了
  7. webpack的道理, loader 和 plugin 是干什么的? 有本身手写过么 ?
    大抵说了一下,webpack剖析模块, loader和plugin的作用, 没有手写过, 看过一部分代码…
  8. 简述从网页输入url到网页展现的历程发生了哪些事变 ?
    说的照样比较粗, 不过重点DNS剖析,三次握手,数据要求,浏览器怎样剖析DOM树,css树应当都提到了, 还提到了浏览器的多历程多线程架构,js线程和衬着线程互斥
  9. 细节题目: 我的项目中是一套代码完成了PC h5兼容 ,组件耦合严峻, 问有无什么好的处置惩罚计划 ?
    只想到了把数据层笼统出来,然则其他的不晓得该怎样处置惩罚… 如今也不晓得- . –
  10. SSR 和 客户端衬着有什么区分 , vue是怎样完成绑定事宜的 ?
    简述服务端衬着也许阅历了哪些历程, 末了天生HTML文件,而且有flag让框架晓得这是已经过服务端衬着终了, store中的数据平常会挂在在window.__inialState__下… vue绑定事宜的完成, 不太邃晓考官的意义, 简述了vue经由过程声明的体式格局来誊写事宜绑定代码, 完成定阅宣布的形式, 对DOM原生事宜做了一层封装 如此… 也不晓得说的对不对
  11. 简述公司node架构中容灾的完成 ?
    由于我提到了这个, 答的很隐约, 预计有不少破绽… 实际上应当是cdn slb node三层容灾
  12. 浏览器事宜有哪些历程? 为什么平常在冒泡阶段, 而不是在捕捉阶段注册监听? addEventListener 参数离别是什么 ?
    第一个很简朴, 捕捉,元素,冒泡 第二个当时没回复出来, 厥后查到多是IE8以下没有捕捉阶段, 另有多是冒泡比较相符平常掌握事宜影响的平常习气
  13. 面向对象怎样完成? 须要复用的变量 怎样处置惩罚 ?
    ES5的组织函数+prototype ES6的class 复用的变量放在组织函数的原型上
  14. 挪动端300ms延时的缘由? 怎样处置惩罚?
    挪动端双击的设置,致使会有300ms体系推断的延时. fastclick, 或许touchEnd来替代
  15. 主流框架的数据单向/双向绑定完成道理 ?
    vue defineProperty(), react setState() DOMdiff, 定阅宣布形式 睁开来讲一下就能够了
  16. 简述转行阅历, 怎样进修 ?
    作者入坑之前,还做过两年建筑设想… 所以也许诉说了下辛酸史 (捂脸)
  17. 你以为本身在前端事情的最大的长处是什么 拿实际事情的内容举例?
    这里实际上很难看, 吹了一波, 效果被问细节的时刻, 愣是想不起来实际事情例子… 效果口试官看我很为难 就换了个话题= . =

末了聊了一会儿,问了一下团队状况,换个人继承二面

手艺二面

  1. 和一眼前3问基础一致,简述项目,React vue区分 virsualDOM完成
  2. DIFF算法为什么是O(n)庞杂度而不是O(n^3)
  3. http code码? 200 302 304等等
  4. 挪动端rem规划怎样完成? 简述道理?
    这个网上有很多,简朴说就是rem能够经由过程掌握html的字体大小来一致作为标杆,其他的rem宽度能够追随调解, 只须要将html根字体和挪动端宽度大小做关联盘算就能够
  5. JSbridge道理, js和native是怎样通讯的?
    问的比较深,我也是一孔之见… 就说了一些schema和native要领注入webview来实行代码,ios运用iframe来通讯
  6. Rollup和webpack区分, treeshaking是什么? 为什么能够完成
  7. TCP三次握手的历程, get post要求的区分 ?
  8. 静态文件的浏览器缓存怎样完成?
    实在照样考核http相干的缓存只是,答出来cache-control expires Etag 304 浏览器怎样辨认雷同文件等等就能够了
  9. 前端跨域计划
    JSONP CORS document.domain nginx/nodejs代办 等等
  10. http 要求包括哪些字段 离别是什么意义
  11. js 有哪些数据范例 怎样推断? null 和 undefined区分 运用场景?
    基础范例和庞杂范例, typeof instanceof Object.prototype.toString 第二个答出来, 日常平凡事情中很少注意到
  12. new String(‘a’) 和 ‘a’ 是一样的么?
    一个是字符串对象,一个是基础范例
  13. 挪动端怎样完成下拉到底部 追随挪动 终了后回弹的动画?
    相识iScroll的话,应当不难
  14. 挪动端怎样优化首页白屏时候太长 ?
    雅虎军规,另有一些其他的挪动端优化,另有离线包或许serviceworker之类的,还乘隙问了下团队是采纳哪一种计划,也是离线包
  15. ES6 generator函数简述
  16. 数组去重完成?
    网上很多, 说了new Set([…array]) 轮回遍历indexOf 最快的对象键值对的要领
  17. js浮点数运算不精确 怎样处置惩罚?
    这个真不会, 返来看了下才晓得
  18. 事情中最自满和精彩的点, 头疼的点, 题目怎样处置惩罚的
  19. 为什么换事情?
    哈哈, 回复— 大厂梦~
  20. 聊了下阿里的压力,文明

手艺三面

这一面据说是p8大佬,面的时刻并不晓得,聊的时刻挺晚的了,没之前慌张,轻松了很多

  1. 公司的前端工程化实践
  2. 转行以后是怎样自学前端的, 进修门路 有无一些本身的代码
  3. DOM基础学问,增加元素,删除元素等等…
  4. DOM节点范例
    这就属于给本身挖坑, 提到了… 效果太久没看了,忘了
  5. 正则表达式怎样婚配一段url ?在正则表达式中有哪几种作用?
    正则日常平凡写的比较多,同事经常会让我帮助写正则, 这个却是没啥题目
  6. 挪动端优化体式格局? 离线包是怎样完成的?
  7. 末了聊了一下项目,聊了一下现在公司

末了跟我说手艺口试经由过程了(很直爽~), 背面会有HR来面我…

背面就是很慌张的经由过程了HR口试, 定级P6
现在还在末了的流程中, 还在守候offer, 祝我一切顺利吧! ^ – ^

    原文作者:rockyou0000
    原文地址: https://segmentfault.com/a/1190000013538920
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞