作为面试官,我究竟想问什么?小白基础_面试新手入门

市面上有很多关于面试的文章,但是基本都是从应聘者的角度去分析问题的,从招聘官的角度去分享的着实不多。本文将从我的个人招聘经历分享下关于前端一面的一些思考和自己的感悟。以下所有感悟皆为笔者个人感悟,不代表任何。有不妥之处,欢迎指出其实不得不说,找工作,真的七分实力,三分运气。不同的面试官有不同的看重点,所以千万不要为一次的滑铁卢而丢失信心。面试环节自我介绍基本

作为面试官,我究竟想问什么?小白基础

市面上有很多关于面试的文章,但是基本都是从应聘者的角度去分析问题的,从招聘官的角度去分享的着实不多。本文将从我的个人招聘经历分享下关于前端一面的一些思考和自己的感悟。以下所有感悟皆为笔者个人感悟,不代表任何。有不妥之处,欢迎指出

作为面试官,我究竟想问什么?小白基础_面试新手入门

其实不得不说,找工作,真的七分实力,三分运气。不同的面试官有不同的看重点,所以千万不要为一次的滑铁卢而丢失信心。

面试环节

作为面试官,我究竟想问什么?小白基础_面试新手入门

自我介绍

基本面试这是必然的开场,笔者在公司也稍微面试过不少人吧,高峰期基本每晚都要面试一两个,听过了各种各样的开场介绍。这里简单说下笔者作为面试官比较喜欢和不喜欢的介绍吧。

我叫 xxx,毕业于(目前就职于) xxx,来自 xxx,技术栈 xxxx,喜欢 xxx。。。

类如上述的自我介绍,其实很多都在简历上写明了,甚至很多是我并不关心的。

我只关心你能力和我职位的匹配度。所以诸如此类的简介,笔者更是希望能够简短。笔者作为面试的时候,更喜欢听到的是我做过什么牛 x 的项目,这个项目有多难,如何攻克的,以及这个项目做完你收获到了什么,甚至这个项目做完,该项目对团队、部门甚至公司而言,带来哪方面的提高。或者可以介绍你在校获得了什么奖项,意味着什么、成长了什么。

如上的介绍,其实就能够让面试官眼前一亮,因为能看到你对这个项目的思考、以及这个项目对你的历练。

划重点:我们都知道下一个面试环节是知识点提问,所以这里的难,可以适当的抛出技术的难点在哪。引起面试官的兴趣,从而去提问 。面试的节奏我们要学会自己掌握,别老是被面试官牵着走

走到这一步,基本有如下两个分支:

  • 面试官对你的这个项目(奖项)比较感兴趣,会接着问下去,然后问其中技术的实现细节。(所以这里自己千万不要吹牛x,然后补不回来)
  • 面试官不是很感兴趣(很可能是面试官的技术盲区,比如我就这样。哈哈),然后问自己准备的一些面试题。。。

这里需要说明的,在笔者面试应聘 p7 的同学的时候,会更喜欢到你对这个项目的思考,诸如会问一下题目:

  • 现有的技术方案、行业对比
  • 你觉得你做过的项目或发起过的优化里面最有价值是的哪个?为什么?对业务的帮助是什么?
  • 你做的东西可以复用于其他团队吗?
  • 横向与市场已知的 xxx 解决方案,你们的优势在哪?

 

面试题

如上面所说的,如果面试中应聘者说到了笔者比较感兴趣的技术方向、或者技术点,那么笔者就会直接问下去。如果说到了笔者不是很擅长的技术区域,那么我笔者就不会追问技术细节了。

整体一面的时间大概也就半小时左右,加上前后的介绍,基本题目就四五题吧。笔者面试没有固定的题目,通常根据应聘者的经历而问。这里举例下在上面的介绍毫无亮点可言的时候(基本凉了一半),笔者喜欢问的一类题目吧。

基础题目考核

JavaScript 面向对象的理解和感悟

基本刚开始问题的题目都是比较简单和考核基础的,比如有的时候笔者第一题一般问:** JavaScript 面向对象的理解和感悟**、题目非常的开放。给了你足够大的舞台表现自己。

