组件介绍
组件（Component）是构建页面的核心，每个组件通过对数据和方法的简单封装，实现独立的可视、可交互功能单元。组件之间相互独立，随取随用，也可以在需求相同的地方重复使用。关于组件的详细参考文档请参见组件。
开发者还可以通过组件间合理的搭配定义满足业务需求的新组件，减少开发量，自定义组件的开发方法请参见自定义组件。
组件分类
根据组件的功能，可以分为以下四大类：
| 组件类型 | 主要组件 |
|---|---|
| 基础组件 | text、image、progress、rating、span、marquee、image-animator、divider、search、menu、chart |
| 容器组件 | div、list、list-item、stack、swiper、tabs、tab-bar、tab-content、list-item-group、refresh、dialog |
| 媒体组件 | video |
| 画布组件 | canvas |
相关实例
针对JS组件开发，有以下示例工程可供参考：
JsComponents
本示例演示了如何使用JS基础组件开发一个应用界面。
UserRegistration
本示例以用户注册为例，演示JS FA基本控件的使用，包含文本输入框、日期选择控件、单选按钮、下拉菜单和普通按钮等。
针对JS组件开发，有以下Codelabs可供参考：
JS组件购物应用演示
使用JS实现一款简单的HarmonyOS购物应用。