ionic-framework - 为什么使用 ionic 元素标签/组件 vs 标准 html？

Question

使用 ion-button、ion-item、ion-row、ion-text ion-img 等 ionic 元素代替常规 html 有什么好处？

Answer 1

第一个好处是每个组件都已经实现到在移动设备上正常工作 以及移动事件，如点击、点击等(您还记得 300 ms delay issue 吗？)。

同样重要的是要注意 Ionic 组件是 根据每个平台的设计指南设计/实现 和推荐的模式。用户希望所有应用程序都尊重他们已经习惯的一些 UI/UX 模式，而 Ionic 做得非常好。

最后但同样重要的是，一些组件还封装了一个 很多逻辑很难实现仅使用 html 元素(例如， ion-item-sliding 组件)。

但请注意，在某些情况下，使用标准 html 可能是一个不错的选择。例如，如果您需要显示很长的项目列表，请使用 ion-item s 表示 ion-item component 的新实例为列表中的每个项目创建，您的 Ionic 应用程序需要将它们保存在内存中。 Ionic 组件的实现非常高效，因此这对于当今的大多数移动设备来说都不是问题，但是如果您需要支持旧/慢速设备，这可能会大大提高性能。