- 博客(8)
- 收藏
- 关注
RSS订阅原创 微信小程序阻止swiper手动滑动的多种情况
近日在微信小程序开发中遇到需要阻止swiper组件手动滑动的需求，看了一些博文，列举的情景比较单一，这里把我想到的情况分别针对处理一下，如有遗漏，欢迎补充一、同页面只有一个swiper，且swiper-item上没有需要点击的按钮 1.用css控制，在swiper上给个样式pointer-events:none; 使点击无法触发 2.在swiper-item绑定一个事件，catchtouchmove="catchtouchmove"，在事件中return false...
2020-06-09 17:05:26
5256
2
原创 微信小程序实现九宫格抽奖动画
由于工作需求需要在微信小程序实现九宫格抽奖动画，第一反应是想通过定时器setData去切换高亮的奖品，但是频繁setData必定导致小程序卡顿，也可能会出现兼容性问题，其次，定时器setData不方便实现先快后慢的动画效果，于是改用Tween.js动画库实现效果如下：代码：.wxml:<wxs module="handle"> var Tween = { ...
2020-05-06 18:14:20
2101
1
原创 用canvas实现简易的雪花飘落效果
需求： 用canvas实现一个简易的雪花飘落的效果思路： 利用视觉短暂停留的原理，通过requestAnimationFrame() 每秒60次刷新屏幕，每次刷新都改变雪花的位置，从而构成雪花在移动的 错觉上代码！HTML<canvasid="canvas"width="100"height="100"></canvas>JSco...
2020-01-22 16:01:31
838
原创 搭建vue3.x脚手架
继上次写搭建vue2.x脚手架还没过多久，3.x就发布了，怀着心中一万只土拨鼠呐喊着学不动的心情写下这篇博客，简单记录一下vue3.x的脚手架搭建1.https://cli.vuejs.org/zh/guide/installation.html打开vue.js官网可以发现文档已经随着版本的发布更新了，3.x对node的版本也有要求，使用npm或yarn命令安装新包（个人推荐使用yarn，...
2019-05-05 23:24:23
647
原创 关于小程序菜单栏吸顶效果
最近工作遇到关于小程序菜单栏吸顶的需求（例如某页面中间有个tabbar，要求当用户滑动该页面使tabbar到达屏幕顶部时，tabbar吸顶，页面滑动回来使tabbar回到原来的位置） 查了小程序的文档，没找到相关的功能介绍，但是找到了页面滚动监听事件 onPageScroll (e) { } 我们捋一下思路，要实现吸顶，只要获取到页面已经滚动的高度A，以及tabbar...
2018-08-14 17:39:46
7281
4
原创 搭建Vue脚手架，并上传到远程仓库GitHub步骤
一、首先打开vue.js官网，找到“安装”，可以看到几条命令： 第一条“全局安装”只需安装一次，后面的项目就不用装了;“my-project”是自定义的项目名称 敲第二行的时候回出现多个选择到这里打开命令行的地方会创建一个文件test-project，里面就是vue-cli脚手架二、到GitHub上创建一个仓库 打开你的GitHub首页，点击“new repository” 然后跳到一个...
2018-04-20 16:14:14
2178
原创 vue关于父组件传递参数给子组件
一、首先，我们要在父组件中拿到需要传递的值，例如：上面的title type img都是我要传递到子组件的数据，通过路由从地址栏中传过来的二、然后在子组件标签中绑定三、在子组件.vue中接收传过来的参然后就可以直接在dom中引用啦，例如：渲染传过来的图片img :src="img"width="100%"height="1
2018-01-25 17:30:21
3233
原创 Cannot read property 'style' of undefined at HTMLLIElement.lis.(anonymous function).onclick
想做一个点击隐藏li标签的简单案例，但是报错Cannot read property 'style' of undefined at HTMLLIElement.lis.(anonymous function).onclick 一般这种错误都是因为‘style’前面的元素找不到，可以打印一下，发现是undefined，只要将lis[i]替换为this就可以了，this指当前元素
2018-01-24 14:40:34
6852
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人