更新日期: 2018-11-28 阅读次数: 15284 分类: 微信小程序
昨天同事写了个功能，不但页面渲染慢，而且会导致微信小程序闪退（iPhone）。
闪退的原因很大概率是占用的内存或者 CPU 过高被微信强行 kill 掉。
排查过程：
首先确认渲染慢不是因为接口慢造成的。从 Network 可见， 请求 API 只用了两百毫秒，说明接口没有问题。
既然接口没有问题，那就是后续的数据处理逻辑出了问题。这是一个相对复杂的界面，我又懒得去一点一点看别人写的代码。索性找找微信开发工具上是否有自带的性能检测工具。
果然跟 Chrome 一样，都有一个 Audit 标签。
运行了一下
果然实用，问题立马暴露了出来。。。
居然在 for 循环里调用 setData，一分钟调用了近 300 次。。。这不慢才怪。。。
后来发现，这个页面在商品数量多时，异常卡顿。
原来大哥为每个商品都渲染了一堆重复的隐藏弹窗。。。
我是来自山东烟台的一名开发者，有敢兴趣的话题，或者软件开发需求，欢迎加微信 zhongwei 聊聊， 查看更多联系方式
| 生活 | 跑步 清单 足球 鲁班 探索 孤独的美食家 驾驶 电视剧 收纳 奶爸 健康 game 电影 周末 |
|---|---|
| Geek | 健身 Laravel Git Vim MySQL Linux UI Windows SVN 纪录片 管理 Shell 游记 工具 手机 BackboneJS 自建博客 Mac DNS Tornado CDN Django Python AngularJS 理财 前端 Nginx 爬虫 Redis Javascript Browser 浏览器 推广 OAuth CSS PHP Social Networks 安全 运维 创业 杂记 VueJS Android Image IDE Java ReactJS 数据分析 SQLite RESTful 读书笔记 家电 ecshop Vagrant wordpress docker SEO GTD magento mongodb nodejs weex 冷知识 ruby iOS 微信小程序 AI CMS 快应用 backpack 广告联盟 OA 短信 UWP Win CSharp Tampermonkey graphviz 钉钉 WPS 数据字典 微信公众号 Fuchsia Adobe XD SQL Server thinkphp 代码规范 商业模式 Flutter 头痛的问题 serverless 视频制作 国际化 golang 服务器 Kotlin 网站建设 5G 笔记本 图片 spark spring 物联网 InfluxDB 图像识别 postgre rust |
| 成长的烦恼 | 闲言碎语 待产 不睡觉 写作 程序员 孙心然语录 原则 大鸿语录 |
| 地球 | 植物 时间 中文 赚钱 国家地理 烟台 一生伏首拜阳明 emoji 弟子规 英文 国际贸易 |
谈笑风生
夏 （来自: 中国 河北 承德 联通） 5年前
哥 （来自: 中国 山东 泰安 电信） 5年前