2018web前端面试总结

从今年3月份开始面试笔试找实习找校招到现在也半年多了,拿到了不少offer,也有了自己的一点心得体会,这里写出来分享一下,拙见勿喷。

注意一下,以下的观点仅代表我个人的体会不代表任何人任何组织和任何公司。

关于流程

一般的实习&校招招聘大体有这么一个流程:(这里我个人都是走的官网投递的渠道,没有经历过宣讲会的环节,这一部分我没啥经验)

笔试

笔试作为招聘的第一个环节,一般考察的都是专业基础知识,这里会着重考察你在学校的计算机相关基础,也就是很多人会发现,我明明考的是前端的卷子为啥前端的知识点考的这么少,而且有时候也会发现,前端的卷子考的没有前端的知识点。

笔试也是有种类之分的,像我参加的360和阿里的校招,笔试都是分为能力测试和技术笔试的,这里的能力测试也就是我们以前经常无视的逻辑思维题或者是分析题之类的;而技术笔试呢,顾名思义就是考察计算机基础和专业基础了,这里不废话了(提一点:可能你会遇到有的笔试编程题选不了js,这里就自己斟酌了)。

关于基础知识,这里就是计算机网络、操作系统、数据结构、数据库等。

关于笔试的建议就是多刷题(超级学霸请无视我),这里推荐几个网站:牛客网,leetCode,赛码网。

注意:像牛客和赛码这里要注意一下,很多公司的笔试都是用的这两个平台,建议多熟悉下这里的编程题的在线环境。

一面

恭喜你,如果如果笔试过了那你就迈过了一个大坎,要知道很多同学都是连面试的资格都没有的。到了面试阶段,考察的大多是专业知识了,当然也不排除考计算机基础知识的。

一面这里考察的知识点比较基础,这里你的面试官会分析你的技术基础能力扎不扎实,你这个人的性格如何如何然后汇报个组里的老大决定你是否有机会参加下一轮的面试。

注意我提到的性格,大家都不愿意和一个怪异的人一起工作,一定要有热情乐观积极上进,这点真的很重要!

这里我的建议就是,基础我就不用说了一定要很扎实,面试官一下子就能看出你到底是会不会了,不要不懂装懂。但基本上一面要是被问住太多了的话那确实很不乐观了,但是也不排除一种情况,你的基础非常的扎实,面试官觉得这些基础知识点问了也是浪费时间于是开始深入问你,这个时候要注意,确实会闻到很多你不会的知识点,不要放弃尽可能的尝试,但也不要过于自大,面试官希望看到的是你的潜能和面对未知问题的解决能力。(web前端学习交流群:291851189 禁止闲聊,非喜勿进!)

二面

恭喜你通过了一面,你的基础还不错,接下来你将遇到的是组里的高T或者是业务方向的老大了(和大牛面对面)。

二面也会考察基础知识,这里基本都是匆匆过一遍了。注意了我可以很负责任的说,二面你会遇到很多的困难,二面会考察你的项目,面试官会根据你简历上的项目经历找一些他感兴趣的来问你,简要的说并且说重点,从使用技术栈到项目架构的设计到技术难点的实现,分点说。

面试官也是人,他也会好奇一些神奇的项目是怎么实现的,所以我的建议也就是平时多做一些有水平的项目,不要把todolist、图书馆管理系统这种烂大街的项目写在自己的简历上。

这里透露一下,你的二面面试官,很有可能是你未来的leader,它们问的问题很多都是平时遇到的技术难点啊,自己踩过的小坑啊啥的,有心的同学自己默默记住这些问题回去多看看,对自己的提升会有很大的帮助(毕竟你能网上搜到的问题都是些烂大街的问题,这时候大牛遇到过的问题和你探讨这种机会不用说都知道很难得吧)。

这里还要废话一下,不要遇到难题就放弃说不会,多尝试一下,还是那句话,面试官想看到你对未知问题的解决能力,我一般都是先说出我的想法把我的实现方法说一遍,这时候可能会遇到直接怼对了的情况那么只能说恭喜啦,但是大多数情况下你的解决办法都不是最优的,这时候面试官会一点点把你往正确的方向引导,这一探索的过程才是面试官看出你这个人的软硬实力的关键。

三面

恭喜你到最后一步了,这里是HR或者技术经理面啦,这里表现最真实的你就好,和hr或者老大聊聊天,说说自己的基本情况啥的,这里就不多说了。

