Web前端面试题及答案
问题:vue中怎么重置data?
解析:Object.assign() Object.assign方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。
var o1 = { a: 1 };
var o2 = { b: 2 };
var o3 = { c: 3 };
var obj = Object.assign(o1, o2, o3);
console.log(obj); // { a: 1, b: 2, c: 3 }
console.log(o1); // { a: 1, b: 2, c: 3 }, 注意目标对象自身也会改变。
注意:具有相同属性的对象,同名属性,后边的会覆盖前边的。
由于Object.assign()有上述特性,所以我们在Vue中可以这样使用:
Vue组件可能会有这样的需求:在某种情况下,需要重置Vue组件的data数据。此时,我们可以通过this.获取当前状态下的,通过options.data()获取该组件初始状态下的data。
然后只要使用Object.assign(this.options.data())就可以将当前状态的data重置为初始状态。
问题:怎么解决vue动态设置img的src不生效的问题?
解析:<img class="logo" :src="logo" alt="公司logo">
data() {
return {
logo:require("././assets/images/logo.png"),
};
}
//因为动态添加src被当作静态资源处理了,没有进行编译,所以要加上require
为什么利用多个域名来提供网站资源会更有效?
突破浏览器的并发限制(浏览器同一域名最大的并发请求数量为6个,ie6为2个) 节约cookie带宽 CDN缓存更方便 防止不必要的安全问题(尤其是cookie的隔离尤为重要) 节约主机域名连接数,优化页面响应速度。