- 在键盘弹出过收起动画结束后,网页上的元素会有一瞬间被拉伸或挤压变形
我正在开发一个微信浏览器的 SPA,现在遇到问题,在键盘弹出过收起动画结束后,网页上的元素会有一瞬间被拉伸或挤压变形,这种情况偶尔才会出现,我有什么办法可以解决吗? 留意第三张图片,网页在键盘收起的一瞬间出现了整体的拉伸,这种现象在网页上元素较多的时候更容易出现。 [图片][图片][图片][图片]
2023-12-06 - 画布多次绘制大图片(300kb)并调用 toDataURL 导致内存不足,可能存在内存泄漏?
如题,在画布上绘制图片后通过 `toDataURL` 导出 base64 字符串,多次操作后会导致内存不足,闪退。 以我的手机为例: 型号: iPhone 12 mini,iOS 16.2 操作1: 关闭‘使用缓存的离屏画布树’开关打开‘绘制大图片’开关点击‘添加绘图器’按钮多次(30次以上)小程序闪退提示内存不足或者微信闪退操作2: 打开‘使用缓存的离屏画布树’开关打开‘绘制大图片’开关点击‘添加绘图器’按钮多次(30次以上)小程序闪退提示内存不足或者微信闪退操作3: 打开‘使用缓存的离屏画布树’开关打开‘绘制大图片’开关点击‘添加绘图器’按钮多次(10次以上)点击‘绘制器重绘'按钮多次,使‘绘制次数’超过30次小程序闪退提示内存不足或者微信闪退操作4: 打开‘使用缓存的离屏画布树’开关关闭‘绘制大图片’开关点击‘要插入的绘图器数’,输入‘100’点击‘添加绘图器’按钮2次,使‘绘图器数量’为200点击‘绘制器重绘'按钮多次,使‘绘制次数’超过2000次小程序依旧正常[图片][图片] 以上的几个操作主要控制的变量为‘离屏画布的数量’和‘绘制图片的大小’,可以发现当离屏画布增多或者绘制图片大(320kb)时,程序在有限的绘制次数后就会崩溃。而绘制图片相对小(90kb)时,即使绘制次数达到2000也不会出现崩溃。 个人认为值得怀疑的目标是 `offscreenCanvas.toDataURL` 、 `offscreenCanvas.createImage`、`offscreenCanvas.drawImage`,似乎这两个方法返回的对象都没有及时被 GC。 如果这确实是一个 Bug 但短期无法修复的话,有没有任何方法可能手动回这些内存呢?
2023-02-04 - CSS: text-decoration 简写样式不生效,但普通样式能生效
参数给 <text> 元素添加下划线样式,发现使用简写属性无法生效,而分开写普通属性能够生效。 无法生效: <text style="text-decoration: underline 6rpx #000;">hello</text> 拆开写能够生效: <text style=" text-decoration-line: underline; text-decoration-thickness: 6rpx; text-decoration-color: #000; " >hello</text>
2022-06-02 - 绝对定位样式不受父级的弹性盒子控制(仅iphone上)
// .wxml <view class="flexBox"> <text class="absolute">文字<text> </view> // .wxss .flexBox{ display:flex; flex-direction:row; align-items:center; } .absolute{ position:absolute; right:30rpx; } 如果像上面这样写的话,目标是想让 “文字” 靠右侧垂直居中(在盒子内),这在 安卓和模拟器上都可以正常显示,但是在 IOS 上绝对定位的元素就不受弹性盒子的居中控制了。所以,“文字”会正常靠右显示,但是会顶贴者盒子的顶端。最后不得已我只好换 相对定位来写。
2017-06-07