为什么使用离子元素标签/组件 vs 标准 html?

Ray*_*per 4 ionic-framework

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

seb*_*ras 7

第一个好处是每个组件都已实现在移动设备和移动事件(如点击、点击等)上正常工作(您还记得300 毫秒延迟问题吗?)。

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

最后但并非最不重要的一点是,一些组件还封装了很多逻辑,这些逻辑很难用 html 元素(例如,ion-item-sliding组件)来实现。

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

  • 我现在使用 ionic 4。大多数组件现在都在 shadow dom 中实现。但是使用 shadow dom 对样式的控制更少。因此,假设我需要完全控制样式,现在使用 html 实际上不是更好,除非它像您所说的 ion-item-sliding 那样难以实现。 (4认同)