Vue
ertigers
这个作者很懒,什么都没留下…
展开
-
header添加动效,滑动置顶变透明,下拉吸顶变回原样
灵感来源 昨天无聊看了下大疆的官网,发现他们的网站做的很好看,交互也很棒,头部的header动效交互,宣传语的动态显示,具体效果参考大疆官网h5,于是我打算模仿他做一个动态交互的header。 制作思路 先去vant上选取一个公共头部样式,还有几个swipe轮播图(模仿大疆,并撑起高度方便上下滑动) 有了高度便可以滚动,添加监听事件,当滚到顶部的时候,切换样式 于是我们需要再给头部添加两种不同的样式,三元运算绑定样式,方便来回切换 样式来回切换有些生硬,需要添加动效,增加体验 具体实现步骤 基本的代码原创 2020-08-28 09:47:28 · 891 阅读 · 0 评论 -
Vue数据的双向绑定原理
Vue数据的双向绑定是通过v-model实现的,那么v-model的实现原理是什么呢? 首先我们需要了解Object.getOwnPropertyDescriptor()与Object.defineProperty()的相关知识。 简单用法如下: Object.getOwnPropertyDescriptor(obj, prop)obj是需要查找的目标对象,prop是目标对象内属性名称。 Object.defineProperty(obj, prop, descriptor)obj是要定义属性的对象,pro原创 2020-05-27 15:21:37 · 212 阅读 · 0 评论