2022-05月面试总结

数据类型有哪几种？

基本数据类型：String、Number、Boolean、Undefined、Null、Symbol（符号）

引用数据类型：Array、Object、Function、Data（时间）

基本数据类型和引用类型的区别？

基本数据类型保存在栈中，保存与复制的是值本身

引用数据类型保存在堆中，保存与复制的是指向对象的指针

h5新增的标签有哪些？

header footer aside nav section menu video audio canvas mark code

 html" class="superseo">css选择器有哪些？

id选择器、class选择器、标签选择器、后代选择器、兄弟选择器，相邻兄弟选择器、属性选择器、后代选择器、通配符选择器

 css选择器的优先级？

!import > 行内 > id > class > 标签 > 通配符选择器

 css的单位？

px、em、rem、%、vw、vh、vm(宽和高中取偏小的一个)

 em和rem的区别？

em是相对父元素或者更上一级的fontsize的一个单位

rem是相对根元素的fontsize的单位

 假设一个UI尺寸图是750的，rem应该设置为多少？

一般font-size:100px

 关于对this的理解？

全局函数中this指向windows函数在对象中则this指向该对象在构造函数中，this指向new出来的对象当事件函数绑定在dom元素上，this指向绑定的dom元素在箭头函数中没有this, this的指向和父级作用域中的this是一样的

ES6的新语法？

let、const、箭头函数、模板字符串、解构对象、默认参数、rest参数、class、extend

 axios和ajax的区别？

axios是通过promise实现对ajax技术的一种封装，就像jQuery实现ajax封装一样。
ajax技术实现了网页的局部数据刷新，axios实现了对ajax的封装。

 ajax和axios的优缺点

ajax：
本身是针对MVC的编程,不符合现在前端MVVM的浪潮
基于原生的XHR开发，XHR本身的架构不清晰，已经有了fetch的替代方案
JQuery整个项目太大，单纯使用ajax却要引入整个JQuery非常的不合理（采取个性化打包的方案又不能享受CDN服务
axios：
从 node.js 创建 http 请求
支持 Promise API
客户端支持防止CSRF
提供了一些并发请求的接口（重要，方便了很多的 *** 作）

 vue的生命周期？

BeforeCreate、Created、BeforeMount、Mounted、BeforeUpdate、Updated、BeforeDestory、Destoryed

 在BeforeDestory中发送的请求有返回值吗？

 

 父组件中有子组件时的生命周期是什么样的？

子组件的生命周期要早于父组件的生命周期完成

 vue组件传参的方式？

父传子：props

子传父：$emit、v-on

provide / inject

vuex

ref / $parent / $children

 vuex的api有哪些？

state、getter、mutation、action、moudel

 action和mutation有什么不一样？

mutation是同步的，action是异步的

 mutation中可以使用axios请求数据吗？

不能，因为mutation是同步的，axios是异步的

 vue的指令有哪些？

v-if、v-show、v-for、v-bind（:）、v-on（@）、v-model、v-slot

 v-if和v-show的区别？

v-if是通过判断来插入或者销毁一个元素

v-show是元素已经在页面中，通过css来控制显隐

 key的作用？

v-for循环时给元素添加key可以在数据更新时使vue可以尽可能的实现复用，减少动态元素

key 的作用主要是为了高效的更新虚拟DOM

 箭头函数是否可以直接写在v-on中？

可以

 v-on可不可以绑定多个事件？

可以

nginx有什么用？

1、作为web服务器

2、实现负载均衡

3、反向代理服务器