隐藏可见性 vs -webkit-transform：phonegap 应用程序中的 translate3d()答案

【问题标题】：visibility hidden vs -webkit-transform: translate3d() in phonegap application隐藏可见性 vs -webkit-transform：phonegap 应用程序中的 translate3d()
【发布时间】：2014-11-27 02:51:54
【问题描述】：

所以我正在使用 phonegap 创建一个混合应用程序。现在显然我有许多 div（页面大小），我使用 css“可见性：隐藏和可见”属性隐藏和显示。我在某处读到，通过使用 -webkit-transform: translate3d() 我可以将 div 隐藏在屏幕外并在需要时再次显示它们，并且这种技术要好得多。有谁知道这是真的还是假的？

【问题讨论】：

我诚实的建议：始终为 phonegap 应用程序使用框架！虽然我仍然认为 ionic 框架将是未来应用程序的更好选择，但目前我可以推荐性能明智的唯一框架是 KendoUI Mobile。通过这种方式，您可以专注于您的应用程序，而不必担心此类问题。使用 CSS3 创建漂亮的动画需要大量的工作，而像这样的框架通常已经有了漂亮的动画和过渡。
我只有 6 个不同的页面，我认为框架只会减慢应用程序的速度。你怎么看？
如果您不想为任何框架而烦恼并且不打算进一步研究它，那么您应该没问题。至于降低应用程序速度的框架，这可能适用于 jQuery Mobile，但绝对不是 KendoUI Mobile。他们对 KendoUI 的唯一“问题”是它不是免费的。

标签： javascript css cordova

【解决方案1】：

任何人想要使用翻译而不是标准可见性或显示属性的主要原因是对性能的感知。人们可以准确地控制从一种状态到另一种状态的转换如何执行。一个很好的例子是带有动画的过渡非常流行的移动应用程序。

如果您想在您的应用程序中使用它并且不需要第三方控件或开箱即用的 MV** 支持，请查看 Famo.us 框架 (http://famo.us/)。虽然它很幸运，但它非常快，使用转换并封装了浏览器细节。

Kendo UI Mobile 是另一个不错的框架。它是一个 MV** 框架，具有一组合理的控件和控制外观的能力。虽然它是一个完整的框架，但可以与 Knockout 和 AngularJS 集成。

当然，试试 Ionic (http://ionicframework.com/) 看看它是否足够快。

无论如何，最好使用一些框架，而不是直接使用它。否则要正确地做很多工作。

【讨论】：