2021试题总结

vue的生命周期，

vue的生命周期有哪一些是页面加载前触发的

beforeCreate

created 创建 初始化数据事件

beforeMount

mounted 载入 DOM渲染完成

beforeUpdate

updated 更新

beforeDestroy

destroyed 销毁

第一次页面加载会触发哪几个钩子？~~~~

会触发 下面这几个beforeCreate, created, beforeMount, mounted 。

hash 和history的区别

在vue的路由配置中有mode选项，最直观的区别就是在url中hash 带了一个很丑的 # ，而history是没有#的。vue默认使用hash。

hash     模式切换路由只改变dom，*不会* 向服务器发起请求。

history    切换路由 * 会  *向服务器发起请求，并改变dom。

v-if和v-show的区别

不推荐在同一元素上使用 v-if 和 v-for

什么是同源策略

「protocol（协议）、domain（域名）、port（端口）三者一致。」

cookie是能跨域的么

前端怎么跨域

  CORS是一个W3C标准，全称是"跨域资源共享"（Cross-origin resource sharing）
 对于简单请求，浏览器直接发出CORS请求。具体来说，就是在头信息之中，增加一个Origin字段

vue框架的跨域 WEBBACK 可以设置代理

document.domain + iframe跨域

什么是盒子模型

所有HTML元素可以看作盒子，
普通的盒模型就是 内容(content)+内边距(padding)+边框(border)+外边距(margin).

CSS选择器有哪些

* 1、标签选择器
* 2、类选择器
* 3、id选择器
* 4、子选择器
* 5、包含选择器
* 6、兄弟选择器
* 8、全局选择器
* 9、群选择器
* 10、属性选择器
* 11、伪类选择器
* 
* [] ([type=text]修饰属性为type=text的模块)
* 
* 以，分隔(逗号分隔开需要修饰的模块名)
* 
* 以*开头(星号标在大括号前，修饰了包含body所有的标签)
* 
* 以>隔开父子级元素，(模块名>模块名，修饰>前模块内的子模块)
* 
* 
* 

LINK 和import 有什么区别

* 
* 一：建议使用link，慎用@import
* 从属关系
* 1.1 link：link是HTML提供的标签，不仅可以加载[CSS]还可以定义rel等属性
* 1.2 @import：@import是css提供的语法，只有导入样式表的作用
* 
* 加载顺序
* 2.1  link：link在页面加载时[CSS]同时被加载
* 2.2 @import：引入的[CSS]要等页面加载完毕后再加载
* 
* 3、兼容性区别
* @import是 CSS2.1 才有的语法，故只可在 IE5+ 才能识别；link标签作为 HTML 元素，不存在兼容性问题。
* 
* 4、DOM可控性区别

* 可以通过 JS 操作 DOM ，插入link标签来改变样式；由于 DOM 方法是基于文档的，无法使用@import的方式插入样式。
* 以上就是link和@import的区别有哪些的详细内容。

状态码有哪些

1XX 提示信息 – 表示请求正在处理
2XX 成功 – 表示请求正常处理完毕
3XX 重定向 – 要完成请求必须进行更进一步的处理
4XX 客户端错误 – 请求有语法错误或请求无法实现
5XX 服务器端错误 – 服务器处理请求出错

css 如何实现垂直水平居中

节流和防抖

http缓存

Vue双向绑定原理

输入一个URL到页面展示出来发生了什么

Vue-loop 宏任务和微任务

es 6用过哪些？讲解一下

深拷贝常用方式以及优缺点（JsonStringfy)

数组去重，es6里面数组去重 newSet

重绘和回流 css

有没有做什么过性能优化大致描述一下 从用户体验 代码 webpack等方面去描述

打包体积过大怎么拆解

VueX的实现原理

如何封装一个图片上传组件，若图片上传的时候超过限制大小，任然要上传应该怎么做

组件之间怎么通信

闭包，作用域

数组的方法，字符串的方法

BIND CALL APPLY

多维数组怎么拉成单维数组， flat 了解吗