Vue面试题整理1

image.png

Vue:

来自 https://zhuanlan.zhihu.com/p/92407628

如何获取Dom
Vue指令和用法
v-model,v-if,v-show,v-on,v-once，v-for
computed和watch使用场景
Vue常用修饰符
事件修饰符：
.stop .prevent .capture .self .once .passive
按键修饰符：
.enter .tab .delete (捕获“删除”和“退格”键)
.esc .space
.up .down .left .right
系统修饰键：
.ctrl .alt .shift .meta
自定义事件
.sync 双向绑定
.native原生事件
Vue中双向绑定是如何实现的
数据劫持 defineProperty
Vue更新数组时能触发视图更新的几个方法
:push()；pop()；shift()；unshift()；splice()； sort()；reverse()
插槽的使用和介绍 sclope 作用域传递
默认插槽：
具名插槽：slot name='footer'

作用域插槽：v-slot===slot-scope

默认插槽的数据传递：
v-slot:default='slotProps'
或者
v-slot="slotProps"

具名插槽的数据传递：

v-slot:footer="slotProps"

解构插槽：

v-slot="{user:person}"

具名插槽的缩写：

v-slot:default===#default

Vue全局API和使用
$nextick,set,delete,observable

Css:
flex布局
flex是哪些属性的简写
如何实现水平垂直居中
grid布局
css盒模型
content-box(标准),border-box（IE）
如何获取元素的宽高
dom.style
dom.getComputedStyle()
dom.getBoundingRect()
BFC如何理解？
可以清楚浮动，计算高度的时候
如何创建BFC
float:none;overflow:hidden

JS
如何获取某网站使用标签排名前三的元素
ES6的新特性
原型链的理解
instanceOf和typeOf的区别
如何判断数据的类型 Object.prototype.toString.call
创建一个对象有几种方法 {}，object.create()
call和apply的区别
节流、防抖的使用场景