摘要: 在前面的博客我们一直在操作单个元素的过渡,如果是对多个元素过渡,例如列表,这时就要用到<transition-group>这个组件了; 如何使用:将要操作的列表元素放在<transition-group></transition-group>内,其他与<transition>基本一致; 注意:在<t 阅读全文
posted @ 2019-04-20 13:34 perfect* 阅读(800) 评论(0) 推荐(0)
摘要: 进入/离开过渡效果:Vue在插入、更新或移除DOM时,可以设置一些动画效果; 如何使用过渡效果:利用<transition></transition>组件将需要应用的过渡效果的DOM对象包裹住,然后书写对应的样式; 过渡的类名:过渡效果的样式是类样式,在进入/离开的过渡中有6个类样式的切换,分别是: 阅读全文
posted @ 2019-04-20 12:54 perfect* 阅读(1658) 评论(0) 推荐(0)
摘要: 自定义指令 钩子函数 自定义指令 除了内置指令,Vue也允许用户自定义指令; 注册指令:通过全局API Vue.directive可以注册自定义指令; 自定义指令的钩子函数: bind; inserted; update; componentUpdated; unbind; 自定义指令的使用:在自定 阅读全文
posted @ 2019-04-20 11:24 perfect* 阅读(302) 评论(0) 推荐(0)
摘要: 在上一篇博客中我们知道生命周期的方法: 生命周期: vm.$mount:手动挂载Vue实例; vm.$destroy:销毁Vue实例,清理数据绑定,移除事件监听; vm.$nextTick:将方法中的回调函数,延迟到DOM更新后; 需要进行手动的挂载实例: 在vue中加入: 或者: vm.$dest 阅读全文
posted @ 2019-04-20 09:39 perfect* 阅读(261) 评论(0) 推荐(0)
$(function() { $('#cnblogs_post_body img').each(function() { let imgSrc = $(this).attr('src'); let year = parseInt(imgSrc.substr(imgSrc.indexOf('g')+1,4)); if(year >= 2022){ imgSrc += `?watermark/2/text/amlndWl5YW4=/font/5a6L5L2T/fontsize/15/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast`; $(this).attr('src', imgSrc) } }) })