2019-我的前端面试题

2019的5月9号,离发工资另有1天的时刻,我的指导亲热把我叫到办公室跟我说:’阿郭,我们公司要破产了,钱是没有的啦,为了不延误你,你赶忙出去找事变吧’。听到这话,我虎躯一震,这已是第2个月没工资了。

公司真尼玛黑,来日诰日就要发工资,本日赋告诉我说你要破产。指导岂非是本日遽然想起来要破产吗?

算了,也没其他要领了。因而才事变半年的我,又填写了简历,最先了默默的找事变之旅。

我是从5月中旬最先找事变的,到如今半个月了。先说下我口试状态,我一共口试了10家公司。个中4家公司一定拿到了offer。另有一家公司1面经由过程了,邀约我列入2面。然则口试了这么久挺累的,就拒绝了。

以下是我口试过程当中碰到的一些口试题,我整顿出来。每一个题目也附上相干的材料,轻易本身运用。假如对你们有协助的,也愿望点个赞吧。

html篇

在我口试的浩瀚公司里,只要58同城的1面问到相干题目,其他公司压根没问。

1.html4和html5的DOCTYPE有什么区分,以及他们的作用?

答案:HTML <!DOCTYPE> 声明

css篇

问css的公司也很少,只要那些须要做h5的公司才问下。

1.你用过flex计划吗?你简朴说几个flex的属性?比方左对齐的属性是啥?右对齐的属性是啥?

flex是个很简朴的学问点,花5分钟时候把教程看一遍,一定就没题目了。

Flex 计划语法教程

2.css3完成动画的体式格局有那些?

我的回复:有transition tranform animation。 如许回复已没题目了,历来没有人再诘问了。假如你须要更深切相识可以点击以下教程检察.

CSS3的动画属性

3.你挪动端是怎样做适配的?

我的回复:初期的时刻我是经由过程盘算设想稿和屏幕的比例,动态的设置device-width和initial-scale,再经由过程px定位来完成挪动端适配。厥后改用rem,淘宝的flexbile出来以后,我就用flexbile。如今都是用css新的单元vw适配的。

如许回复,基本上就没题目了,也没有诘问。感兴致可以看下这两个教程

挪动端适配题目处理方案

挪动端适配总结

4.怎样完成垂直居中

我的回复:假如是行内元素的话,就设置父类的text-align和子类的vertical-align(现实运用中vertical-align并不怎样有用)。我个人比较常常使用的设置父元素为相对定位,再设置子元素相对定位,top和left为50%,transform为-50% -50%。有时刻也用flex。

如许回复,我个人以为就好了。没那末多花狸狐哨的东西。以下是学问点的补充,刚兴致的可以看下,这个大佬的教程。

Vertical-Align,你应当晓得的统统

16种要领完成程度居中垂直居中

5.盒装模子和奇异模子有什么区分,怎样在当代浏览器中完成奇异模子?

我的回复:盒装模子的宽度即是content-width,不包含边框和padding。奇异模子的宽度即是内容宽度+padding+边框。在当代浏览器中设置box-sizingborder-box 就可以完成奇异模子。

规范形式与奇异形式关于衬着页面的影响

6.怎样完成圣杯计划?

css典范计划——圣杯计划

7. 简朴说下bfc是啥,以及怎样构成一个bfc

进修 BFC (Block Formatting Context)

总结:口试中关于css的题目异常少,常问的也就1-4。5,6,7只被问过一次。

js篇

1.说下es6里你常常使用的功用?

这题目10个公司口试,10个公司的人都问。我都不晓得问这些有啥意义。

我的回复:我先说我常常使用的啊,定义变量的时刻用let、const,定义函数用箭头函数,数组新增了一些要领,比方from、of、includes。字符串新增了一些要领padStart、padEnd、includes。扩大运算符、解构赋值。接下里就是最常常使用的promise和async和await。不怎样常常使用的是set、map、weekset、weekmap、Symbol、proxy等。

ECMAScript 6 入门

2.说一说let、const和var的区分?

我就不写本身的答案了,有更好的题目,我就给你们引荐更好的文章。

let 和 var的区分

3.数组foreach和map的区分?

我的回复:foreach是直接修正原数组的,map是修正以后返回一个新的修正过数组,原数组稳固。

4.call、apply、bind的区分?

this、apply、call、bind