注意:其实还是要注意一点,很多同学都说我三面都过了为啥最后还是被拒了呢,这里其实不是你的第三面被拒了(当然你如果人品有问题啥的我就不多说了),这里据我所知有这么几种情况: 
1. 虽然真的面的很不错,但是公司的hc有限,只能说很遗憾; 
2. 还是hc有限这个点,但是这家公司是根据笔试+一面+二面+三面的综合评分决定的,只能说你很厉害但是有比你更厉害的人; 
3. 其实你的二面一面就不怎么样了只是说技术面试官不忍心拒绝你,往往hr更懂得拒绝别人;

总结

这里就简单总结一下吧:

  • 自我介绍言简意赅,体现自己的个性和亮点,会什么着重说一下;
  • 基础知识(计算机基础 + 专业技能基础);
  • 对待问题的解决能力;
  • 不要表现自己的负面情绪,积极乐观;
  • 沟通技巧; 
    注意:你的暑期实习经历对你的校招面试很有用,一定要争取找个暑期实习。我当时面暑期实习时候也是没有啥经验处处碰壁,后来实习了几个月后校招基本上是横扫,面一家过一家。

关于技术知识点

这里就罗列一下我之前遇到的知识点,我的其他文章也写到过详情可以去看看(有些公司面试完可能忘了就没写)。博主上一次面试距今也有几个月了,忘的差不多了,这里就罗列一点我突然想到的哈,请谅解。

如果你想学习前端可以来这个群,首先是291,中间是851,最后是189,里面可以学习和交流,也有资料可以下载。

html + css基础

  • 基本的布局(中间自适应旁边固定啥的)的几种实现方法;
  • 垂直居中的几种实现方法;
  • 盒模型;
  • position;
  • 行内元素和块元素;
  • BFC(块级格式化上线文,和浮动一起考);
  • animation;
  • 伪元素伪类;
  • less、sass、stylus这种预处理器; 
    ……

js基础

  • 原型链;
  • 闭包;
  • 类和继承(es5实现方法 + es6实现方法);
  • let、const、var;
  • promise;
  • 异步处理方法;
  • 写一个方法遍历所有文档树所有节点(考察递归);
  • cookie和webstorege;
  • jsonp和跨域;
  • sort排序相关(注意ascll这个坑)
  • 数组和对象的深浅拷贝;
  • String + Array的一些基本操作;
  • 写一个数组去重的方法;
  • 冒泡和捕获;
  • 事件代理;
  • this相关(注意箭头函数的this指向问题);
  • call、apply、bind;
  • 变量提升;
  • 高阶函数;
  • 动画;
  • setTimeout、setInterval和requestAnimationFrame;
  • 模块化开发;
  • 引起内存泄漏的原因;
  • ajax;
  • map、filter、reduce相关;
  • Map和Set;
  • 移动端开发相关; 
    ……

框架和工具相关

  • vue数据绑定原理;
  • vue父子组件和兄弟组件的通信问题;
  • vuex的原理;
  • vuex的action和mutation的异步操作和同步操作问题;
  • vue的事件监听;
  • vue-router获取自定义参数;
  • vue-router的go相关;
  • vue组件设计相关;
  • 模块化的工具;
  • webpack打包优化;
  • 设计一个自己的打包工具需要设计哪些主要功能;
  • babel相关;
  • mvvm的好处;
  • jquery的一些基本用法;
  • lodash相关;
  • vue和react的对比;
  • vue和jquery的对比; 
    ……

技术拓展

  • 设计模式相关(单例、发布订阅等);
  • 浏览器渲染过程;
  • 性能优化相关(这个点很大,设计很多方面,不要自以为优化就是网上经常看到的那一套);
  • 设计一个模版引擎;
  • 设计一个打包工具;
  • 设计一个mvvm框架需要注意的case;
  • 源码阅读相关; 
    ……

项目相关

这里说几个我面试经常问到的项目。 
- 仿饿了么购物车(本地购物车和全局购物车和本地存储,不是网上一艘就能搜到的哪些哦); 
- Chrome插件开发lettalk; 
- rn开发的一个简单的社交app; 
- 仿vue mvvm框架(阅读vue源码时候仿的); 
- 仿Jquery类库(阅读jquery源码时候仿的);

总结

我能想到的也就这么多了,还是差很多东西的,请大家谅解。希望大家都能拿到自己满意的offer。

时间: 2024-09-17 19:51:24

2018web前端面试总结的相关文章

前端面试题目搜集

前端面试题目搜集 一.理论知识 1.1.讲讲输入完网址按下回车,到看到网页这个过程中发生了什么 a. 域名解析 b. 发起TCP的3次握手 c. 建立TCP连接后发起http请求 d. 服务器端响应http请求,浏览器得到html代码 e. 浏览器解析html代码,并请求html代码中的资源 f. 浏览器对页面进行渲染呈现给用户 参考<一次完整的HTTP事务是怎样一个过程>   1.2.谈谈你对前端性能优化的理解 a. 请求数量:合并脚本和样式表,CSS Sprites,拆分初始化负载,划分主

