2019-04前端面经分享

时间:2022-06-08 14:12:45

本人找工作也找了快一个月了,面试的公司大概有20家公司了,大公司创业型公司都有,由于没有在每次面试完之后做一个记录,就做个笼统的面试经验归纳,按照技术的分类可以分为:

  • html
  • css
  • js
  • 计算机基础

Html模块

1.html5有哪些新的特性?

2.html怎么设置缓存,有哪些方式控制缓存?

tip:因为html这一块问的也比较少,主要还是倾向于Js

CSS模块

1.css3有哪些特性?

2.display:none和visibility:hidden的区别,有次面试问了个比较有意思的问题,父元素设置display:none,父元素和子元素都设置了backgroundImage,问背景图片会去请求吗?

3.怎么去垂直居中一个100px*100px的div,有哪些方法?

4.css的px,rem,em,vh,vw,%的区别?

5.css的解析顺序,从左到右还是从右到左,为什么?

6.flex:1表示什么意思?

7.移动端怎么去做适配的?

8.标准盒子和IE盒子的区别,标准盒子可以转换为IE盒子吗?

9.sass &的用法?

10.常见的一些浏览器兼容性问题?

11.解决移动端1px边框问题的几种方法?

tip:css一般也问的不多,一般2c产品比较多的公司会问比较多的css问题

JavaScript模块

1.js基本数据类型和复杂数据类型有哪些,有什么区别?

2.null和undefined的区别?

3.为什么要深拷贝,实现一个深拷贝,有些公司会要求手写

4.如何判断变量是否为数组?

5.如何将伪数组转换成数组?

6.ES6给Array新增了哪些方法,find方法和filter方法的区别?

7.如和给对象数组根据一个属性来进行排序,比如有arr=[{id:1},{id:2}...],根据id来进行排序

8.js的运行机制和垃圾回收机制?

tip:这里插入几个运行顺序的一些问题,++i和i++的区别,变量提升和函数提升的区别

9.promise、setTimeout、nextTick、setImmediate的优先级?

10.js闭包的理解、原型链的理解

11.js的作用域和作用域链

12.js内存泄露是什么,有哪些情况会导致内存泄露,有什么解决方法?

13.ajax的原理,跨域的造成,解决方式有哪些?

14.es6有哪些新特性?

15.es6有哪些方式去执行异步操作,promise和await的区别?

16.手写一个简易版promise

17.promise的then、catch、done、finally的区别?

18.如何实现Promise的all方法

19.箭头函数有哪些特性,this指向问题

20、call、apply和bind的区别,手写一个bind方法

21、给Array新增一个去重方法

22、localStorage、sessionStorage和cookie的区别

23、JS事件机制,捕获、处于目标节点和冒泡

24、事件委托实现原理

25、防抖和节流有什么区别,如何实现?

26、前端设计模式有哪些,观察者模式和发布订阅者模式的区别,什么是单例模式,应用场景是?

27、移动端click事件延迟300ms的原因以及解决办法?

28、jquery的extend和fn.extend的区别?

29.vue的生命周期

30.react的生命周期

31.react的setState做了什么?

32.vue的数据绑定如何实现的,有看过源码吗?

33.vue的虚拟dom原理,有看过源码吗?

34.vue的父子组件如何通信的,兄弟组件通信有什么解决方法

35.vuex有哪些模块,action可以执行一些异步操作吗,vuex的原理?

36.vue的自定义指令,有写过Vue插件吗,Vue.use(plugin)怎么实现的

37.vue的extend和mixin的区别

38.vue-router有哪几种方式,有什么区别,都是怎么实现的?

39.webpack的rules执行顺序

40.webpack用过哪些插件

41.webpack的一些优化操作

42.webWorker和serviceWorker和区别

tip:一般面试主要问的还是js,我用的技术栈是vue居多,所以问的vue比较多

计算机基础模块

1.手写快排

2.二叉树转成双向链表

3.http、tcp、udp的区别

4.网络七层模型

5.http头部有哪些

6.http缓存如何实现的

7.http2.0的了解

8.tcp三次握手原理

9.https的原理

10.进程和线程的区别

其他问题

1.从用户在浏览器输入url到返回一个页面经历了哪些?

2.如何对网页做SEO优化,单页面应用有seo优化方案吗?

3.前端性能优化

4.前端性能监控

5.前端规范怎么实施

6.如何去架构一个项目,前端框架如何选择

7.你学习前端的一些方式,学习一门新技术的方法

8.你觉得你的优势在哪里