vue 项目加水印---canvas画图法
摘要:搬运 蛙蛙 大佬的文章(做了写自己的补充) 文章链接:https://segmentfault.com/a/1190000022055867,怕以后找不到了 一:创建watermark.js文件 /** 水印添加方法 */ let setWatermark = (str1, str2) => { l
阅读全文
vue面试题快问快答
摘要:1.vue里watch和计算属性component的区别: 答:component是一个数据受多个数据的影响,watch是一个数据影响多个数据.component默认会去读取缓存里的内容,watch是当监听到数据的变化的时候,才会去执行相应的函数. 2.vue里v-if和v-show的区别: 答:v
阅读全文
VUE自定义指令
摘要:使用方法: 全局自定义指令:Vue.directive( dir_name , {} ) 局部自定义指令:directives{ dir_name : {} } 钩子函数: bind:只调用一次,指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。 inserted:被绑定元素插入父节点时
阅读全文
对$nextTick的理解,及其实现原理
摘要:1.对$nextTick的理解: VUE中数据变化后,是异步更新DOM的,如果想数据变化后,操作dom,这个时候获取到的是没有变化的值 eg: <div class="msg"> {{msg}} </div> mounted(){ this.msg = '我是测试文字' console.log(do
阅读全文
动态绑定class的几种写法
摘要:一. 三元表达式 // isDisabled为true ,就加上disabledclass,否则不加 <div :class="isDisabled ? 'disabled' : '' "> 二. 设置成对象 // visual字段是'111' 加上disabled类名,是'red'加上redBg类
阅读全文
vue2和vue3响应式原理的区别
摘要:vue2是用Object.defineProperty()来实现的,vue3是用proxy来实现的.所以本文主要讲Object.defineProperty和proxy的区别 先来浅浅的了解一下Object.defineProperty() 和Proxy: Object.defineProperty
阅读全文
diff算法
摘要:拜读了林三心老师在掘金上的这篇文章https://juejin.cn/post/6994959998283907102之后的笔记 Diff算法 虚拟DOM 虚拟DOM是一个对象,一个用来表示真实DOM的对象。 虚拟DOM对象中有三个属性 tagName:标签名 props:(对象)属性键值对 chi
阅读全文
vue父子组件生命周期执行顺序 & v-on的常用修饰符 & v-for 中key的作用
摘要:一:vue父子组件生命周期执行顺序 挂载阶段: 父 beforeCreated-->父 created --> 父beforeMounted --> 子beforeCreated-->子 created --> 子beforeMounted --> 子mounted --> 父mounted 更新阶
阅读全文