初学鸿蒙OS之JS-UI框架中提供了哪些组件

简介: 初学鸿蒙OS之JS-UI框架中提供了哪些组件

写在前面


上篇我们介绍了鸿蒙OS提供了哪些UI框架,而且根据我自身的情况,也选择了JS-UI框架,其实都是差不多的,该有的组件都有,就是不同方式去实现而已,大家也可以去看看其他UI框架。


介绍一下鸿蒙OS中JS-UI框架的组件分类


迄今为止,鸿蒙OS,JS-UI框架一共提供了六大类组件,分别是容器组件、基础组件、媒体组件、画布组件、栅格组件、svg组件。


下面分别与大家说一下这几类组件中提供的功能。


容器组件:


容器组件中提供了一些关键性的组件,比如list、form、div、tabs等一系列的容器类组件,如果你使用过HTML,那么理解这些并不难。


基础组件:


基础组件,也是我们最熟悉的组件,比如input、select、span、options、button等等等,都是属于基础组件,这些也是我们真正与内容相结合的组件。


媒体组件:


媒体组件就比较少了,只有video、camera两种组件,这个后期我们细说吧,这类组件不一定所有人都用过,只有看到效果才知道两者具体有哪些区别。


画布组件:


画布组件,canvas,够熟悉吧,后端开发人员尽管可能使用少些,但也是有过一些认知的。


栅格组件:


栅格组件,鸿蒙OS中提供的也不是很多种,就只有grid-container、grid-row、grid-col三种,分别代表着栅格容器,栅格列,栅格行。


SVG组件:


SVG组件,这个种类就多了,这个我也了解不多,后期也需要精进恶补一下才行。


总结


JS-UI框架中,提供的这些组件,已经足以让我们进行一些基础的开发了,然而,为了能在更复杂的场景中去使用,鸿蒙OS还提供了自定义组件,可以让我们去自行实现一些组件。


这点能让我们在开发过程中更加灵活,随着鸿蒙OS的开发人员越来越多,相信陆续的也会有很多人贡献自己写的自定义组件的。


相关文章
|
25天前
|
小程序 JavaScript 前端开发
小程序常见的UI框架
小程序常见的UI框架
|
7天前
|
JavaScript
Ant Design Vue UI框架的基础使用,及通用后台管理模板的小demo【简单】
这篇文章介绍了如何使用Ant Design Vue UI框架创建一个简单的后台管理模板,包括创建Vue项目、安装和使用ant-design-vue、以及编写后台管理通用页面的代码和样式。
Ant Design Vue UI框架的基础使用,及通用后台管理模板的小demo【简单】
|
5天前
|
Web App开发 JavaScript 前端开发
构建高效Web应用:Node.js与Express框架的深度整合
【9月更文挑战第28天】在现代Web开发领域,Node.js和Express框架的结合已成为打造高性能、易扩展应用的黄金组合。本文将深入探讨如何利用这一技术栈优化Web应用架构,提供具体实践指导,并分析其性能提升的内在机制。通过代码示例,我们将展示从基础搭建到高级功能的实现过程,旨在为开发者提供一条清晰的学习路径,以实现技术升级和项目效率的双重提升。
16 3
|
8天前
|
前端开发 JavaScript API
React、Vue.js 和 Angular前端三大框架对比与选择
前端框架是用于构建用户界面的工具和库,它提供组件化结构、数据绑定、路由管理和状态管理等功能,帮助开发者高效地创建和维护 web 应用的前端部分。常见的前端框架如 React、Vue.js 和 Angular,能够提高开发效率并促进团队协作。
24 4
|
10天前
|
JavaScript 前端开发
常用的 JavaScript 框架和库
常用的 JavaScript 框架和库
13 6
|
10天前
|
前端开发 JavaScript 开发者
React 和 Vue.js 框架的区别是什么?
React 和 Vue.js 框架的区别是什么?
|
15天前
|
缓存 监控 JavaScript
构建高效后端服务:Node.js与Express框架的完美结合
【9月更文挑战第18天】在数字化时代的浪潮中,后端服务的效率和稳定性成为了企业竞争力的关键。本文将深入探讨如何使用Node.js和Express框架来构建一个既高效又稳定的后端服务,同时通过实际代码示例,展示如何优化性能并确保服务的高可用性。
|
15天前
|
JavaScript
从零开始写一套广告组件【一】搭建基础框架并配置UI组件库
其实这个从零有点歧义,因为本质上是要基于`tdesign-vue-next`来进行二次封装为一套广告UI组件库,现在让我们在一起快乐的搭建自己的广告UI库之前,先对以下内容做出共识:
28 0
从零开始写一套广告组件【一】搭建基础框架并配置UI组件库
|
22天前
|
Web App开发 缓存 JavaScript
构建高效后端服务:Node.js与Express框架的完美结合
【9月更文挑战第11天】本文将引导开发者探索如何利用Node.js和Express框架搭建一个高效的后端服务。文章不仅深入讲解了这两个工具的核心概念,还通过实际示例展示了它们的强大功能和易用性。读者将学会如何处理HTTP请求、设计RESTful API以及优化应用性能。无论你是初学者还是有经验的开发者,这篇文章都将为你提供宝贵的知识,帮助你在后端开发领域更进一步。
|
27天前
|
Linux C# Android开发
一个开源、跨平台的.NET UI框架 - Avalonia UI
一个开源、跨平台的.NET UI框架 - Avalonia UI

热门文章

最新文章

下一篇
无影云桌面