个人中心 | 微信开放社区

<!DOCTYPE html> <html lang="en">   <head>     <meta charset="UTF-8" />     <meta       name="viewport"       content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover"     />     <title>键盘弹出时会出现伸缩</title>     <style>       #many-items {         background-color: pink;         width: 100%;         height: 100vh;         overflow: auto;       }     </style>   </head>   <body>     <div id="app">       <label>         点我弹出键盘         <input></input>       </label>       <div id="many-items"></div>     </div>     <script>       const container = document.querySelector('#many-items');       const listContainer = document.createElement('ul');       Array.from({length:20000}).forEach((_, i)=>{         const listItem = document.createElement('li');         listItem.textContent = String(i);         listContainer.appendChild(listItem);       });       container.appendChild(listContainer);     </script>   </body> </html> [视频]

在键盘弹出过收起动画结束后，网页上的元素会有一瞬间被拉伸或挤压变形

我正在开发一个微信浏览器的 SPA，现在遇到问题，在键盘弹出过收起动画结束后，网页上的元素会有一瞬间被拉伸或挤压变形，这种情况偶尔才会出现，我有什么办法可以解决吗？留意第三张图片，网页在键盘收起的一瞬间出现了整体的拉伸，这种现象在网页上元素较多的时候更容易出现。 [图片][图片][图片][图片]

01-03

补充一些可能关联的帖子： https://developers.weixin.qq.com/community/develop/doc/000042ae1b474887dfec6621052000https://developers.weixin.qq.com/community/develop/doc/000866cada8ad084b79b1072c51800https://developers.weixin.qq.com/community/develop/doc/000ce6650d0c082bc98a7ba3b5b800

画布多次绘制大图片（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-05

我也出现了这种情况！本来想通过回调“修改参数来控制onpagescroll，避免和其他函数的冲突的，后来发现回调之后还是会触发onpagescroll，现在想到的办法就是用settimeout把修改参数的时间延后400ms。我在想可能是因为scrollTo的动画原因导致的？

pageScrollTo到指定位置时，complete回调后依然触发onPageScroll ？

发现使用pageScrollTo滚动到指定位置时，complete 函数已经调用，但是有时候之后依然会触发 onPageScroll 生命周期函数，并且会向上滚动 1 到 2个像素。

2020-04-20

GitHub账号

选择需要上架的开放服务

案例类型