1.四种样式的优先级(高到低) ：

行内样式，内嵌样式，链接样式，导入样式

2.vue2和vue3的区别？
生命周期不一样 vue2的生命周期 beforeCreate created beforeMount mounted beforeUpdate update  beforeDestory destoryed  vue3的生命周期  setup setup  onBeforeMount  onMounted  onBeforeUpdate  onUpdated  onBeforeUnmount onUnmounted

3.ref的作用？
1.使用ref获取页面DOM元素
2.使用 ref获取子组件对象

4.闭包的理解？
闭包就是指有权访问另一个函数作用域中的变量的函数
闭包是一种特殊的对象. 它由两部分构成:函数以及创建该函数的环境,环境由闭包创建时在作用域中的任何局部变量组成 
优点:是可以避免变量的污染
缺点:是闭包会常驻内存，会增大内存使用量，使用不当很容易造成内存泄露。

5.原型链的理解？
JavaScript万物都是对象，对象和对象之间也有关系，并不是孤立存在的。对象之间的继承关系，在JavaScript中是通过prototype对象指向父类对象，直到指向Object对象为止，这样就形成了一个原型指向的链条称之为原型链
举例
      Student → Person → Object 学生继承人类，人类继承对象类

6.什么是事件冒泡？
事件冒泡就是指父元素和子元素有相同的事件，当触发子元素事件时，会向上冒泡，同时也会触发父元素事件

7.img标签的title和alt有什么区别？
title是共有属性 鼠标悬浮到元素上的时候显示相应提示
alt是<img>的特有属性 用于图片无法加载时显示 读屏器

8.Javascript基本数据和引用类型有哪些？
JavaScript 中共有 6 种基本数据类型：Undefined、Null、Boolean、Number、String、Symbol 
引用类型了，统称为 Object 类型:Object 类型、Array 类型、Date 类型、RegExp 类型、Function 类型

9.async与await的作用是什么？
async 是“异步”的简写， async 用于申明一个异步的 function
await 可以认为是 async wait 的简写，await 用于等待一个异步方法执行完成。

10.CSS中Z-index的作用是？
z-index属性指定元素的堆栈顺序（通过z-index的值可以决定哪个元素应放置在其他元素的前面或后面）。

11.CSS伪类的作用是什么？
link用在为访问的连接上。
visited用在已经访问过的连接上。
hover用于鼠标光标置于其上的连接。
active用于获得焦点(比如，被点击)的链接上

12.简述几个CSS预处理器
Sass LessCss Stylus

13.登录授权返回的token一般存在哪里
token存放在localStorage cookie sessionStorage

14.css的行级元素和块级元素有啥区别?
行内元素：a img span b strong input select section 
块级元素：div p table ul lo li h1-h6 dl dt 
块级元素：块级元素会独占一行，默认情况下宽度自动填满其父元素宽度。
行内元素：行内元素不会独占一行，相邻的行内元素会排在同一行。其宽度随内容的变化而变化。
块级元素：块级元素可以设置宽高。
行内元素：行内元素不可以设置宽高。
块级元素：块级元素可以设置margin，padding。
行内元素：行内元素水平方向的margin和padding如margin-left、padding-right可以产生边距效果。