【发布时间】：2018-09-28 16:48:41
【问题描述】：
使用 ion-button、ion-item、ion-row、ion-text ion-img 等离子元素代替常规 html 有什么好处？
【问题讨论】：
标签： ionic-framework
【发布时间】：2018-09-28 16:48:41
【问题描述】：
第一个好处是每个组件都已实现在移动设备上正常工作以及点击、点击等移动事件（您还记得300 ms delay issue？）。
还需要注意的是，Ionic 组件是根据每个平台的设计指南和推荐的模式设计/实现的。用户希望所有应用程序都尊重他们已经习惯的一些 UI/UX 模式，而 Ionic 在这方面做得非常好。
最后但同样重要的是，一些组件还封装了许多仅使用 html 元素很难实现的逻辑（例如，ion-item-sliding 组件）。
但请注意，在某些情况下使用标准 html 可能是一个不错的选择。例如，如果您需要显示很长的项目列表，使用 ion-items 意味着为列表中的每个项目创建一个 ion-item component 的新实例，并且您的 Ionic 应用程序需要将它们保留在记忆。 Ionic 组件被实现为非常高性能，因此这对于现在的大多数移动设备来说都不是问题，但如果您需要支持旧/慢速设备，这可能会大大提高性能。
【讨论】：
-
我现在正在使用 ionic 4。大多数组件现在都在 shadow dom 中实现。但是有了shadow dom，对样式的控制就更少了。因此，假设我需要完全控制样式，现在使用 html 实际上不是更好，除非它像你所说的难以实现的 ion-item-sliding。
-
@RaymondtheDeveloper，是的，我现在使用 Ionic 4，我同意使用离子组件的样式变得更具挑战性。