个人案例
- miaoui
miao, miao 的UI
miaoui扫码体验
- wAnimate
一套简化skyline worklet动画开发的动画库
wAnimate扫码体验
- 气氛高手计时器小工具
倒计时工具,秒表工具,组倒计时,组秒表
嘟嘟倒计时扫码体验
- scroll-view横向在PC端(osx)不能拖动,但能滚动?
scroll-view横向滚动,基础库版本3.5.8,在PC端(OSX)不能够拖动,但可以使用鼠标滚动
10-06 - worklet的动画translateZ是不是无效?
translate3d动画,或者使用translateZ效果很怪,可以说没有效果,下例中预期元素应该会下陷至背景中有透视效果,实际效果是元素跳起来并依然保持原始大小,没有透视效果 const rotateX = shared(0) const y = shared(0) const z = shared(0) const originV1 = shared('50%') const originV2 = shared('0') this.applyAnimatedStyle('.ele', ()=>{ "worklet" return { transformOrigin: `${originV1.value} ${originV2.value}` transform: `translate3d(0, ${y.value}px, ${z.value}px) rotateX(${rotateX.value})` } ... rotateX.value = timing(180) y.value = timing(-100) z.value = timing(-260) originV1.value = timing('50%') originV2.value = timing('100%') })
09-09 - shared注册变量后如何销毁?
想实现下例效果,要如何销毁创建的 y 值 const x = shared(0) const y = shared(0) this.applyAnimatedStyle('.ele', ()=>{ "worklet" let returnObj = {} if (x && y) { returnObj = { translateX: `${x.value}px`, translateY: `${y.value}px` } } if (x && !y) { returnObj = { translateX: `${x.value}px` } } return returnObj }) const left = ()=>{ x.value = 50 y.value = 100 }
09-09 - 开发工具wxml不生成结构?
mac平台 [图片] [图片]
2020-03-28 - backdrop-filter渲染的问题?
在wxss中设置样式后,backdrop-filter效果只覆盖了左下角,如图: [图片] 开发工具如下: [图片] 代码片段: https://developers.weixin.qq.com/s/oM32Mmmb7l8S
2020-03-05 - 数据更改后,模板样式丢失问题?
[图片] [代码]<[代码][代码]view[代码] [代码]id[代码][代码]=[代码][代码]"{{list.id||id}}"[代码] [代码]class[代码][代码]=[代码][代码]"hlist {{list.listClass||list.class}}"[代码] [代码]>[代码][代码] [代码][代码]<[代码][代码]block[代码] [代码]wx:if[代码][代码]=[代码][代码]"{{util.isArray(list.data)}}"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]block[代码] [代码]wx:for[代码][代码]=[代码][代码]"{{list.data}}"[代码] [代码]wx:key[代码][代码]=[代码][代码]"__key"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]template[代码] [代码]is[代码][代码]=[代码][代码]"itemContent"[代码] [代码]data[代码][代码]=[代码][代码]"{{item, type: list.type}}"[代码] [代码]/>[代码][代码] [代码][代码]</[代码][代码]block[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]block[代码][代码]>[代码][代码] [代码][代码]<!-- <template is="listContent" data="{{collects: list.data, list}}" /> -->[代码][代码] [代码][代码]</[代码][代码]view[代码][代码]>[代码] 自己封装的列表组件,会触发修改样式及内容 确定listClass一定有值'width: 100%;',给view加上wx:if="{{list.listClass}}" 后,模板正常 列表子元素样式正常,确定是类'list-normal'的子元素样式 数据正常 更新方法为 [代码]that.setData({ [代码][代码] [代码][代码]'list.listClass'[代码][代码]: [代码][代码]'list-normal'[代码][代码],[代码][代码] [代码][代码]'list.data'[代码][代码]: [...] [代码][代码]})[代码] 问题表现:列表容器的样式类list-normal,在开发者工具中看上去丢失了,导致容器样式无效,但子元素有效
2019-12-15 - npm构建不能深度构建
[图片] entities包是htmlparser2的依赖包,内部引用代码如下 [代码]require([代码][代码]'entitiles/.....'[代码][代码])[代码] npm构建后会出现上述如图错误
2019-11-23 - 怎么能够把上传的Png转换成jpg格式?
手机照片上传,通过canvas.draw(),缩放至(w: 300px, h: 400px左右),上传到云服务的存储,原本长传的为png格式的图片,处理后云上图片为200k左右的png图片(太大),下载下来转成jpg只有20k左右。 要怎么才能够在上传时将png图片转换成jpg格式?
2019-09-30 - 云服务存储空间的图片可以修改吗?
手机拍照上图,用canvas缩放至300*400px左右的宽高,上传后在云服务后台可以看到图片确实是裁剪过的,但图片大小为200k~300k左右,明显偏大,我下载下来用ps随便存一下就只有20k~30k左右。 所以咧,想直接修改云服务存储中的图片,但保留原文件名及etag等参数,可以吗?
2019-09-30 - 个人云服务都是有有效期的吗?
之前没怎么留意,今天注意到个人小程序的云空间都是有有效期的,有效期过后是什么个情况?
2019-09-29