【请进】有没有人尝试过React-canvas + Hbuilder打包方案,感觉怎么样?



  • 最近准备用React Native做个中型App,不过看到React-canvas流畅度貌似不错,于是想如果 React-canvas + Hbuilder(5+Runtime、Native.js) 打包开发iOS、Android怎么样


    比如:FlipBoard的解决方案(以下摘自阮一峰博客)

    FlipBoard 原本是一个手机App,最近开始部署Web版本,结果就遇到了上面的问题:Web版的体验不佳。

    两年前,他们将解决方案公布在网站上,结果引起了业界轰动,因为这是一个史无前例的解决方案:

    ---- 他们没有使用DOM,而是将整个网站用canvas输出!

    alt text

    你可以用手机打开flipboard.com,体验一下,看看跟Native app有没有差别。如果你没有帐号,可以直接打开这里

    这个方案的出发点是这样的:如果将网页变成了一个个canvas,用户就等于在跟图片互动,这样就绕开了DOM,降低了操作时滞。而且,canvas可以被硬件加速,这样就提高了性能。具体的技术细节,可以参考原文。canvas的转化基于React框架实现,FlipBoard 开发了一个专门的库React-canvas,已经开源。

    这个方案引发了很多争议(这里和这里),主要是canvas只是一个位图,本身没有语义,如果要在它上面实现UI,等于HTML语言已有的东西都要再发明一遍,比如如何实现超链接、如何实现CSS效果等等。一些最简单的东西都变得很麻烦,因为canvas不是自适应的(responsive),文字在哪里断行,都要自己计算,而且用户也无法选中文本。另外,怎么让搜索引擎检索网页,解决起来也不是很容易。

    但是不管怎样,这是一个有意义的尝试。


登录后回复