avatar
文章
75
标签
0
分类
5
Home
Archives
GitHub
语雀
ahao430 的博客前博客,懒得转移了 返回首页
Home
Archives
GitHub
语雀

前博客,懒得转移了

发表于2021-12-09|更新于2021-12-09
|浏览量:

https://ahao430.github.io/dev/

文章作者: ahao430
文章链接: https://blog.ahao430.site/2021/12/09/%E5%89%8D%E5%8D%9A%E5%AE%A2%EF%BC%8C%E6%87%92%E5%BE%97%E8%BD%AC%E7%A7%BB%E4%BA%86/
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 ahao430 的博客!
上一篇
在less中使用循环和js随机生成样式
最近做一个果树活动,其中有一段金币红包下落的动画是用css写的。批量生成了多个金币和红包元素,起始位置随机。 但是如果手动写一大堆样式代码就太不方便了,记得less可以写循环,又搜了一下less可以用js生成随机变量。于是实现如下: 批量生成红包和元素123456789101112131415161718<div class="tree-box"> <img :class="['tree-head', { shake: treeShake }]" src="@/assets/imgtree-head.png" /> <img class="tree-body" src="@/assets/img/tree-body.png" /> <div :class="['coins', { up: coinUp, down: c...
下一篇
【小程序】支付宝小程序sjs事件及拖拽组件开发
**背景:**之前做小程序浮标时尝试做过拖拽效果,但是跟自带原生客服、调试等组件的体验相差甚远。发现sjs文档中有事件响应,尝试用sjs事件开发拖拽组件,真机效果完美(模拟器还是有穿透效果)。 js开发拖拽组件 之前用js开发拖拽组件,实际上是在组件的data中设置位置数据,监听onTouchStart、onTouchMove、onTouchEnd事件,实时修改data中的数据,触发axml中的相关渲染。 在js的touch事件中,我们可以获得事件对应的touches坐标,以及元素本身。在touchstart获得初始touch点坐标并记录,在touchmove中获得当前touch点的坐标,计算与初始位置的偏差,就得到了移动的距离。通过这个距离,我们可以更新组件的定位信息,或者给组件设置transform。 但是要注意,下一次拖拽的时候,组件的初始定位或者transform已经发生了变化。因此,需要记录上一次的改动,或者初始时重新获取。 js实现拖拽主要存在几个问题: - 滑动会穿透到页面,拖拽浮标的时候,页面也会跟着动。给容器加catchtoumove还是...

评论
avatar
ahao430
个人技术博客
文章
75
标签
0
分类
5
GitHub
公告
记录技术学习与踩坑经验
最新文章
【开源-浏览器AI侧边栏插件】2026-06-28
【开源】cc-touchbar2026-06-28
从语雀到GitHub-Pages-自动同步部署博客全流程2026-06-28
中转站大模型使用教程2026-06-28
在手机端继续电脑的claude code会话2026-06-28
© 2020 - 2026 By ahao430框架 Hexo 8.1.2|主题 Butterfly 5.5.5