溪客(编程代码) 溪客(编程代码)

  • 今天是2025年05月21日 Wednesday
  • 首页
  • 知识
  • 网址
  • AI助手

微信小程序 MiniProgram

首页 / 知识 / 微信小程序 MiniProgram
  • 基础
    • 开始使用
    • 组件Component
    • 样式共享与隔离
    • async/await
    • 事件推送
    • 下拉刷新
    • 分享到朋友圈
  • 资源汇总
    • 工具
    • 插件
    • 组件
    • Demo
  • 图片
    • Canvas DrawImage变形问题
    • image 的一些实践
    • 组件 gif-mock
    • 长按识别二维码
    • rich-text图片100%
  • 布局参考
    • icon
    • image
    • 带人民币符号的金额
    • 左中右
    • 上中下
  • 组件参考
    • 活动规则弹出框
  • 错误处理
    • webviewScriptError
    • 地图导致CPU100%
  • CookBook
    • 禁用转发给朋友及复制链接
    • 打开其他小程序
    • 企业微信-联系我
    • barrage弹幕
    • 去除navigator与button点击时的灰色方框背景
    • 滚动穿透处理
    • 短信-链接跳转
    • 左上角房子点击传参
    • 用户引导-聚光灯
    • 2111隐私条款调整修改
    • 数字大小判定
    • 真假猕猴
    • 用户隐私协议
  • 第三方工具
    • 类库 wxtools

起因

今天在page页面上使用map组件,出现显示卡顿的情况,后来发现cpu占用过高

经过多次尝试,即使只是增加<map></map>,并且整个页面只有map一个组件,也会导致cpu占用过高

后来打开一个老项目,却并没有这种卡顿的情况

无意中发现其调试库的版本为 2.10.4,尝试调整新项目的版本库,结果情况好转。

后来再往上调整,到2.11.3不会卡顿,再往上就卡

原因

从2.11版开始,地图使用了webgl进行渲染

解决

  • 方式1:将调试库的版本降低为2.10
  • 方式2:买个显卡


© 2022 - 溪客(编程代码) - 粤ICP备10217501号 Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)