当前位置: 首页 > 工具软件 > H-ui > 使用案例 >

H-ui框架的使用盲点与感受

堵宏毅
2023-12-01

感受:

在刚刚学完基本的前端知识之下,由于项目需要接触到了H-UI-Admin框架,框架的使用最大的感受是媒体查询这一块功能做得好,之所以选中这一种框架原因有下面几点:

1.有很好的响应式,界面美观

2.管理系统的iframe 非常符合本次项目开发

3.css命名上很少和bootstrap冲突,且有持续更新,讨论区活跃!

总体来说,上手不难,但是不适合新手,因为文档不齐全,同时这个框架比较大 因为采用了layer、tree、hightchart框架,想上手的难度比较大(吃透的话),可以参考一下bootstrap 以及layer这类框架(文档多!)


盲点:

1.aria-hidden

图标的可访问性

现代的辅助技术能够识别并朗读由 CSS 生成的内容和特定的 Unicode 字符。为了避免 屏幕识读设备抓取非故意的和可能产生混淆的输出内容(尤其是当图标纯粹作为装饰用途时),我们为这些图标设置了 aria-hidden="true" 属性。

如果你使用图标是为了表达某些含义(不仅仅是为了装饰用),请确保你所要表达的意思能够通过被辅助设备识别,例如,包含额外的内容并通过 .sr-only 类让其在视觉上表现出隐藏的效果。

如果你所创建的组件不包含任何文本内容(例如, <button> 内只包含了一个图标),你应当提供其他的内容来表示这个控件的意图,这样就能让使用辅助设备的用户知道其作用了。这种情况下,你可以为控件添加 aria-label 属相。

 2.框架中布局的定位:

采用了很多定位导致后期修改相当麻烦。部分js的功能没有文档以及注释,很难直接看得懂 通常需要百度查。

 类似资料: