小程序
文章平均质量分 64
小程序的一些小技巧。
TandK
这个作者很懒,什么都没留下…
展开
-
小程序上滑下滑效果
首先上视频 ,csdn上传视频还要上传到腾讯视频或者B站才能发,太捞了,视频之前录好了,弄成gif图将就看吧。就像图里展示的那样,我要的是这种效果,滑动一下就进入下个页面,而不是划一下就动一点点。H5营销页面倒是很经常能看到这种效果。本人前端菜鸡,百度了好久,都是什么touchstart和touchend,还有轮播图的实现效果。但是我之前用过touchstart和touchend,感觉其实体验很不好。在我的手机上能体现出明细的卡顿效果,有的时候还不生效,可能是在提醒我可以换手机了。轮播图的原创 2022-01-24 20:53:29 · 4381 阅读 · 3 评论 -
小程序轮播 滑动的时候另一个轮播图也跟着动
好久没碰前端了,写个轮播都废了我这么大功夫。最近闲着没事写一写小程序,有个要实现的功能是这样的:如图,上面的色块是个轮播,下面的也是轮播。滑动上面的轮播,下面的也跟着动,滑动下面的,上面也跟着动。什么,你说哪个傻子会做这种功能?我啊。其实做出来的效果还挺不错的,就看你往轮播里面放什么内容。我做出来的效果是下面这样的:当然你也可以自己体验一下效果:还挺不错的吧,快夸夸我。但是真的好久没写前端了呀,这点功能都让我写了好久。还本来就菜。话不多说,上点正菜吧。思路及实现方式原创 2021-12-14 21:46:44 · 3313 阅读 · 8 评论 -
js中var、let、const的区别
ES6是JavaScript目前最新的一种语法标准。var是js中定义变量的方式。不过ES6提出了let和const两种新的定义变量的方式。接下来说一下这两种新的方式let和const,与var的区别,以及使用时机。const我们用const定义常量。被定义的常量无法再更改。它与var的区别是这样子的,我们用var的时候:// 这样不会报错var PI = Math.PI;PI = 100;运行结果如图:如果我们用let:// 把var换成const,这样就会报错const原创 2021-02-01 19:10:39 · 165 阅读 · 0 评论 -
小程序 如何自定义一个好看的tabbar
https://mp.weixin.qq.com/s/hpgbaoAbaCK7wsw9_1muZw原创 2020-12-07 21:00:04 · 389 阅读 · 0 评论 -
小程序触发刷新页面的方法
小程序不存在刷新页面的方法通常来说,我们刷新页面是因为数据有更新,因此要在数据更新后调用刷新页面的方法,来让用户看到新的数据。比如说我现在从购物车里删除了一件商品,我们要让用户看到删除的商品不见了,这个时候就要刷新数据。我看到网上有人说重新调用onLoad()或者onShow()方法,那是页面加载时会执行的方法,调用这两个函数也确实会刷新页面,但这是没必要的,甚至因为要重新加载整个页面会变得卡慢,我试过。可以使用this.setData({}),直接给需要修改的数据赋予新的值,这部分数据就被刷新了,原创 2020-11-30 20:08:17 · 4033 阅读 · 0 评论 -
小程序动画效果 -- 自下往上弹起
看看效果先。滑动后下面的颜色块是截图软件的锅,真机和电脑上都没事的,可放心食用。代码和思路都比较简单。先说思路大概的思路是这样的,先把要弹起来的内容放在屏幕下面,这个用transform: translateY(400%);可以做到,同样在view的样式里声明动画效果transition: all 1s ease;。然后点击触发事件以后给这个view一个新的class名,这个class里要用transform: translateY(0);这样它就弹回原位了。transform: transl原创 2020-11-17 17:05:05 · 1783 阅读 · 1 评论