说下这题在笔者面试别人时候的心里打分点:

  • 首先,我肯定是需要你告诉我,什么是面向对象,面向对象有哪些特点,以及这些特点的解释。
  • JavaScript 如何实现这些特点,比如封装、继承、多态。如果关于上述三点,你能够解释到有多少种实现方式、优缺点是什么。以及近几年流行的解决方案是什么。这就是加分 ,比如对于继承吧。类式继承、构造函数继承、组合继承、原型继承、寄生组合继承等等,说出大概的实现思路和优缺点,再介绍下 extends 或者 mixin 的实现甚至你可以衍生到JavaScript 的模块化发展甚至到为什么现在 TS 如此流行。那么可以说到这一环节解答的就非常棒了。
  • 回答完 JavaScript 的面向对象,是不是可以从此衍生下为什么需要面向对象。以及当先对于软件设计的高内聚、低耦合的思考?来个对此题一个提纲挈领的总结?

综上所述,其实不难看出,越是这种基础且开放的题目,可以是一个陷阱,更可以是一个机会。因为一道题真的可以全方面的感受到应聘的基础是否扎实。

后面的题目的笔者基本喜欢根据应聘者的上一题的回答中甚至应聘者随口说到的知识点,继续追问。但是限于此文为分享文章,这种形式很难演示。下面就继续介绍下后续的题目。

浏览器输入 url 到页面的展现,具体发生了些什么可以展开说下么

断于上述题目知识点。第二个问题笔者通常喜欢问一些考察可深可浅的一些题目,注入:浏览器输入 url 到页面的展现,具体发生了些什么可以展开说下么

基本回答都是

  • 在浏览器地址栏输入URL
  • 浏览器解析URL获取协议,主机,端口,path
  • 浏览器组装一个HTTP(GET)请求报文
  • 浏览器获取主机ip地址
  • 打开一个socket与目标IP地址,端口建立TCP链
  • TCP链接建立后发送HTTP请求
  • 服务器将响应报文通过TCP连接发送回浏览器,浏览器接收HTTP响应
  • 根据资源类型决定如何处理(假设资源为HTML文档)
  • 解析HTML文档,构件DOM树,下载资源,构造CSSOM树,执行js脚本
  • 最后展现出来给用户

基本如果应聘者只回到了上述步骤,很多关键步骤(前端应该了解的知识点)没有提及,那么基本凉凉一半了。这里简述下笔者感觉,这其中你应该具体展开说明的。

  • 浏览器发送请求,是否需要查看缓存?是否请求资源在缓存中并且新鲜,跳转到转码步骤?如果资源已经缓存,是否新鲜?如何检查?怎么判断、http1.0 和 http1.1 的区别是什么,这些字段的优先级是怎么样子的。
  • 浏览器解析 url 获取协议,过程是什么?DNS 递归查询可否介绍下?
  • 建立 TCP 链接的三次握手是否可以介绍下
  • 服务器接受到请求,是否需要检查缓存?检查什么字段?什么样的缓存会需要服务端检查?
  • 服务端发送 TCP 链接,浏览器接受 http 相应后,根据什么来决定是否需要关闭连接?关闭 TCP 的四次挥手是什么?
  • 浏览器是否需要检查状态码,有哪些状态码?(笔者高频考码:304、200)
  • 在解析的时候,具体如何解析、是否有顺序。(重绘重排高频考题就在这里)
  • 总结如上、我们是否可以给出一些基本的网站优化手段???

上述题目的每一步展开,都将会是下一个面试题。

具体的知识点介绍,不是此文主要讲解内容,这里就不多言了。

解决问题能力考查

其实上面两(大)题后,基本基础、网络、浏览器、js 执行、优化都已经考核到。对于 p6 的一个 job model 还有一项是对于问题的解决能力。

其实这里一般都是出一道问题,然后你给出一些你的实现思路,这里就不做距离了,因为太开放!

比如:

  • 诸如我现在需要监听那种频繁发生的事件,你有那些优化么
  • 埋点的实现思路
  • 非递归的二叉树遍历
  • 文件上传断点、续传
  • 设计模式的应用场景考核

等等

切记:这类题目,一定不要说不会、不知道。哪怕真的不知道,也要给出大概的解答思路和实现思路。哪怕不对!一定要讲出自己的思考过程。

进阶题目考核

在面试 p6、p7 的时候,一般后面还会跟一道进阶题目(根据应聘者具体情况而定)。

没有开放性的答案其实,所以这里笔者就不细述有哪些思考和想听到的点了。只要你说的对就行其实

  • VUE 双向绑定原理
  • VUE/React diff 算法的大概思路
  • 现有的状态管理的实现
  • webpack中 loader、plugin 的实现思路
  • 简易版 webpack 的实现
  • KOA、Express 中间件的实现
  • React Filter 的理解和原理
  • 前端构建工具的、vue-cli、create-react-app 的原理和实现思路
  • 等等。。。。。