前端面试中的常见的算法问题

虽说我们很多时候前端很少有机会接触到算法.大多都交互性的操作,然而从各大公司面试来看,算法依旧是考察的一方面.实际上学习数据结构与算法对于工程师去理解和分析问题都是有帮助的.如果将来当我们面对较为复杂的问题,这些基础知识的积累可以帮助我们更好的优化解决思路.下面罗列在前端面试中经常撞见的几个问题吧. Q1 判断一个单词是否是回文? 回文是指把相同的词汇或句子,在下文中调换位置或颠倒过来,产生首尾回环的情趣,叫做回文,也叫回环.比如 mamam redivider . 很多人拿到这样的题目非常容易

前端面试整理********************************************************

 HTML语义化? 1.什么是HTML语义化? <基本上都是围绕着几个主要的标签,像标题(H1~H6).列表(li).强调(strong em)等等> 根据内容的结构化(内容语义化),选择合适的标签(代码语义化)便于开发者阅读和写出更优雅的代码的同时让浏览器的爬虫和机器很好地解析. 2.为什么要语义化? 为了在没有CSS的情况下,页面也能呈现出很好地内容结构.代码结构:为了裸奔时好看: 用户体验:例如title.alt用于解释名词或解释图片信息.label标签的活用: 有利于SEO:和搜索引擎

一个奇怪的Web前端问题

IE诡异的行为经常让人捉摸不透.这次遇到的IE问题也很诡异,虽然没有"透",但捉摸出了解决方法,而且是在几乎无望的情形下捉摸出来的,所以说很有成就感.那"最"从何来呢?在解决过的Web前端问题中,这次是"最"让人兴奋的. 这个问题简单来说就是一个Javascript跨域的问题.那复杂来说呢,请看下面的文字. <script src="http://common.cnblogs.com/editor/tiny_mce/tiny_mc

前端知识图谱,你值得收藏

综合类 - [前端知识体系](http://www.cnblogs.com/sb19871023/p/3894452.html) - [前端知识结构](https://github.com/JacksonTian/fks) - [Web前端开发大系概览](https://github.com/unruledboy/WebFrontEndStack) - [Web前端开发大系概览-中文版](http://www.cnblogs.com/unruledboy/p/WebFrontEndStack.h

最全前端资源汇总

一.概要 这份汇总整理,很程度上参考了GitHub最全前端资源汇总:云集前端教程.开发资源.免费书籍.手册规范.求职面试等等,旨在为前端学习 & 技能提升提供方便.当然,并不期望这成为一个前端武学收藏夹:毕竟,只有自己掌握,才是真正拥有:况且前端发展如火如荼,日新月异.这里会尽量保持探索 & 学习 & 更新.欢迎大家推荐,反馈,谢谢! 二.优秀的网站 JS前端开发群月报 前端开源资源库 国内老牌技术社区:OSChina.博客园.CSDN.51CTO 免费的it电子书:http://

javascript删除数组重复元素的方法汇总

  本文实例讲述了javascript删除数组重复元素的方法.分享给大家供大家参考.具体分析如下: 这里分享一个前端面试高频题,主要实现javascript删除数组重复元素.希望对初学者有所帮助 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 //数组去重的方法 Array.prototype.unique=function(){ //集中声明变量 var oldArr=this, newArr=[oldArr[0]], len=oldA

js捕获鼠标滚轮事件代码

 本文为大家介绍下如何使用js捕获鼠标滚轮事件,原理很简单,感兴趣的朋友可以参考下 之前看到一个人人网高级前端面试的笔试题    要求手写代码,其中有个题是做一个图片展示    类似百度图片最下面小缩略图那个展示栏    然后要求有个鼠标滚轮滚动变大变小的要求    这个我还真不知道怎么做,在网上找了找资料    发现可以捕获onmousewheel的事件    然后根据event.wheelDelta值的正负来判断是前滚还是后滚    随便写了个小例子,顺便捕获下键盘的按键,不太美观没有换行 

深入理解javascript作用域和闭包

 作用域 作用域是一个变量和函数的作用范围,javascript中函数内声明的所有变量在函数体内始终是可见的,在javascript中有全局作用域和局部作用域,但是没有块级作用域,局部变量的优先级高于全局变量,通过几个示例来了解下javascript中作用域的那些"潜规则"(这些也是在前端面试中经常问到的问题). 1. 变量声明提前 示例1: 1 2 3 4 5 6 var scope="global"; function scopeTest(){   consol