ertigers的博客

灵感来源昨天无聊看了下大疆的官网，发现他们的网站做的很好看，交互也很棒，头部的header动效交互，宣传语的动态显示，具体效果参考大疆官网h5，于是我打算模仿他做一个动态交互的header。制作思路先去vant上选取一个公共头部样式，还有几个swipe轮播图（模仿大疆，并撑起高度方便上下滑动）有了高度便可以滚动，添加监听事件，当滚到顶部的时候，切换样式于是我们需要再给头部添加两种不同的样式，三元运算绑定样式，方便来回切换样式来回切换有些生硬，需要添加动效，增加体验具体实现步骤基本的代码

Vue数据的双向绑定是通过v-model实现的，那么v-model的实现原理是什么呢？首先我们需要了解Object.getOwnPropertyDescriptor()与Object.defineProperty()的相关知识。简单用法如下：Object.getOwnPropertyDescriptor(obj, prop)obj是需要查找的目标对象，prop是目标对象内属性名称。Object.defineProperty(obj, prop, descriptor)obj是要定义属性的对象，pro