5.你是怎样完成js继续的,不运用class,写个你最常常使用的继续体式格局?

深切JavaScript继续道理

6.js的原型链是啥?

JavaScript原型与原型链

7.说一说js的闭包是啥?手写一个闭包的案例

JavaScript 闭包

8.说一说promise是啥?

可以参考一下两篇文章:

口试精选之Promise

解读Promise内部完成道理

9.你能不能手写一个promise?

我以为这简直是变态题,这个是我一年前口试爱奇艺的时刻,口试官请求的,我没写出来。

你能手写一个Promise吗?Yes I promise

10.谈一谈你对async和await的明白?

我的回复:async和await是对generator函数更文雅的完成,可以以同步的体式格局写异步的要领。async定义在函数前面,函数实行后返回一个promise。await背面只能跟一个promise函数。

更细致的题目参考下面教程

明白 async/await

11.手写一个冒泡排序或许疾速排序

js数据构造和算法(9)-排序算法

12.手写一个js的单例形式,而且说下你都在哪些地方会用到?

JavaScript设想形式

13.怎样把一个多维数组转为1维数组,比方[1,2,[3,[4,[5]]]]

JavaScript 进修笔记 – 多维数组变成一维数组

14.正则表达式的回溯是啥?

一年前爱奇艺口试题

你真的懂JavaScript的正则吗?

正则表达式回溯法道理

15.Object.create()和new object()和{}的区分?

58同城口试题

Object.create()和new object()和{}的区分

16.for in和Object.keys的区分?

JavaScript中in操作符(for..in)、Object.keys()和Object.getOwnPropertyNames()的区分

17.箭头函数与平常函数的区分

详解箭头函数和平常函数的区分以及箭头函数的注重事项、不适用场景

18.js的事宜轮回机制是啥?

Js 的事宜轮回(Event Loop)机制以及实例解说

总结:我口试的话基本上问了这些题目,promise是重中之重,口试必问。

vue篇

1.vue数据双向绑定道理的道理是啥?

这题目都被问烂了。

口试题:你能写一个Vue的双向数据绑定吗

模仿 Vue 手写一个 MVVM

2.vue是怎样传参的?

又是一个烂大街的题目

Vue 组件间通讯六种体式格局(完整版)

3.说下vuex是什么?

Vuex Demo 解说

4.vue-router是怎样完成路由的?路由守御是什么?

前端路由简介以及vue-router完成道理

Vue的钩子函数-路由导航守御、keep-alive、生命周期钩子

5.你常常使用的element-ui的组件有那些?

我的回复:表单,tab,日历,计划,列表,分页,树形构造,弹层等。

Element

6.vue中权限是怎样设置的?

手摸手,带你用vue撸背景 系列二(登录权限篇)

7.在vue开辟中你碰到过什么困难?你又是怎样处理的?

这个是个开放式的题目,常常被问道,然则又不好回复。我本身回复的是本身开辟vue组件面对的题目。迷迷糊糊的说过去了,对方我也不晓得他听懂没听懂。横竖胡乱回复过去以后,他就没有再问了。

vue插件开辟、文档誊写、github宣布、npm包宣布一波流

8.vue是怎样编译模板的?

模仿 Vue 手写一个 MVVM

9.请你说下vue的生命周期是啥?以及每一个生命周期都做了啥事?

vue生命周期详解

10.在你做过的那末多项目里,说一个你最有成就感的项目?

这个必问。这个一定要想好,可以从手艺、沟通、营业紧要度等方面选一个最使你骄傲的项目说下。

总结:关于vue实在没多少考点,然则又常常被问。对了另有,每次也都邑问你开辟vue几年了,这个你晓得强调你用的很熟就可以了。

webpack篇

1.webpack是什么?说下你常常使用的webpack的loader和plugin是啥?

webpack4引见与总结

2.webpack的loader和plugin的区分是啥?

webpack loader和plugin编写

webpack中loader和plugin的观点明白

3.webpack怎样打包多页运用?

webpack4 多页面,多环境设置

4.怎样做webpack优化?

Webpack4优化之路

5.怎样运用webpack完成增量打包?

webpack增量打包多页运用

6.commonjs和amd的区分?

前端模块化:CommonJS,AMD,CMD,ES6

总结:关于webpack的口试题,也就这些了。很多口试官都喜好问webpack,webpack也是口试中的重点。

http相干

