2020前端面试题总结

一、css

1、栅格布局

2、两栏布局左边定宽右边自适应

3、css动画 如实现从左到右从右到左

4、HTML5新特性

5、css实现三角形

6、清除浮动的方法和原理

7、css哪些属性可以继承哪些不能

8、rem em及px之间区别

9、垂直居中的方式（定宽与不定宽）

10、块状元素，内联元素，行内元素有哪些及区别

11、实现1px

 

二、动画

 

三、vue

1、vue里阻止事件冒泡

2、watch和computed及methods之间区别

3、双向数据绑定的原理

4、组件之间的通信

5、v-if与v-show的区别

6、vue生命周期

7、路由导航

8、路由传参方式

9、vue有哪些钩子函数

10、常见的vue指令，如何封装指令

11、vue key作用

12、事件修饰符

13、vue路由原理

 

 

四、js

1、瀑布流

2、解决跨域及其原理

3、输入url后的全过程

4、一键登录实现原理（一个sesskionKey多方登录）

5、es6 语法

6、数组排序

7、数组去重及数组处理方法map，foreach，every，some，splice，push等方法

8、foreach与for循环的区别，

9、promise和async await   及promise的相关api

10、深克隆浅克隆

11、判断变量类型

12、对闭包理解及优缺点

13、继承（原型链，构造函数，组合继承）

14、事件委托 原理

15、如何遍历对象，只遍历对象自身属性

16、基本数据类型和复杂数据类型

17、null和undefined区别

18、http和https的区别

19、let const var之间的区别

20、缓存，http缓存与浏览器缓存

21、浏览器回流与重构

22、script标签中的属性defer 和async

23、es6 Map和set

24、js动画与css动画有什么区别

25、301 302 304 401 405 404 403 5开头状态码

26、visibility opacity display none区别及使用场景

27、new操作符做了哪些事情

28、数组扁平化处理

29、不另外定义变量交换a，b值

30、float与position区别

 

 

 

五、git操作

1、git merge 和git rebase区别

2、git reset --hard和--soft区别

 

 

 

移动端适配问题、兼容性问题