- 博客(6)
- 收藏
- 关注
原创 JS基础总结
js的基础类型:String,Null,Undefined,Boolean,Number,Symbol(新增),和复杂类型Object。用typeof检测数据类型。代表空、否定的值会被转换为 false ,如 ‘’、0、NaN、null、undefined。console.log(Boolean('')); // falseconsole.log(Boolean(0)); // falseconsole.log(Boolean(NaN)); // falseconsole.log(Boole.
2020-09-30 17:41:39
138
原创 header添加动效,滑动置顶变透明,下拉吸顶变回原样
灵感来源昨天无聊看了下大疆的官网,发现他们的网站做的很好看,交互也很棒,头部的header动效交互,宣传语的动态显示,具体效果参考大疆官网h5,于是我打算模仿他做一个动态交互的header。制作思路先去vant上选取一个公共头部样式,还有几个swipe轮播图(模仿大疆,并撑起高度方便上下滑动)有了高度便可以滚动,添加监听事件,当滚到顶部的时候,切换样式于是我们需要再给头部添加两种不同的样式,三元运算绑定样式,方便来回切换样式来回切换有些生硬,需要添加动效,增加体验具体实现步骤基本的代码
2020-08-28 09:47:28
1001
原创 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
234
原创 微信小程序开发 项目经验总结03
微信小程序的APP.JSApp({ onLaunch: function () { var logs = wx.getStorageSync('logs') || [] logs.unshift(Date.now()) wx.setStorageSync('logs', logs) // 登录 wx.login({ success: r...
2019-08-02 19:53:43
3447
原创 微信小程序开发 项目经验总结01
微信小程序开发 实用知识点margin用来控制按钮的位置。padding作用于文字在容器里的位置。相当于空格。(1)padding-left:10px; /margin-left:10px; 左内/外边距(2)padding-right:10px; /margin-right:10px; 右内/外边距(3)padding-top:10px;...
2019-07-29 17:06:41
3306
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人