1.你是怎样处理跨域题目的?

烂大街的题目。

前端跨域整顿

2.强缓存是什么?协定缓存是什么?

HTTP—-HTTP缓存机制

总结:关于http的口试题就这两个,口试前预备下就好了

其他

1.先做下毛遂自荐吧

(必问)这个环节是异常主要的,我之前都不怎样预备,想到哪说到哪,厥后我才意想到这是不对的,由于这是每一个口试都必问的。所以异常有必要,搞一个规范答案出来。其次,你的简历平常都是好几页,内里都是密密层层的题目,想让口试官从简历里相识你有多优异,那是胡思乱想。所以这时刻,毛遂自荐就异常主要了。

毛遂自荐时长:或许2-5分钟摆布。

1.须要引见你的所在和学校,由于很多公司很注重这两项,

2.引见你的亮点,比方我,我大学拿过好几个奖学金,这就是亮点。事变里,我善于写文档,带过团队这也是我的亮点。

3.引见你用过的手艺,善于什么。

4.引见你之前的公司和事变内容。

5.引见你的性情和长处。

其他的只管不要多说,言多必失

2.为何你要去职?

(必问)这个很考核你的情商,你万万不要说跟上一家公司指导有题目,也不要说你身材不好。这个题目也是口试必问的,你一定要找个好的来由,或许编一个好的来由。不要让人以为你很不稳固,很不好相处。

假如你之前是个大公司,你可以说职业瓶颈,你想进步,然则发明事变中用到的手艺就那末多,怎样都打破不了,所以你想换个事变。或许说官僚主义严峻等等。假如是个小公司,你就可以说拖欠工资,公司破产等等。这个你可以好好想一想。(哎,我就是公司破产,拖欠了3个月工资)

3.你上一家公司的薪资报酬?

(必问)。有些公司是须要打印上一家公司的银行流水的,所以回复这个题目要郑重。

假如不须要打印流水,你报上一家公司工资的时刻,比你抱负工资低1-2k就好了,不必说实话。完整不必忧郁对方到时刻打电话查对的题目。你上一家公司的hr假如不是蠢抵家了,他是不会说你现实工资的。

假如须要打印流水,你先找下你朋侪里有无工资比较高的,有的话,就按他的工资报。打印流水的时刻就让他打印一份给你。打印流水是不须要银行署名的,所以你随意搞就好了。假如你没有如许的朋侪,那就忠实写现实工资吧。

需不须要打印流水,口试的时刻填来访登记表的时刻,上面都有写明的,注重看就好了。

趁便说下背景观察的事,写你上一家公司的指导或许同事的时刻,假如你有关联比较好的同事,就写你同事名字。假如没有你就写你好朋侪或许亲人的就可以。对方查不出来的。

4.上一家事变中碰到过什么困难?

这个不算很常问,然则最好也先想下。跟hr聊的时刻,只管说手艺上的困难。跟手艺聊的时刻,只管说沟通题目。没有题目,你最好也要提早编一个题目。不发起现场编,很轻易圆不过来。

5.将来职业计划

(必问)这个你只须要回复5年内的计划就可以了,再远了,你就说太远了,如今制订也不抱负,须要今后不停完善。5年计划,你也要有个目的,平常的形式是前2年精研手艺,比方精研webpack道理,进修数据构造和算法等等,要说出点东西。后3年要进修治理,比方研讨架构,进修团队治理等。要点是,要明白,既有手艺又有治理,让他人晓得你是个有抱负的人。

我的回复:我想找一个稳固的有前程的公司,先用1-2年的时刻,稳固下手艺。我如今学了很多东西,每一个东西都用得很熟,然则我对道理的东西比较隐约,都是零碎的相识。所以将来1-2年盘算把手艺好好研讨一下。2年后我愿望能转到治理岗亭,可以做更大的更多的事变。将来几年我也会对峙写博客,对峙做开源插件,愿望能协助更多的人,结交更多的朋侪,也愿望能建立本身的品牌,成为某一方面的大牛。

6.业余时候干什么?

这个不多问,然则最好照样预备下。看书、列入团建都是比较好的回复。不要老说本身很宅。

7.你对996/加班怎样看?

我以为加班都是为了更好的完成公司的事变,是为了给公司带来更好的功绩。公司功绩好,那末我们员工天然也会更好。固然了,从个人角度讲,加班也是一种磨炼,可以多挣点钱。所以我以为须要加班的时刻就加班,以公司的义务为重。

