起因

因为要做一个画画板的功能，所以使用了canvas组件，一开始好多人说小程序canvas性能特别差，也没太注意，做出来之后确实有点卡，而且每一笔touchmove时间越长越卡，最终导致页面卡到无法使用。

开始找原因

第一步肯定是先找一下canvas的问题，网上搜到一些材料优化canvas的思路，无非就是以下几种，详细的可以参考我的另一个文章

绘制的图形的数量和大小会影响canvas的性能，减少绘制物，减少绘制指令
图形数量过多，但是只刷新部分可以使用局部渲染
逻辑层和背景图层分离可以使用分层渲染
某些长时间的逻辑影响主线程的，可以使用离屏渲染和webworker 来解决问题

这里做了两个优化：

禁用滚动，一开始一直卡的不行，后来查资料发现滚动跟touchmove事件有冲突，禁用之后好了许多
将ctx.stroke()指令放到定时器中执行，每50ms执行一次，这样就是一个固定频率执行，不会因为频繁触发touchmove导致ctx.stroke()一秒钟执行几百几千次

经过处理，这些已经好了很多，但是当绘画事件变长时还是会变得越来越卡，直到最后卡的，动不了，延迟十几秒那种，所以继续找问题

“双标”换卡背后，银行还需多些... 新华社记者颜之宏、杨深深持到期银行卡和身份证去银行网点换新卡，却被要求“必须交回旧卡才能取新卡”...

“离境退税2.0”带动“中国购... 【环球时报综合报道】编者的话：5月18日，商务部等6部门联合发布《关于加力优化离境退税措施扩大入境消...

一年烧掉2000亿、市值蒸发3... 商业润点｜Biz Run Review 三国归晋，用了六十年。即时零售的"三国杀"，才刚刚开局...

原创金... 2026年5月22日，国内黄金市场呈现出令人咋舌的价格鸿沟。基础金价徘徊在每克995.3元，而回收价...

原创人... SpaceX的星舰V3终于在全球瞩目中成功升空。北京时间5月23日清晨，这颗高达124米的巨型火箭顺...

原创被... 5月19日，欧洲议会掀起了一场引人注目的风暴，以压倒性的票数通过了最新的钢铁进口规定。这套规则...

光纤量价齐升，烽火通信加快布局... 烽火通信(600498)5月22日披露的投资者关系活动记录表显示，公司于5月21日参加了中国信息通信...

原创突... 今天5月24日一大早，打开行情一看，国际现货黄金报4508.25美元/盎司，单日跌了26.68美元，...

企业快讯 | 携手联通！狄耐克... 狄耐克厦门总商会副会长企业厦门狄耐克智能科技股份有限公司与中国联通厦门分公司将5G智慧“嵌入...

美银策略师警告：SpaceX与... 环球网据彭博社报道，美国银行首席投资策略师迈克尔·哈特奈特（Michael Hartnett）最新...

卸任55天后，知名基金经理任相... 【导读】卸任55天后，知名基金经理任相栋“奔私”谜底揭晓见习记者闫军知名基金经理任相栋“奔私”...

原创大... “免签+手机刷一切”就能让老外连夜订机票？2026年一季度，阿根廷人来华暴涨九倍，北京三源里菜市场三...

从泰山顶峰掉落！“大佬背后的大... 文/刘工昌他曾是柳传志的“大哥”，助力联想完成混合所有制改革；是史玉柱眼中的“贵人”，帮他东山再起...

原创 2... 最近网上流传出一份2030年GDP10强预测榜单，其中一些城市位次的变化也挺有趣的。上海排在第一，深...

原创全... 2026年3月的全球美债市场迎来剧烈变动，彻底打破了长期稳定的持仓格局。根据美国财政部发布的国际资...

全球都在给这几只“疯牛”烧钱近段时间，AI行情再次成为全球资本市场主线，但舞台中央的“主角”发生了变化：投资者不再只偏好云厂商和...

【财闻联播】“硬刚监管”？老虎... ★ 宏观动态 ★ 商务部：1—4月全国吸收外资2876.9亿元人民币据商务部网站，2026年1—4...

燕京啤酒营收净利双增：U8增速... 蓝鲸新闻5月22日讯（记者朱欣悦）燕京啤酒（000729.SZ）打了一个翻身仗。 2025年燕京啤...

原创帮... 老铁们，这周有个事儿挺有意思，估计不少基民都看懵了：都说科技是主线，芯片是未来，可数据显示，年内火爆...

4家银行AIC现身存储巨头股东... 近日，资本市场热度颇高的两家存储巨头长鑫科技集团股份有限公司（以下简称“长鑫科技”）、长江存储控股股...