效果图 实现原理 利用vue的生命周期 钩子函数 来触发变量修改; css的过渡动画属性 .可以参考这里: " transform transition 通过类名实现文字动画过渡" 具体逻辑代码 组件 1 登录 DOM上使用vue的class绑定一个控制变量ifActiveCustomStyle, ...
分类:
Web程序 时间:
2020-05-05 10:57:02
阅读次数:
99
指针作为参数 先明确一下指针的概念,指针存放的是变量的地址。 在函数调用时用指针做参数,表示把变量的地址传递给子函数。但是子函数只能修改指针所指的变量的值,并不能修改指针的指向。 如果想要修改指针的指向,就要用指针的引用(指针的指针也可以,但是这里只谈指针的引用)。 例子 先拿最简单的main函数里 ...
分类:
其他好文 时间:
2020-05-04 17:21:59
阅读次数:
86
什么是闭包 闭包就是能够读取其他函数内部变量的函数, 只有函数内部的子函数才能读取局部变量,所以闭包可以理解成“定义在一个函数内部的函数“。在本质上,闭包是将函数内部和函数外部连接起来的桥梁。 存在的问题 闭包的作用 访问局部变理 使变量的内存不被释放 function display(){ var ...
分类:
编程语言 时间:
2020-05-04 15:18:28
阅读次数:
54
写了vue项目和小程序,发现二者有许多相同之处,在此想总结一下二者的共同点和区别。 一、生命周期 先贴两张生命周期图对比下: vue生命周期 小程序生命周期 相比之下,小程序的钩子函数要简单得多。 vue的钩子函数在跳转新页面时,钩子函数都会触发,但是小程序的钩子函数,页面不同的跳转方式,触发的钩子 ...
分类:
微信 时间:
2020-04-29 18:44:44
阅读次数:
90
可以在模型中钩子函数中获取更新数据并在保存前修改 schema.pre('updateOne', function() { let doc = this.getUpdate(); ratio.process(doc.subtitle); this.set({ updatedAt: new Date( ...
分类:
数据库 时间:
2020-04-29 18:12:18
阅读次数:
68
当你第一次接触vue的时候,一定会使用到其中的几个指令,比如:v-if、v-for、v-bind...这些都是vue为我们写好的,用起来相当的爽。如果有些场景不满足,需要我们自己去自定义,那要怎么办呢?下面来一步步学习如何自定义一个属于我们自己的指令。 vue自定义指令的基础知识 钩子函数 在消息处 ...
分类:
其他好文 时间:
2020-04-29 00:38:41
阅读次数:
90
跨层级的获取组件实例 如果是普通的元素,ref="p"获取的是真实的dom元素,如果是自定义组件,那么获取到的就是这个组件的实例了。 this.$ref.XXXX可以获取当前组件上下文的实例。如果说要获取跨层级的组件的实例?那就很不方便了。 如果要获取父组件的,可以通过parent.refs. 获取 ...
分类:
其他好文 时间:
2020-04-28 20:28:50
阅读次数:
208
本文只是简单的介绍了五种错误处理策略,对于如何更优雅的处理错误,可以翻看我往期的文章。 "go之父谈error" "go 1.13的错误处理" 错误处理策略 1. 传播错误 这意味着函数中某个子程序的失败,会变成该函数的失败。把流程中某个子函数的错误“传播”给主流程函数,并中断。 这样的错误返回也可 ...
分类:
编程语言 时间:
2020-04-27 17:15:58
阅读次数:
59
生命周期的三个状态 mounting : 组件插入到dom updating: 将数据更新到dom unmounting:将组件移除dom 生命周期的钩子函数 ComponentWillMount: 组件将要渲染 ajax ComponentDidMount:组件渲染完毕 添加动画 Componen ...
分类:
其他好文 时间:
2020-04-27 15:36:32
阅读次数:
42
gdb 中step、next与finish的区别 step 就是单步执行,遇到子函数就进入并且继续单步执行;在其他调试其中相当于step into命令,作用是移动到下一个可执行的代码行。如果当前行是一个函数调用,则调试器进入函数并停止在函数体的第一行。step可以帮助初步揭开代码位置的谜团,例如:函 ...
分类:
数据库 时间:
2020-04-27 11:26:13
阅读次数:
97