2021前端高频面试题（一定要看哦！！！）

html5部分：

	html5新增属性有哪些？
	如何理解语义化标签？
	你如何看待前端模块化的？
	如何看待前后端分离？
	浏览器兼容性问题？
	你知道的行内元素、块级元素有哪些？
	id与class有什么区别？？

css部分：

	为什么要初始化css样式？
	link和@import的区别？
	css的样式优先级？
	盒子模型？
	如何清除浮动？
	如何让元素水平垂直居中？

常用布局方式：

• 浮动布局：float:left/right

• 定位布局：
  position:static：静态布局
  absolute：绝对定位
  relative：相对定位
  fixed：固定定位
  sticky：粘滞定位

• 伸缩盒布局：
  display:flex;

使用原因：当使用float让块级元素在一行显示时，浏览器等比例缩放，打乱，原因是，浏览器缩小时，元素的内容缩小，而边框和外边距不会缩小，整体会超出父元素，使得布局打乱。

• 栅格布局：
  引用bootstrap需要的组件即可

js部分：

• js的数据类型有哪些？

• 深复制、浅复制？

• var、let、const的区别？？

• 字符串，数组常用的方法？？

• 数组去重（splice,set,indexOf）？？

• 继承有哪几种方式（原型链继承，构造函数继承，组合继承）

• 跨源问题

• 前端存储主要有哪些方式，有什么区别（sessionStorage,localStorage,cookie）

• 超时调用（setTimeout）和间歇调用（setInterval）有什么区别？

• call和apply有什么区别？

• 闭包？

• 事件代理？

• this?

Vue部分：

• vue的声明周期
• 为什么要用vue？？
• vue是如何实现数据双向绑定的（数据驱动框架，基于mvvm模式）
• 说说你对状态机vuex的理解
• 描述下vue-router的工作原理？
• 组件之间是如何通讯的（父子组件之间，兄弟组件之间）
• computed和watch的区别？什么场景下用？
• 你是如何理解插槽（slot）的?
• 自定义指令（directive）?
• 路由模式（hash和history的区别）？
• axios与jquery的区别？
• less预编译语言与css的区别？为什么要使用less
• v-if与v-show有什么区别？
• key?
• 状态机vuex?

es6部分：

• Promise
• es6新增特性有哪些？
• 箭头函数和普通函数的区别?
• 解决异步问题（封装函数、generator函数，异步函数async）

html5 Api 和jquery部分：

• 画布canvas

面试官问：你有什么想问我的吗？

1.咱们公司是否是外包公司？
2.想要晋升需要满足的条件？
3.咱们公司用到的技术栈是什么？
4.如果有幸进入咱们公司，我还需要准备什么？