- 博客(6)
- 收藏
- 关注
RSS订阅原创 JS判断手机是否为横竖屏
window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", function() { if (window.orientation === 180 || window.orientation === 0) { // alert('竖屏状态！'); } if (window.orientation === 90 || window.orientation === -90
2020-05-14 10:51:45
281
原创 微信小程序导航框使用扫一扫功能
项目中有需求在导航框中使用微信扫一扫功能，特此记录一下。 与页面点击按钮调取扫一扫不同，如果是页面按钮 的话，每次点击可以每次调用，但是在导航栏里就需要有其他的方法。 //首先我们在data里定义一个变量 data: { on: true }, //紧接着我们在onShow里边定义 //这里我们不能定义到onLoad里，否则只能加载一次。 onShow: function () { console.log('onShow') var that = this if
2020-05-14 09:12:51
1827
4
原创 微信小程序两个按钮选中状态的切换
记录一下再微信小程序当中如遇到两个按钮需要进行状态切换时所需的场景。 下面上代码： <view class="yue-view"> <image src="../../images/yue.png" class="yue"></image> <text>余额卡</text> <image src="{{cu...
2020-05-05 18:03:47
3087
1
原创 Vue 点击元素滑动到指定元素
Vue 点击元素滑动到指定元素 工作中遇到一个选择答题卡跳转到指定题号的功能，用了a标签的锚点链接，效果没有页面滑动效果好，特此记录一下。 <template> <div class="index"> // 这里注意你需要在你需要跳转的元素上指定一个元素class名字 <div class="item" :class="'quesshow' + in...
2020-04-16 10:21:52
2260
1
原创 Vue 正计时器组件
Vue 计时器组件 工作中遇到了一个时间正计时的功能。 另外涉及到有Vue父组件调用子组件中的data和method,作为记录。 下面贴代码~ HTML部分 <template> <div class="timer"> <div ref="startTimer">00:00:00</div> </div> ...
2020-04-14 10:26:49
3798
原创 使用css排版推特上的星星爆炸效果。
hover效果实现。 我们先贴上雪碧图 此次效果利用到css的steps（）方法， 那steps（）是什么呢。 steps（）阶跃函数，是transition-timing-function和animation-timing-function两个属性的属性值，他是表示两个关键帧之间的动画效果，默认是ease。 steps（）有两个参数：参数一是把这次过渡分成几段，这几段其实是在时间上分为几段去显...
2020-01-10 15:47:01
698
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人