[移动开发]微信小程序制作FC模拟器，从入坑到放弃

前言

国庆放假回家，难得有一个可以写点感兴趣项目的时间，想到小时候玩的红白机的游戏。由于小程序即开即用的特征，想要开发一个小程序版本的FC模拟器。
经过调研，发现目前平台上大多使用webView方式在小程序中进行实践，于是考虑采用纯小程序的方式来实现。

技术选型

1. 小程序使用Taro进行开发，使用canvas渲染nes绘制的数据。

遇到问题及处理

1. this指向问题。构建视图组件的时候通过ref父组件调用子组件中的方法。解决：通过bind绑定this解决
2. nes文件获取问题。由于nes文件浏览器获取过来会自动进行utf8解码导致乱码不能正常解析。解决：使用koa构建了一个web服务器，在响应题中指定当前的文件的content-type为text/plain并阻止浏览器对文件自动进行下载。
3. canvas渲染问题。在小程序端使用setImageData,渲染性能相当低，游戏不能流畅运行。没有办法进行处理，小程序原生Canvas组件限制，导致不能使用小程序实现。

其他选择

1. 使用小程序中使用webView嵌套页面实现。因为web页面中canvas功能完整，不会有渲染的性能问题。
2. 想办法替代小程序的Canvas如webAssembly – 待研究。