【代码】使用Animation：translateY在真机上出现卡顿。

JavaScript采用的是单线程模型，也就是说，所有任务只能在一个线程上完成，一次只能做一件事。每个任务将按顺序运行；必须先完成一项任务，然后才能开始下一项任务。Web Worker的出现，就是给js创建多线程的环境。这样，一些高延时的任务，就可以交给webworker去执行，主线程负责UI交互，这样主线程就不会被阻塞。

如果想要更新官网给出的解决方案是。,但是这种在我的业务场景不行。

vue.config.js 是一个可选的配置文件，如果项目的 (和 package.json 同级的) 根目录中存在这个文件，那么它会被 @vue/cli-service 自动加载。我的是vue-cli 3.11版本。

使用uniapp中的cover-image标签，添加点击事件却不生效。查了代码发现都是正常的。参考其他博客，基本都是z-index层级设置的问题，cover-image级别设置到9999发现还是不行。后来怀疑是冒泡问题，但是我这是第一个点击事件，也不存在这问题。我把所有z-index都重新去掉试了一下，发现是我canvas中设计的层级有问题。问题点我之前把canvas层级设置到最底层，去掉就好了。

【代码】canvas在真机调试中层级问题。