我的心田倒是草泥马,老子才不加班。然则不能说,以先拿offer为准,有了offer你就有自信心,再口试你就没那末怕了。

总结:口试官常问的题目就那末几个,就不要临场发挥了,多预备下吧。

8.说下你有什么长处和瑕玷?

只管主动康健向上吧。

我的回复:

1.我以为我是蛮勤奋的人,从初中到高中包含大学我都很勤奋的进修。大学时很勤奋的进修作业,业余时候都是泡在藏书楼里,进修种种学问,勤奋相识这个天下。如今事变了,也常常看种种书记和教程,不停的雄厚本身,进步的本身的妙技和履历。

2.我以为我也是个挺有主意的人,在我事变过的公司,有很多项目都是我提出来的。比方项目代码优化,比方搞事变流,比方搞培训,我还孝敬过开源项目。我不禁有主意,还很勤奋的把本身的主意付诸行动。

3.末了我以为我照样一个挺担任的人。事变里我情愿多累赘事变,很想把一切的事变都做好。比方近来,虽然我去职了,然则上一家公司有些项目须要我修正,我还在主动的帮他们改。

谈下你的瑕玷:

我的瑕玷大部分都是跟我个人有关的。

1.宅一点,余暇时候我更喜好在家看电影看书,或许去藏书楼。很偶然才会约朋侪出去玩,除了谈事变,我也不太喜好常常找他人闲谈天。

2.另有一点是焦炙吧,如今前端手艺发展很快,触及的东西又迥殊多。我有时刻会慌张,以为本身进步的太慢,进步的也不够。别的没事变的时刻,我也会慌张,我会以为对不起公司,好像在白占公司廉价。

薪资

我零丁偏重说下薪资。

薪资不即是工资!!!

薪资不即是工资!!!

薪资不即是工资!!!

主要的事说3遍。

薪资=工资+年终奖+x薪+公积金+社保。

在你报工资的时刻,请先问清晰是多少薪,有无年终奖,社保是多少。

在你报工资的时刻,请先问清晰是多少薪,有无年终奖,社保是多少。

在你报工资的时刻,请先问清晰是多少薪,有无年终奖,社保是多少。

主要的事变又说了3遍。你不问,hr是锐意给你遮盖的。

hr让你填的是工资。比方你在ab两家公司都填20k,a公司是12薪,b公司是13薪,这一年就差了2w块钱。另有公积金,有的公积金只要几百,有的是工资的5%,有的是工资的12%。你假如每一个公司都要价雷同,现实得手的钱能够差异很大。所以要郑重。

别的一点,谈工资的时刻一定要自信,一定要自信,一定要自信。比及谈工资的时刻,90%,你已是他们心中的抱负人选了,所以不必忧郁再被刷掉了。

hr题目

为何我要偏重谈下hr题目呢。由于我对hr有私见,历久的事变履历,我发明hr真是一个异常不值得信托的人群。

hr对你的作用就1个——剥削你。

在我10次口试里有2次是被hr哄骗过去的。口试前hr说不是996,你要的薪资是没题目的。然则一口试,口试官就会说我们是996,你能接收不?你要的薪资太高的,我们这边能够满足不了你。真的很浪费时候,很让人生气。

其次是薪资题目。我很不明白,工资又不是hr的,hr却老是主意想法压低你的工资,为了压低你的工资,他们袭击你或许吓唬你。毫无原则压低你工资。

末了结交题目,当你入职一家公司后,有时刻hr会倏忽跟你走得很近,找你谈天啊,跟你开顽笑啊。别信,要不就是有运动须要你帮助了,要不就是他们想从你口中获得一些其他员工的状态。别当真。

固然我如许说,也不要一棒子打死。或许有些hr很好吧。要跟hr坚持适度的间隔,不要谈心。

看准网

引荐一个网站,看准网,这个网站是不收费的。去口试前最好查下你要口试的公司,假如批评很差,你就不要去了,浪费时候。

看准网

几个小发起

1.不做去小公司,不要去小公司,不要去小公司

2.只管不要996,人生另有很多其他事变可以做

3.多拿offer,多看看,不要有心思累赘

4.谈工资的时刻,一定要自信。

在找事变的时刻,命运运限比才能更主要,愿望你有好的命运运限!!!

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