结束环节

半小时,基本只能问四五题这样,说实话,题目的考核大概能占参考度的 90%,还有 10%可能就是言语和感觉了。那么对于结束的时候,说下不好的感觉:

讲真,这类的话听过很多次了。如果在看的你也命中了这个。我想说,其实公司招我们进来,是搬砖的,不是给我们学习的。学习是你自己的需要,不是为了公司学的。说这类的话,太给自己降价了!

说说笔者应聘的时候,一般结束的你有什么要问我的嘛的回答

  • 我比较在意自己的技术方向和职业发展,能够简单介绍下如果我面试上贵公司职位,我以后的工作内容和在团队的价值么?
  • 想了解下公司对于前端的重视程度以及在大前端时代,团队对于技术的思考

大概就是笔者会问,我这个职位是干嘛的?在公司有么有价值?跟我自己的职业、技术规划是否吻合?

这样!面试官会觉得,恩~这小子有思考~~~再者,如果面试官给你介绍的非常非常详细,那么其实从侧面就说明,他对你很满意了!已经到了面试官开始极力展现自己的时候了~~

就比如:医生,我老婆怀的是男孩还是女孩啊? 不能问!!!这是政策

但是:医生,我这孩子出生我给他起名字叫王刚蛋你看合适不? _恩。。。不太合适_ 基本可能怀的是女孩了

最后

其实我想说,面试,不仅仅看运气和实力,其实有的时候也是一场心理的博弈。

你的每一次回答都可能引出下一道面试题。有意识无意识的留点回答漏斗也是一种带节奏的方式。

如果面试官提出一个问题,你都抓不住他的考点,那基本要凉~~

其次,我想说,上面我说的开放性基础题的回答,大家千万不要误解为回答的多就是好。千万不要一个题目回答了半个小时,没必要!点到为止,证明自己考虑到、有这个知识储备即可,不要回答的让面试官都烦了。

然后,对于如何拿到面试的敲门砖:简历。没有那么多可说,也不是没得说。

简而言之:面试官筛选简历是非常枯燥的一件事情。基本是一眼带过,不会在简历上撇超过 40s。

所以:

  • 简历要整洁,简洁、简洁。真的别密密麻麻都是字,没那么多耐心看的。
  • 重点突出,可以加粗或者颜色标识。比如:自己开源类 React 框架
  • 简历是一份介绍更是一个成绩单,既然是成绩单,成绩一定要吐出:开源项目 15k star 、 推动公司技术建设 等等
  • 不得不说,名校和大厂的背景。很吸睛。
海计划公众号
(0)
上一篇 2020/03/24 05:44
下一篇 2020/03/24 05:44

