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

时间:2014-07-18 10:06:03

标签: javascript css cordova

所以我使用phonegap来创建混合应用程序。现在显然我有很多div(页面大小),我隐藏和显示使用CSS"可见性:隐藏和可见"属性。我通过使用-webkit-transform:translate3d()来读取某个地方我可以隐藏屏幕外的div并在需要时再次显示它们,这种技术要好得多。有谁知道这是真的吗?

1 个答案:

答案 0 :(得分:1)

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

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

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

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

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