随笔分类 - 面试
组件传值
摘要:父传子:通过props传递,父组件定义自定义属性并传入要传的值,子组件通过props接受自定义属性并且使用。 子传父:子组件通过this.$emit触发自定义事件并且传入要传的值,父组件通过自定义事件的回调获取值。 兄弟直接传参:通过bus总线来传递,定义一个bus: import vue from
v-if和v-show的区别
摘要:1.展示形式不同: v-if是创建或者删除一个dom节点 v-show是display:none、block 2.性能比较: 初次加载v-if要比v-show好,因为页面不会一上来就加载盒子 频繁切换v-show要比v-if好,创建和删除的开销大,显示和隐藏开销小
谈谈对keep-alive的理解
摘要:1.是什么:vue系统自带的一个组件,用来缓存组件,可以提高性能。 2.应用场景:一些重复的页面,只需要请求一次接口或者可能会重复请求一个接口的页面。 3.生命周期:第一次进入执行vue的beforecreate,created,beforemount,mounted,actived生命周期。后面再
css修改input标签:focus边框颜色
摘要:css修改input标签:focus边框颜色 input边框使用border修改样式,但是聚焦高亮时修改border 没有效果 使用 outline 即可 .input_border:focus{ outline: 1px solid RoyalBlue; } 或者 .input_border:fo
vue2生命周期
摘要:1.有哪些生命周期: beforeCreate created beforeMount mounted beforeUpdate updated beforeDestroy destroyed 2.一旦进入页面或组件会执行哪些生命周期: beforeCreate created beforeMoun
this指向面试题
摘要:this指向与函数所在的执行上下文有关,指向函数的调用者。在window下调用函数就指向window,在对象终调用函数就指向对应的对象。 一个小习题可以帮助理解 <script> // var num = 10; let num =10//let 定义不会变量提升,不会变成window下的属性,24
Vue 的最大的优势是什么?
摘要:1、Vue.js 可以进行组件化开发,使代码编写量大大减少,读者更加易于理解。 2、Vue.js 最突出的优势在于可以对数据进行双向绑定。 3、使用 Vue.js 编写出来的界面效果本身就是响应式的,这使网页在各种设备上都能 显示出非常好看的效果。 4、相比传统的页面通过超链接实现页面的切换和跳转,
Vue2.0 $set()的正确使用详解,解决数据更新页面不更新问题
摘要:作用:vue2.0 给data对象新增属性,并触发视图更新 受 ES5 的限制,Vue.js 不能检测到对象属性的添加或删除。因为 Vue.js 在初始化实例时将属性转为 getter/setter,所以属性必须在 data 对象上才能让 Vue.js 转换它,才能让它是响应的。 要处理这种情况,我
for of 循环数组如何获得数组的下标
摘要:用for of 循环数组只能获得数组的元素,无法获得数组的下标 想要获得数组的下标需要借助entries()方法 for in 循环的是数组的下标尽量不要用for in 循环数组,用for of 循环
关于JS内存的一些问题栈内存堆内存
摘要:总结一些自己关于JS中内存的一些理解:他们分别是堆(heap),栈(stack),池(一般也会归类为栈中)与队列(queue)。 其中栈存放变量,堆存放复杂对象,池存放常量,所以也叫常量池。 1.栈内存(stack): 栈内存是一种特殊的列表,栈内的元素只能存列表的一端访问,这一端称为栈顶。栈被称为
vue中v-model的实现原理
摘要:v-model就是vue的双向绑定的指令,能将页面上控件输入的值同步更新到相关绑定的data属性,也会在更新data绑定属性时候,更新页面上输入控件的值。 在view层,model层相互需要数据交互,即可使用v-model。 双向数据绑定,数据不仅能从 data 流向页面,还能从页面流向 datav
对象去除指定key
摘要:待处理数据: zz = { x: '15', y: 'acd', z: { y: { x: 2 }, x: [{ y: 'yyy', z: 'zzz' }, 36, { x: 1, y: 1, z2: 3 }], z2: { x: 11, y: 33 }, } } 要求:去除zz对象在所有key为y
面试-闭包
摘要:http://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html,这个阮一峰关于闭包的解答,言简意赅。 闭包作为在面试中经常被问到的问题。引用阮一峰的话来说: 闭包就是能够读取其他函数内部变量的函数。 由于在Javasc
面试-函数内部声明变量
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
面试-深拷贝
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi