2018年前端开发校招面试总结

时间 2019-11-06

标签 2018年前端开发面试总结栏目快乐工作繁體版

原文原文链接

原文：syean.cn/2018/12/27/…javascript

2018年人生中最重要的事情之一就是找工做啦，从6月份初断断续续开始复习，7月内推开始，9月大批量的笔试、面试，9月初拿到了第一个offer，10月初拿到了本身比较满意的offer，也是历经了快4个月。
简历投的主要是杭州、上海的一些大厂们，分享一些面试的问题吧，考到烂的如输入url发生了什么、闭包是什么，虚拟dom等，vue双向绑定一类就不放出来了。php

不过这些面试题虽然常见，可是仍是要用心掌握，由于考到的频率确实蛮高的。因为当时并没怎么接触nodejs和react ，因此这方面的题目基本没有。我是个懒人，因此仅有一些提供了一下思路~~css

js相关

ajax和axios的不一样（多益）
vue中在哪一个阶段进行异步请求比较合适(阿里，百度)
微信小程序底层实现的机制（jsbridge）（阿里）
vue中vuex的mapSetter是怎么实现的（bilibili）
什么是尾递归（bilibili）
vue项目中使用到的优化手段（网易）
commonjs和ES6中的模块化有什么区别（网易）
回答见阮一峰的博客
webstoreage若是存储满了会怎么样（报错）（网易）
application cache是怎么设置的（网易）
如何获取一个div下全部的文本节点（网易）
兼容浏览器的一些方法（网易）
为何不一样浏览器渲染出来的东西会有差异，本质是什么（网易）
vue中写一个组件要注意哪些（58）
js如何实现多线程，webworker怎么通讯（美团）
vue的异步更新考察：（美团）

vue中如下代码会出发几回update生命周期（1次）前端

this.a=1
//代码
this.a=3;
复制代码

vue中如下代码会出发几回update生命周期（2次）vue

setTimout(()=>{
    this.a=1
    
},0)

//代码
this.a=3;
复制代码

那些红宝书里都有的知识点

红宝书（javascript高级程序设计必定要好好看呀~~~ ）java

BOM有哪些东西（网易）
requestAnimationFrame和setTimeout写动画的区别（网易）
若是获得今天是星期几（getDay()(网易)
【我回答出来后，网易面试官说你怎么记得那么清楚 - -|||】

css相关

如何实现小于12px的字体效果（大疆）
css匹配的算法（从右向左）（大疆）
animation和transition的区别（阿里）
一个div从一个地方挪到另外一个地方的动画如何实现，若是还要求鼠标放上去时，该div还要旋转怎么写（美团）
浮动和清除浮动考察（58）：如何5个div，其中第三个变成浮动的，会怎么样怎么让他变回去——清除浮动
如何实现一个进度条（新浪）

手写代码

数组去重怎么作，若是是数组是这样的[1,[2],[3]]，该如何去重（bilibili）
写一个函数实现test(a)(b),若是b>0 返回a+b，若是b<0,返回a-b（柯里化考察）（bilibili）

function test(){
    var a= [...arguments][0];
    return function(){
        var b = [...arguments][0];
        if(b>0){
            return a+b;
        }else{
            return a-b
        }
    }
}
复制代码

实现链式调用（百度）

coder.sleep().print1().print2()

class Coder{
    sleep(){
        console.log("sleep");
        return this;//链式调用的关键
    }
    print1(){
        console.log(1);
        return this;//链式调用的关键
    }
    print2(){
        console.log(2);
        return this;//链式调用的关键
    }
}
复制代码

若是sleep函数要等待3秒钟再打印而后在执行以后的操做呢？

class Coder {
  sleep(){
    var date = new Date();
    while((new Date() - date) < 3000) {
      //经过这里进行阻塞sleep
    }
    console.log("sleep");
    return this;//链式调用的关键
  }
  print1(){
    console.log(1);
    return this;//链式调用的关键
  }
  print2(){
    console.log(2);
    return this;//链式调用的关键
  }
}

var b = new Coder()
b.sleep().print1().print2()
复制代码

如下代码会输出什么(百度)

var date = new Date();
setTimeout(()=>{
    console.log(new Date()-date)
},1000)
while((new Date()-date)<3000){
    
}
//输出3000+的值
复制代码

事件代理考察：（百度）若是有一个页面，有许多a标签，在上面写点击事件的事件代理怎么写。若是a标签里面也有不少子节点，点击了这些子节点也要实现上面效果?
思路：循环判断e.target.parentNode.tagName==="a"node
跳台阶算法（美团）mysql
火车运煤算法（美团）react
[1,[2],[3,[4]]]这种无限嵌套数组变成[1,2,3,4]怎么作（58）jquery

数据库

项目中为何使用mongodb，数据库的三大范式（百度）
mongodb的aggregate介绍一下（阿里）
mysql的优化手段（美团）
mysql索引的原理（问的较多）

计算机网络

常见问题

get和post的区别
状态码
http和https的区别

其余

dns请求过程
dns是基于什么协议（美团）
TCP和UDP的使用场景和区别（美团）
url除了http https之类的协议，能够有本身自定义么。（58）思路：能够，例如微信小程序底层Js Bridge原理就是利用url scheme拦截等

其余

操做系统的功能（百度）
页面置换的算法有哪些（bilibili）
前端安全（xss，csrf）（几乎每一个大厂都问到了）
AES和MD5的区别
git的stage，三个区是什么（工做区，暂存区，版本库）（阿里）若是要写实现一个抢红包页面，如何防止有人恶意一直玩抢红包或者发包模拟抢红包请求（网易）
我的思路：
一、判断一段时间内同一个IP的请求数量
二、设置验证码
三、看页面访问顺序，通常有一个入口页面再是抢红包页面。恶意发包多是直接的页面请求
四、达到必定次数或者红包额度，直接丢包
js和c语言编译的差异
有一个用户登陆的表单，你会如何作使达到安全。（美团）
etag的原理（文件名时间hash）（美团）
一个微博api，提供top10的数据，可是每次去请求并不必定更新，因此每次这样请求返回数据会浪费流量，但愿有一个api能够返回是否更新，要怎么操做。（美团）思路：将数据进行hash，每次判断一下和上一次的hash值。
jquery和vue的区别（美团）

一些面试心得

熟悉简历上写的任何东西
回答问题时引到本身熟悉的东西上好比问你ES6掌握状况，挑本身熟悉的讲好比前端优化回答时,挑本身理解原理的讲，好比避免重排重绘，以后通常还会继续问哪些会引发重绘重排
对方提不知道如何回答的问题时

一、引到本身会的：好比问php的继承，讲将js的继承，问mysql的优化手段时，讲mongodb的优化手段
二、讲大概思路
三、请面试官给提示
四、不会就跳过，不要耽搁太多
复制代码

展现本身的博客
熟悉的问题能够回答的深刻一些
手写代码时考虑封装、数据类型判断等
面试后总结面试时有些问题以为面试官问的很奇怪，要好好想一想人家问问题背后的动机、想考察的知识点。

祝你们都能拿到心仪的offer，哟呼~~