您可能感兴趣的内容

  • javascript es6是什么?菜鸟指南_es6使用教程

    ES6就是ECMAScript6是新版本JavaScript语言的标准。已经在2015年6月正式发布了。Mozilla公司将在这个标准的基础上,推出JavaScript 2.0。ECMAScript6在保证向下兼容的前提下,提供大量新特性,目前浏览器兼容情况如下:ES6特性如下:1、块级作用域 关键字let, 常量const2、对象字面量的属性赋值简写(pr

    2020/03/24
  • 网站策划运营基础知识一图看懂网站策划、网站运营、网站整合营销流_运营基础知识

    在年前,野马在网上看到一看图,是来源于互联网分析沙龙,网站运营流程体系图,这张图从网站策划到网站运营推广,再到网站整合营销的整个过程,做的非常的全面,大神真赞!今有网友问起网站运营这块就分享出来,希望有所帮助!一、首先是网站策划网站策划是网站平台建设的第一个环节,也是网站成败的重要关键,网站策划说白了就是网站解决方案,能给客户带来什么价值,以及通过何种方法去

    2020/04/03
  • cssfx入门知识_非常简单的点击复制即可用的一些CSS效果

    cssfx入门知识 官方网址:https://cssfx.dev GitHub:https://github.com/jolaleye/cssfx 简介描述:非常简单的点击复制即可…

    2020/03/07
  • web开发-前后端分离原理入门百科_web菜鸟知识

    前言前后端分离已成为互联网项目开发的业界标准使用方式,通过Nginx+Tomcat的方式(也可以中间加一个Node.js)有效的进行解耦,并且前后端分离会为以后的大型分布式架构、弹性计算架构、微服务架构、多端化服务(多种客户端,例如:浏览器,车载终端,安卓,IOS等等)打下坚实的基础。这个步骤是系统架构从猿进化成人的必经之路。核心思想是前端HTML页面通过A

    2020/03/31
  • JS中map与forEach的用法入门攻略_遍历使用攻略

    相同点:1.都是循环遍历数组中的每一项2.每次执行匿名函数都支持三个参数,参数分别为item(当前每一项),index(索引值),arr(原数组)3.匿名函数中的this都是指向window4.只能遍历数组 不同点:mapmap方法返回一个新的数组,数组中的元素为原始数组调用函数处理后的值也就是map()进行处理之后返回一个新的数组注意:map()方法不会对

    2020/03/29
  • ajax设置header头部之后造成跨域的解决方案菜鸟教程_ajax基础教程

    ajax设置header头部之后造成跨域的解决方案菜鸟教程 解决跨域调用服务并设置headers 主要的解决方法需要通过服务器端设置响应头、正确响应options请求,正确设置 J…

    2020/03/19
  • Notelive基础知识入门_在线临时记事本工具

    Notelive基础知识入门 官方网址:https://notelive.cc/ 简介描述:在线临时记事本工具 「Notelive」是一个完全免费的在线的临时记事本,无需注册账户,…

    2020/03/11
  • HTML 规范未来还需要哪些新内容?入门基础知识_规范小白入门

    HTML5 规范在 2014 年正式发布。时至今日,虽然这一规范已经引入了许多新的 API、功能和改进,但许多开发人员已经在展望下一代 HTML 规范了。一点点背景介绍有些人还是不知道 HTML 标准是怎样制定出来的。具体来说,一些组织提出自己的模式和协议,希望浏览器接受并使用它们;但很显然,唯一真正有话语权的组织是 W3C 。所以 W3C 来分析 Web

    2020/03/26
  • vue-loader小白知识_用于Vue.js组件的Webpack loader

    vue-loader小白知识 GitHub:https://github.com/vuejs/vue-loader 简介描述:用于Vue.js组件的Webpack loader v…

    2020/03/11
  • React组件通信入门百科_通信使用帮助

    前言这篇文章将还是通过实例的方式记录一下 React 中组件之间的通信方式,在 React 中,需要组件通信的情况一般有以下几种:父组件向子组件通信子组件向父组件通信跨级组件通信非嵌套组件通信父组件向子组件通信React 中采用数据单向流动的方式,父组件向子组件传递数据也是很常见的情况,父组件通过 props 向子组件传递数据// 父组件
    class App

    2020/03/26
  • PHP 实现压缩解压操作入门基础教程_压缩零基础入门

    在php中,有时我们需要使用到压缩文件操作,压缩文件可以节省磁盘空间;且压缩文件更小,便于网络传输,效率高,下面我们就来了解php的压缩解压相关操作在PHP中有一个ZipArchive类,专门用于文件的压缩解压相关操作在ZipArchive类中主要使用到了如下方法:1:open(打开一个压缩包文件)$zip = new \ZipArchive;
    $zip->

    2020/03/29
  • css中input与button在一行高度不一致的解决方法小白基础_宽高小白帮助

    在写html表单的时候,发现了一个问题:input和button设置了一样的宽高,但是显示高度确不一致,先看代码:
    input,button{width:100px;height: 60px;
    }

    2020/04/05
  • opencv4nodejs入门基础教程_用于node.js的异步OpenCV 3.x API

    opencv4nodejs入门基础教程 GitHub:https://github.com/justadudewhohacks/opencv4nodejs 简介描述:用于node….

    2020/03/06
  • https和http的主要区别入门知识_区别菜鸟教程

    HTTPS和HTTP的区别主要如下:1、https协议需要到ca申请证书,一般免费证书较少,因而需要一定费用。2、http是超文本传输协议,信息是明文传输,https则是具有安全性的ssl加密传输协议。3、http和https使用的是完全不同的连接方式,用的端口也不一样,前者是80,后者是443。4、http的连接很简单,是无状态的;HTTPS协议是由SSL

    2020/03/24
  • Vue实现懒加载菜鸟教程_加载使用指南

    懒加载什么叫懒加载?就是只有在访问的时候才会进行请求加载,这可以有效提升网站打开的速度代码实现:{path: ‘/memberMes’,name: ‘memberMes’,//加上这行,就可以做到懒加载↓===括号里的路径改成组件的路径,然后就不需要在上面import了component: r => require.ensure([], () => r(re

    2020/03/30
  • mavonEditor基础指南_基于vue的markdown编辑器

    mavonEditor基础指南 官方网址:https://www.zhystar.com GitHub:https://github.com/hinesboy/mavonEdito…

    2020/03/07