2021前端面试题总结
1.双向绑定的原理1.实现一个监听器Observer,用来劫持并监听所有属性,如果有变动的,就通知订阅者。2.实现一个订阅者Watcher,可以收到属性的变化通知并执行相应的函数,从而更新视图。3.实现一个解析器Compile,可以扫描和解析每个节点的相关指令,并根据初始化模板数据以及初始化相应的订阅器。2.vuex存储在哪里,vuex存的数据页面刷新之后,存的值还还在吗vuex存储在内存,用于组
1.双向绑定的原理
1.实现一个监听器Observer,用来劫持并监听所有属性,如果有变动的,就通知订阅者。
2.实现一个订阅者Watcher,可以收到属性的变化通知并执行相应的函数,从而更新视图。
3.实现一个解析器Compile,可以扫描和解析每个节点的相关指令,并根据初始化模板数据
以及初始化相应的订阅器。
2.vuex存储在哪里,vuex存的数据页面刷新之后,存的值还还在吗
vuex存储在内存,用于组件中传值,当刷新页面,存储的值丢失
当两个组件共用一个数组时,其中一个变化了希望另一个组件也变化,localstorage做不到。
3.大屏数据怎么做到实时更新
4.路由有哪几种模式,常用的是哪种
history和hash
5.vue页面等元素加载完成之后调用的方法
this.$nextTick(()=>{
this.$refs.wechatBind.reloadWxLogin();
});
6.vue修改数据,给数组对象赋新值用什么
this.$set
7.组件之间的通信
props和$emit
vuex
8.es6新特性
1.let、const
2.展开运算符(用三个连续的点 (…) 表示)是 ES6 中的新概念,使你能够将字面量对象展开为多个元素
3.箭头函数
9.闭包的好处
用处:
1.读取函数内部的变量;
2.这些变量的值始终保持在内存中,不会在外层函数调用后被自动清除。
优点:
1:变量长期驻扎在内存中;
2:避免全局变量的污染;
3:私有成员的存在 ;
10.箭头函数和function区别
1.this指向
使用function定义的函数,this的指向随着调用环境的变化而变化的,
而箭头函数中的this指向是固定不变的,一直指向的是定义函数的环境
2.构造函数
function是可以定义构造函数的,而箭头函数是不行的(不能使用new)。
3.变量提升
function在变量提升中是最高的,箭头函数没有函数提升,所以箭头函数要定义于调用之前
11.路由拦截
beforeeach 没登录的时候访问就跳转登录页,登录了就访问具体页面
token判断有两种方法
1跳转前判断,2个人中心初始化的时候判断。
第一种如果我直接输入url就判断不了。
第二种,我要是没登录就会出现白页。闪一下。然后再跳走。
12.foreach和map的区别
forEach()返回值是undefined,不可以链式调用。
map()返回一个新数组,原数组不会改变。
12.vue声明周期是什么,各个生命周期的作用
13.vue-cli工程都用到了哪些技术,它们的作用分别是什么
14.vue组件中data为什么必须是函数
每一个vue组件都是一个vue实例,通过new Vue()实例化,引用同一个对象,如果data直接是一个对象的话,那么一旦修改其中一个组件的数据,其他组件相同数据就会被改变。
而data是函数的话,每个vue组件的data都因为函数有了自己的作用域,互不干扰。>
15.computed和watch的区别和运用的场景
computed:有缓存
当我们需要进行数值计算,并且依赖与其他数据时,应该使用computed
没有缓存,更多的是‘观察’的作用,类似于某些数据的监听回调,当我们需要在数据变化时执行异步或开销较大的操作时,应使用watch。使用watch选项允许我们执行异步操作,限制我们执行该操作的频率,并在我们得到最终结果前,设置中间状态。这些都是计算属性无法做到的
16.call和apply的区别
共同之处:
改变this指向,都可以用来调用一个对象的一个方法,以另一个对象替换当前对象。
call 传的参数是单个,apply是数组
17.js数组去重
let arr = [1,1,2,3,4,5,5,6,6];
var array = []
for(i=0;i<arr.length;i++){
if(array.indexOf(arr[i]) === -1){
array.push(arr[i])
}
}
console.log(array)
更多推荐
所有评论(0)