可视化隐藏vs -webkit-transform: translate3d()在phonegap应用程序

visibility hidden vs -webkit-transform: translate3d() in phonegap application

本文关键字：phonegap 应用程序 translate3d 隐藏 vs -webkit-transform 可视化更新时间：2023-09-26

所以我使用phonegap来创建一个混合应用程序。现在很明显，我有很多div(页面大小)，我隐藏和显示使用css"visibility: hidden and visible"属性。我在某个地方读到，通过使用-webkit-transform: translate3d()，我可以将div隐藏在屏幕外，并在需要时再次显示它们，这种技术要好得多。有人知道这是真的还是假的吗?

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

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

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

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

在任何情况下，最好使用一些框架而不是直接使用它。否则要做正确的工作有很多。