!2394 网站目录修复&更新

Merge pull request !2394 from zengyawen/master

en/application-dev/website.md

@@ -3,547 +3,515 @@
 - [Application Development Overview](application-dev-guide.md)
 - Quick Start
   - [Getting Started with Application Development](quick-start/Readme-EN.md)
-    -   [DevEco Studio \(OpenHarmony\) User Guide](quick-start/deveco-studio-user-guide-for-openharmony.md)
-        -   [Overview](quick-start/deveco-studio-overview.md)
-        -   [Version Change History](quick-start/deveco-studio-release-notes.md)
-        -   [Configuring the OpenHarmony SDK](quick-start/configuring-openharmony-sdk.md)
-        -   [Creating an OpenHarmony Project](quick-start/create-openharmony-project.md)
-            -   [Using the Project Wizard to Create a Project](quick-start/use-wizard-to-create-project.md)
-            -   [Importing a Sample to Create a Project](quick-start/import-sample-to-create-project.md)
-        
-        -   [Configuring the OpenHarmony App Signature](quick-start/configuring-openharmony-app-signature.md)
-        -   [Installing and Running Your OpenHarmony App](quick-start/installing-openharmony-app.md)
-    
-  - [Directory Structure](quick-start/package-structure.md)
--   Development
-    - UI
-      - JavaScript-based Web-Like Development Paradigm
-          - [Overview](ui/ui-js-overview.md)
-          - Framework
-              - [File Organization](ui/js-framework-file.md)
-              - ["js" Tag](ui/js-framework-js-tag.md)
-              - [app.js](ui/js-framework-js-file.md)
-              - Syntax
-                  - [HML](ui/js-framework-syntax-hml.md)
-                  - [CSS](ui/js-framework-syntax-css.md)
-                  - [JavaScript](ui/js-framework-syntax-js.md)
-              - [Lifecycle](ui/js-framework-lifecycle.md)
-              - [Resource Limitations and Access](ui/js-framework-resource-restriction.md)
-              - [Multi-Language Capability](ui/js-framework-multiple-languages.md)
-          - Building the UI
-              - [Component Overview](ui/ui-js-building-ui-component.md)
-              - Building the Layout
-                  - [Layout Description](ui/ui-js-building-ui-layout-intro.md)
-                  - [Adding Title and Paragraph Text](ui/ui-js-building-ui-layout-text.md)
-                  - [Adding an Image](ui/ui-js-building-ui-layout-image.md)
-                  - [Adding a Comment](ui/ui-js-building-ui-layout-comment.md)
-                  - [Adding a Container](ui/ui-js-building-ui-layout-external-container.md)
-              - [Adding Interactions](ui/ui-js-building-ui-interactions.md)
-              - [Developing Animations](ui/ui-js-building-ui-animation.md)
-              - [Defining Events](ui/ui-js-building-ui-event.md)
-              - [Defining Page Routes](ui/ui-js-building-ui-routes.md)
-           - Common Component Development Guidelines
-              - [Text](ui/ui-js-components-text.md)
-              - [Input](ui/ui-js-components-input.md)
-              - [Button](ui/ui-js-components-button.md)
-              - [List](ui/ui-js-components-list.md)
-              - [Picker](ui/ui-js-components-picker.md)
-              - [Dialog](ui/ui-js-components-dialog.md)
-              - [Form](ui/ui-js-components-form.md)
-              - [Stepper](ui/ui-js-components-stepper.md)
-              - [Tabs](ui/ui-js-component-tabs.md)
-              - [Image](ui/ui-js-components-images.md)
-          - Animation Development Guidelines
-              - CSS Animation
-                  - [Defining Attribute Style Animations](ui/ui-js-animate-attribute-style.md)
-                  - [Defining Animations with the transform Attribute](ui/ui-js-animate-transform.md)
-                  - [Defining Animations with the background-position Attribute](ui/ui-js-animate-background-position-style.md)
-              - JS Animation
-                  - [Component Animation](ui/ui-js-animate-component.md)
-                  - Interpolator Animation
-                       - [Animation Effect](ui/ui-js-animate-dynamic-effects.md)
-                      - [Animation Frame](ui/ui-js-animate-frame.md)
-          - [Custom Components](ui/ui-js-custom-components.md)
-      - TypeScript-based Declarative Development Paradigm
-          - [Overview](ui/ui-ts-overview.md)
-          - Framework Overview
-              - File Organization
-                  - [Directory Structure](ui/ts-framework-directory.md)
-                  - [Rules for Accessing Application Code Files](ui/ts-framework-file-access-rules.md)
-              - ["js" Tag](ui/ts-framework-js-tag.md)
-              - Resource Access
-                - [Media Resource Types](ui/ts-media-resource-type.md)
-              - [Pixel Units](ui/ts-pixel-units.md)
-              - [Types](ui/ts-types.md)
-          - Declarative Syntax
-              - [Overview](ui/ts-syntax-intro.md)
-              - General UI Description Specifications
-                  - [Basic Concepts](ui/ts-general-ui-concepts.md)
-                  - Declarative UI Description Specifications
-                      - [Parameterless Configuration](ui/ts-parameterless-configuration.md)
-                      - [Configuration with Mandatory Parameters](ui/ts-configuration-with-mandatory-parameters.md)
-                      - [Attribution Configuration](ui/ts-attribution-configuration.md)
-                      - [Event Configuration](ui/ts-event-configuration.md)
-                      - [Child Component Configuration](ui/ts-child-component-configuration.md)
-                  - Componentization
-                      - [@Component](ui/ts-component-based-component.md)
-                      - [@Entry](ui/ts-component-based-entry.md)
-                      - [@Preview](ui/ts-component-based-preview.md)
-                      - [@Builder](ui/ts-component-based-builder.md)
-                      - [@Extend](ui/ts-component-based-extend.md)
-                      - [@CustomDialog](ui/ts-component-based-customdialog.md)
-              - About UI State Management
-                  - [Basic Concepts](ui/ts-ui-state-mgmt-concepts.md)
-                  - Managing Component States
-                      - [@State](ui/ts-component-states-state.md)
-                      - [@Prop](ui/ts-component-states-prop.md)
-                      - [@Link](ui/ts-component-states-link.md)
-                  - Managing Application States
-                      - [AppStorage](ui/ts-application-states-appstorage.md)
-                      - [PersistentStorage](ui/ts-application-states-apis-persistentstorage.md)
-                      - [Environment](ui/ts-application-states-apis-environment.md)
-                  - Managing Other States
-                      - [@observed and @objectLink](ui/ts-other-states-observed-objectlink.md)
-                      - [@Consume and @Provide](ui/ts-other-states-consume-provide.md)
-                      - [@Watch](ui/ts-other-states-watch.md)
-              - About Rendering Control Syntax
-                  - [if/else](ui/ts-rending-control-syntax-if-else.md)
-                  - [ForEach](ui/ts-rending-control-syntax-foreach.md)
-                  - [LazyForEach](ui/ts-rending-control-syntax-lazyforeach.md)
-              - About @Component
-                  - [build Function](ui/ts-function-build.md)
-                  - [Custom Component Initialization](ui/ts-custom-component-initialization.md)
-                  - [Custom Component Lifecycle Callbacks](ui/ts-custom-component-lifecycle-callbacks.md)
-                  - [Example: Component Creation and Re-Initialization](ui/ts-component-creation-re-initialization.md)
-              - [Syntactic Sugar](ui/ts-syntactic-sugar.md)
-          - Experiencing the Declarative UI
-              - [Creating a Declarative UI Project](ui/ui-ts-creating-project.md)
-              - [Getting to Know Components](ui/ui-ts-components.md)
-              - [Creating a Simple Page](ui/ui-ts-creating-simple-page.md)
-          - Defining Page Layout and Connection
-              - [Building a Food Data Model](ui/ui-ts-building-data-model.md)
-              - [Building a Food Category List Layout](ui/ui-ts-building-category-list-layout.md)
-              - [Building a Food Category Grid Layout](ui/ui-ts-building-category-grid-layout.md)
-              - [Implementing Page Redirection and Data Transmission](ui/ui-ts-page-redirection-data-transmission.md)
-    - Basic Functions
-      - [Agent-Powered Scheduled Reminders ](background-agent-scheduled-reminder/Readme-EN.md)
-        - [Overview](background-agent-scheduled-reminder/background-agent-scheduled-reminder-overview.md)
-        - [Development Guidelines](background-agent-scheduled-reminder/background-agent-scheduled-reminder-guide.md)
-      - [Background Task Management ](background-task-management/Readme-EN.md)
-        - [Background Task Management Overview](background-task-management/background-task-overview.md)
-        - [Background Task Management Development](background-task-management/background-task-dev-guide.md)
-      - [WebGL](webgl/Readme-EN.md)
-        - [WebGL Overview](webgl/webgl-overview.md)
-        - [WebGL Development](webgl/webgl-guidelines.md)
-      - [Media](media/Readme-EN.md)
-        -   Audio
-      
-            -   [Audio Overview](media/audio-overview.md)
-      
-            -   [Audio Playback Development](media/audio-playback.md) 
-      
-            -   [Audio Playback Development Using AudioRenderer](media/audio-renderer.md)
-      
-            -   [Audio Management Development](media/audio-management.md)  
-      
-            -   [Audio Recording Development](media/audio-recorder.md) 
-      
-            -   [Audio Recorder Development Using AudioCapturer](media/audio-capturer)  
-        - Video
-        
-          - [Video Playback Development](media/video-playback.md)
-        
-          - [Video Recording Development](media/video-recorder.md)
-      - [Security](security/Readme-EN.md)
-        - User Authentication
-          - [User Authentication Overview](security/userauth-overview.md)
-          - [User Authentication Development](security/userauth-guidelines.md)
-      - [Connectivity](connectivity/Readme-EN.md)
-        -   [IPC & RPC](connectivity/ipc-rpc.md)
-            -   [IPC & RPC Overview](connectivity/ipc-rpc-overview.md)  
-            -   [IPC & RPC Development Guidelines](connectivity/ipc-rpc-development-guideline.md) 
-            -   [Subscribing to State Changes of a Remote Object](connectivity/subscribe-remote-state.md)  
-      - [Data Management](database/Readme-EN.md)
-        - Distributed Data Service
-          - [Distributed Data Service Overview](database/database-mdds-overview.md)
-          - [Distributed Data Service Development](database/database-mdds-guidelines.md)
-        - Relational Database Overview
-          - [RDB Overview](database/database-relational-overview.md)
-          - [RDB Development](database/database-relational-guidelines.md)
-        - Lightweight Data Store
-          - [Lightweight Data Store Overview](database/database-preference-overview.md)
-          - [Lightweight Data Store Development](database/database-preference-guidelines.md)
-      - [Device](device/Readme-EN.md)
-        - USB Service
-          - [USB Service Overview](device/usb-overview.md)
-          - [USB Service Development](device/usb-guidelines.md)
-        - Location
-          - [Location Overview](device/device-location-overview.md)
-          - [Obtaining Device Location Information](device/device-location-info.md)
-          - [Geocoding and Reverse Geocoding Capabilities](device/device-location-geocoding.md)
-      - [DFX](dfx/Readme-EN.md)
-        - Application Event Logging
-          - [Overview of Application Event Logging](dfx/hiappevent-overview.md)
-          - [Development Guidelines on Application Event Logging](dfx/hiappevent-guidelines.md)
--   Tools
-    - [DevEco Studio \(OpenHarmony\) User Guide](quick-start/deveco-studio-user-guide-for-openharmony.md)
-      - [Overview](quick-start/deveco-studio-overview.md) 
-      - [Version Change History](quick-start/deveco-studio-release-notes.md) 
-      - [Configuring the OpenHarmony SDK](quick-start/configuring-openharmony-sdk.md) 
+    - DevEco Studio (OpenHarmony) User Guide
+      - [Overview](quick-start/deveco-studio-overview.md)
+      - [Version Change History](quick-start/deveco-studio-release-notes.md)
+      - [Configuring the OpenHarmony SDK](quick-start/configuring-openharmony-sdk.md)
       - [Creating an OpenHarmony Project](quick-start/create-openharmony-project.md)
+        - [Using the Project Wizard to Create a Project](quick-start/use-wizard-to-create-project.md)
+        - [Importing a Sample to Create a Project](quick-start/import-sample-to-create-project.md)
       - [Configuring the OpenHarmony App Signature](quick-start/configuring-openharmony-app-signature.md)
       - [Installing and Running Your OpenHarmony App](quick-start/installing-openharmony-app.md)
--   Hands-On Tutorials
-    - [Samples](https://gitee.com/openharmony/app_samples/blob/master/README.md)
--   API References
-    - [Compent Reference (JavaScript-based Web-like Development Paradigm)](reference/arkui-js/Readme-EN.md)
-      -   [Components](reference/arkui-js/js-components.md)
-          -   [Common](reference/arkui-js/js-components-common.md)
-              -   [Universal Attributes](reference/arkui-js/js-components-common-attributes.md)
-              -   [Universal Styles](reference/arkui-js/js-components-common-styles.md)
-              -   [Universal Events](reference/arkui-js/js-components-common-events.md)
-              -   [Universal Methods](reference/arkui-js/js-components-common-methods.md)
-              -   [Animation Styles](reference/arkui-js/js-components-common-animation.md)
-              -   [Gradient Styles](reference/arkui-js/js-components-common-gradient.md)
-              -   [Transition Styles](reference/arkui-js/js-components-common-transition.md)
-              -   [Media Query](reference/arkui-js/js-components-common-mediaquery.md)
-              -   [Custom Font Styles](reference/arkui-js/js-components-common-customizing-font.md)
-              -   [Atomic Layout](reference/arkui-js/js-components-common-atomic-layout.md)
-    
-          -   [Container Component](reference/arkui-js/js-components-container.md)
-              -   [badge](reference/arkui-js/js-components-container-badge.md)
-              -   [dialog](reference/arkui-js/js-components-container-dialog.md)
-              -   [div](reference/arkui-js/js-components-container-div.md)
-              -   [form](reference/arkui-js/js-components-container-form.md)
-              -   [list](reference/arkui-js/js-components-container-list.md)
-              -   [list-item](reference/arkui-js/js-components-container-list-item.md)
-              -   [list-item-group](reference/arkui-js/js-components-container-list-item-group.md)
-              -   [panel](reference/arkui-js/js-components-container-panel.md)
-              -   [popup](reference/arkui-js/js-components-container-popup.md)
-              -   [refresh](reference/arkui-js/js-components-container-refresh.md)
-              -   [stack](reference/arkui-js/js-components-container-stack.md)
-              -   [stepper](reference/arkui-js/js-components-container-stepper.md)
-              -   [stepper-item](reference/arkui-js/js-components-container-stepper-item.md)
-              -   [swiper](reference/arkui-js/js-components-container-swiper.md)
-              -   [tabs](reference/arkui-js/js-components-container-tabs.md)
-              -   [tab-bar](reference/arkui-js/js-components-container-tab-bar.md)
-              -   [tab-content](reference/arkui-js/js-components-container-tab-content.md)
-    
-          -   [Basic Components](reference/arkui-js/js-components-basic.md)
-              -   [button](reference/arkui-js/js-components-basic-button.md)
-              -   [chart](reference/arkui-js/js-components-basic-chart.md)
-              -   [divider](reference/arkui-js/js-components-basic-divider.md)
-              -   [image](reference/arkui-js/js-components-basic-image.md)
-              -   [image-animator](reference/arkui-js/js-components-basic-image-animator.md)
-              -   [input](reference/arkui-js/js-components-basic-input.md)
-              -   [label](reference/arkui-js/js-components-basic-label.md)
-              -   [marquee](reference/arkui-js/js-components-basic-marquee.md)
-              -   [menu](reference/arkui-js/js-components-basic-menu.md)
-              -   [option](reference/arkui-js/js-components-basic-option.md)
-              -   [picker](reference/arkui-js/js-components-basic-picker.md)
-              -   [picker-view](reference/arkui-js/js-components-basic-picker-view.md)
-              -   [piece](reference/arkui-js/js-components-basic-piece.md)
-              -   [progress](reference/arkui-js/js-components-basic-progress.md)
-              -   [qrcode](reference/arkui-js/js-components-basic-qrcode.md)
-              -   [rating](reference/arkui-js/js-components-basic-rating.md)
-              -   [richtext](reference/arkui-js/js-components-basic-richtext.md)
-              -   [search](reference/arkui-js/js-components-basic-search.md)
-              -   [select](reference/arkui-js/js-components-basic-select.md)
-              -   [slider](reference/arkui-js/js-components-basic-slider.md)
-              -   [span](reference/arkui-js/js-components-basic-span.md)
-              -   [switch](reference/arkui-js/js-components-basic-switch.md)
-              -   [text](reference/arkui-js/js-components-basic-text.md)
-              -   [textarea](reference/arkui-js/js-components-basic-textarea.md)
-              -   [toolbar](reference/arkui-js/js-components-basic-toolbar.md)
-              -   [toolbar-item](reference/arkui-js/js-components-basic-toolbar-item.md)
-              -   [toggle](reference/arkui-js/js-components-basic-toggle.md)
-    
-          -   [Media Components](reference/arkui-js/js-components-media.md)
-              -   [video](reference/arkui-js/js-components-media-video.md)
-    
-          -   [Canvas Components](reference/arkui-js/js-components-canvas.md)
-              -   [canvas](reference/arkui-js/js-components-canvas-canvas.md)
-              -   [CanvasRenderingContext2D](reference/arkui-js/js-components-canvas-canvasrenderingcontext2d.md)
-              -   [Image](reference/arkui-js/js-components-canvas-image.md)
-              -   [CanvasGradient](reference/arkui-js/js-components-canvas-canvasgradient.md)
-              -   [ImageData](reference/arkui-js/js-components-canvas-imagedata.md)
-              -   [Path2D](reference/arkui-js/js-components-canvas-path2d.md)
-              -   [ImageBitmap](reference/arkui-js/js-components-canvas-imagebitmap.md)
-              -   [OffscreenCanvas](reference/arkui-js/js-components-canvas-offscreencanvas.md)
-              -   [OffscreenCanvasRenderingContext2D](reference/arkui-js/js-offscreencanvasrenderingcontext2d.md)
-    
-          -   [Grid](reference/arkui-js/js-components-grid.md)
-              -   [Basic Concepts](reference/arkui-js/js-components-grid-basic-concepts.md)
-              -   [grid-container](reference/arkui-js/js-components-grid-container.md)
-              -   [grid-row](reference/arkui-js/js-components-grid-row.md)
-              -   [grid-col](reference/arkui-js/js-components-grid-col.md)
-    
-          -   [SVG Components](reference/arkui-js/js-svg.md)
-              -   [Universal Attributes](reference/arkui-js/js-components-svg-common-attributes.md)
-              -   [svg](reference/arkui-js/js-components-svg.md)
-              -   [rect](reference/arkui-js/js-components-svg-rect.md)
-              -   [circle](reference/arkui-js/js-components-svg-circle.md)
-              -   [ellipse](reference/arkui-js/js-components-svg-ellipse.md)
-              -   [path](reference/arkui-js/js-components-svg-path.md)
-              -   [line](reference/arkui-js/js-components-svg-line.md)
-              -   [polyline](reference/arkui-js/js-components-svg-polyline.md)
-              -   [polygon](reference/arkui-js/js-components-svg-polygon.md)
-              -   [text](reference/arkui-js/js-components-svg-text.md)
-              -   [tspan](reference/arkui-js/js-components-svg-tspan.md)
-              -   [textPath](reference/arkui-js/js-components-svg-textpath.md)
-              -   [animate](reference/arkui-js/js-components-svg-animate.md)
-              -   [animateMotion](reference/arkui-js/js-components-svg-animatemotion.md)
-              -   [animateTransform](reference/arkui-js/js-components-svg-animatetransform.md)
-    
-      -   [Custom Components](reference/arkui-js/js-components-custom.md)
-          -   [Basic Usage](reference/arkui-js/js-components-custom-basic-usage.md)
-          -   [Custom Events](reference/arkui-js/js-components-custom-events.md)
-          -   [props](reference/arkui-js/js-components-custom-props.md)
-          -   [Event Parameter](reference/arkui-js/js-components-custom-event-parameter.md)
-          -   [slot](reference/arkui-js/js-components-custom-slot.md)
-          -   [Lifecycle Definition](reference/arkui-js/js-components-custom-lifecycle.md)
-    
-      -   [Appendix](reference/arkui-js/js-appendix.md)
-          -   [Type Attributes](reference/arkui-js/js-appendix-types.md)
-    - [Compent Reference (TypeScript-based Declarative Development Paradigm)](reference/arkui-ts/Readme-EN.md)
-      -   [Components](reference/arkui-ts/ts-components.md)
-          -   [Universal Components](reference/arkui-ts/ts-universal-components.md)
-              -   [Universal Events](reference/arkui-ts/ts-universal-events.md)
-                  -   [Click Event](reference/arkui-ts/ts-universal-events-click.md)
-                  -   [Touch](reference/arkui-ts/ts-universal-events-touch.md)
-                  -   [Show/Hide Event](reference/arkui-ts/ts-universal-events-show-hide.md)
-                  -   [Key Event](reference/arkui-ts/ts-universal-events-key.md)
-                  -   [Component Area Change Event](reference/arkui-ts/ts-universal-events-component-area-change.md)
-    
-              -   [Universal Attributes](reference/arkui-ts/ts-universal-attributes.md)
-                  -   [Size](reference/arkui-ts/ts-universal-attributes-size.md)
-                  -   [Location](reference/arkui-ts/ts-universal-attributes-location.md)
-                  -   [Layout Constraints](reference/arkui-ts/ts-universal-attributes-layout-constraints.md)
-                  -   [Flex Layout](reference/arkui-ts/ts-universal-attributes-flex-layout.md)
-                  -   [Border Configuration](reference/arkui-ts/ts-universal-attributes-border.md)
-                  -   [Background](reference/arkui-ts/ts-universal-attributes-background.md)
-                  -   [Opacity](reference/arkui-ts/ts-universal-attributes-opacity.md)
-                  -   [Visibility](reference/arkui-ts/ts-universal-attributes-visibility.md)
-                  -   [Enable/Disable](reference/arkui-ts/ts-universal-attributes-enable.md)
-                  -   [Overlay](reference/arkui-ts/ts-universal-attributes-overlay.md)
-                  -   [Z-order Control](reference/arkui-ts/ts-universal-attributes-z-order.md)
-                  -   [Transformation](reference/arkui-ts/ts-universal-attributes-transformation.md)
-                  -   [Image Effect Configuration](reference/arkui-ts/ts-universal-attributes-image-effect.md)
-                  -   [Shape Clipping](reference/arkui-ts/ts-universal-attributes-sharp-clipping.md)
-                  -   [Text Style](reference/arkui-ts/ts-universal-attributes-text-style.md)
-                  -   [Grid](reference/arkui-ts/ts-universal-attributes-grid.md)
-                  -   [Gradient Color](reference/arkui-ts/ts-universal-attributes-gradient-color.md)
-                  -   [Popup Control](reference/arkui-ts/ts-universal-attributes-popup.md)
-                  -   [Menu Control](reference/arkui-ts/ts-universal-attributes-menu.md)
-                  -   [Click Control](reference/arkui-ts/ts-universal-attributes-touchable.md)
-                  -   [Touch Target](reference/arkui-ts/ts-universal-attributes-response-region.md)
-    
-              -   [Gesture Processing](reference/arkui-ts/ts-gesture-processing.md)
-                  -   [Gesture Binding Methods](reference/arkui-ts/ts-gesture-settings.md)
-                  -   [Basic Gestures](reference/arkui-ts/ts-basic-gestures.md)
-                      -   [TapGesture](reference/arkui-ts/ts-basic-gestures-tapgesture.md)
-                      -   [LongPressGesture](reference/arkui-ts/ts-basic-gestures-longpressgesture.md)
-                      -   [PanGesture](reference/arkui-ts/ts-basic-gestures-pangesture.md)
-                      -   [PinchGesture](reference/arkui-ts/ts-basic-gestures-pinchgesture.md)
-                      -   [RotationGesture](reference/arkui-ts/ts-basic-gestures-rotationgesture.md)
-                      -   [SwipeGesture](reference/arkui-ts/ts-basic-gestures-swipegesture.md)
-    
-                  -   [Combined Gestures](reference/arkui-ts/ts-combined-gestures.md)
-    
-          -   [Basic Components](reference/arkui-ts/ts-basic-components.md)
-              -   [Blank](reference/arkui-ts/ts-basic-components-blank.md)
-              -   [Button](reference/arkui-ts/ts-basic-components-button.md)
-              -   [DataPanel](reference/arkui-ts/ts-basic-components-datapanel.md)
-              -   [Divider](reference/arkui-ts/ts-basic-components-divider.md)
-              -   [Gauge](reference/arkui-ts/ts-basic-components-gauge.md)
-              -   [Image](reference/arkui-ts/ts-basic-components-image.md)
-              -   [ImageAnimator](reference/arkui-ts/ts-basic-components-imageanimator.md)
-              -   [LoadingProgress](reference/arkui-ts/ts-basic-components-loadingprogress.md)
-              -   [Marquee](reference/arkui-ts/ts-basic-components-marquee.md)
-              -   [Progress](reference/arkui-ts/ts-basic-components-progress.md)
-              -   [QRCode](reference/arkui-ts/ts-basic-components-qrcode.md)
-              -   [Rating](reference/arkui-ts/ts-basic-components-rating.md)
-              -   [Select](reference/arkui-ts/ts-basic-components-select.md)
-              -   [Slider](reference/arkui-ts/ts-basic-components-slider.md)
-              -   [Span](reference/arkui-ts/ts-basic-components-span.md)
-              -   [Text](reference/arkui-ts/ts-basic-components-text.md)
-              -   [TextArea](reference/arkui-ts/ts-basic-components-textarea.md)
-              -   [TextInput](reference/arkui-ts/ts-basic-components-textinput.md)
-              -   [Toggle](reference/arkui-ts/ts-basic-components-toggle.md)
-              -   [TextClock](reference/arkui-ts/ts-basic-components-textclock.md)
-          
-          -   [Container Components](reference/arkui-ts/ts-components-container.md)
-              -   [AlphabetIndexer](reference/arkui-ts/ts-container-alphabet-indexer.md)
-              -   [Badge](reference/arkui-ts/ts-container-badge.md)
-              -   [Column](reference/arkui-ts/ts-container-column.md)
-              -   [ColumnSplit](reference/arkui-ts/ts-container-columnsplit.md)
-              -   [Counter](reference/arkui-ts/ts-container-counter.md)
-              -   [Flex](reference/arkui-ts/ts-container-flex.md)
-              -   [GridContainer](reference/arkui-ts/ts-container-gridcontainer.md)
-              -   [Grid](reference/arkui-ts/ts-container-grid.md)
-              -   [GridItem](reference/arkui-ts/ts-container-griditem.md)
-              -   [List](reference/arkui-ts/ts-container-list.md)
-              -   [ListItem](reference/arkui-ts/ts-container-listitem.md)
-              -   [Navigator](reference/arkui-ts/ts-container-navigator.md)
-              -   [Navigation](reference/arkui-ts/ts-container-navigation.md)
-              -   [Panel](reference/arkui-ts/ts-container-panel.md)
-              -   [Row](reference/arkui-ts/ts-container-row.md)
-              -   [RowSplit](reference/arkui-ts/ts-container-rowsplit.md)
-              -   [Scroll](reference/arkui-ts/ts-container-scroll.md)
-              -   [ScrollBar](reference/arkui-ts/ts-container-scrollbar.md)
-              -   [Stack](reference/arkui-ts/ts-container-stack.md)
-              -   [Swiper](reference/arkui-ts/ts-container-swiper.md)
-              -   [Tabs](reference/arkui-ts/ts-container-tabs.md)
-              -   [TabContent](reference/arkui-ts/ts-container-tabcontent.md)
-              
-              -   [Refresh](reference/arkui-ts/ts-container-refresh.md)
-          -   [Drawing Components](reference/arkui-ts/ts-drawing-components.md)
-              
-              -   [Circle](reference/arkui-ts/ts-drawing-components-circle.md)
-              -   [Ellipse](reference/arkui-ts/ts-drawing-components-ellipse.md)
-              -   [Line](reference/arkui-ts/ts-drawing-components-line.md)
-              -   [Polyline](reference/arkui-ts/ts-drawing-components-polyline.md)
-              -   [Polygon](reference/arkui-ts/ts-drawing-components-polygon.md)
-          -   [Path](reference/arkui-ts/ts-drawing-components-path.md)
-              -   [Rect](reference/arkui-ts/ts-drawing-components-rect.md)
-              -   [Shape](reference/arkui-ts/ts-drawing-components-shape.md)
-          
-          -   [Canvas Components](reference/arkui-ts/ts-components-canvas.md)
-              -   [Canvas](reference/arkui-ts/ts-components-canvas-canvas.md)
-              -   [CanvasRenderingContext2D](reference/arkui-ts/ts-canvasrenderingcontext2d.md)
-              -   [OffscreenCanvasRenderingConxt2D](reference/arkui-ts/ts-offscreencanvasrenderingcontext2d.md)
-              -   [Lottie](reference/arkui-ts/ts-components-canvas-lottie.md)
-              -   [Path2D](reference/arkui-ts/ts-components-canvas-path2d.md)
-          -   [CanvasGradient](reference/arkui-ts/ts-components-canvas-canvasgradient.md)
-              -   [ImageBitmap](reference/arkui-ts/ts-components-canvas-imagebitmap.md)
-              -   [ImageData](reference/arkui-ts/ts-components-canvas-imagedata.md)
-      -   [Animation](reference/arkui-ts/ts-animation.md)
-          -   [Attribute Animation](reference/arkui-ts/ts-animatorproperty.md)
-          -   [Explicit Animation](reference/arkui-ts/ts-explicit-animation.md)
-          -   [Transition Animation](reference/arkui-ts/ts-transition-animation.md)
-              -   [Page Transition](reference/arkui-ts/ts-page-transition-animation.md)
-              -   [Component Transition](reference/arkui-ts/ts-transition-animation-component.md)
-              -   [Transition of Shared Elements](reference/arkui-ts/ts-transition-animation-shared-elements.md)
-    
-          -   [Motion Path Animation](reference/arkui-ts/ts-motion-path-animation.md)
-          -   [Matrix Transformation](reference/arkui-ts/ts-matrix-transformation.md)
-          -   [Interpolation Calculation](reference/arkui-ts/ts-interpolation-calculation.md)
-    
-      -   [Global UI Methods](reference/arkui-ts/ts-global-ui-methods.md)
-          -   [Alert Dialog Box](reference/arkui-ts/ts-methods-alert-dialog-box.md)
-          -   [Custom Dialog box](reference/arkui-ts/ts-methods-custom-dialog-box.md)
-          -   [Image Cache](reference/arkui-ts/ts-methods-image-cache.md)
-          -   [Media Query](reference/arkui-ts/ts-methods-media-query.md)
-          -   [List Selection Dialog Box](reference/arkui-ts/ts-methods-action-sheet.md)
-    
-      -   [Appendix](reference/arkui-ts/ts-appendix.md)
-          
-          -   [Built-in Enums](reference/arkui-ts/ts-appendix-enums.md)
-    - [APIs](reference/apis/Readme-EN.md)
-      - Ability Framework
-          -   [FeatureAbility Module](reference/apis/js-apis-featureAbility.md)
-          -   [ParticleAbility Module](reference/apis/js-apis-particleAbility.md)
-          -   [DataAbilityHelper Module](reference/apis/js-apis-dataAbilityHelper.md)
-          -   [DataUriUtils Module](reference/apis/js-apis-DataUriUtils.md)
-          -   [Bundle Module](reference/apis/js-apis-Bundle.md)
-          -   [Context Module](reference/apis/js-apis-Context.md)
-      - Event Notification
-          -   [CommonEvent Module](reference/apis/js-apis-commonEvent.md)
-          -   [Notification Module](reference/apis/js-apis-notification.md)
-          -   [Reminder Agent](reference/apis/js-apis-reminderAgent.md)
-      - Resource Management
-          -   [Resource Manager](reference/apis/js-apis-resource-manager.md)
-          -   [Internationalization \(intl\) ](reference/apis/js-apis-intl.md)
-          -   [Internationalization \(i18n\) ](reference/apis/js-apis-i18n.md)
-      - Media
-          -   [Audio Management](reference/apis/js-apis-audio.md)
-          -   [Media](reference/apis/js-apis-media.md)
-      - Security
-          -   [User Authentication](reference/apis/js-apis-useriam-userauth.md)
-          -   [Access Control](reference/apis/js-apis-abilityAccessCtrl.md)
-      - Data Management
-          -   [Lightweight Storage (deprecated since 8)](reference/apis/js-apis-data-storage.md)
-          -   [Distributed Data Management](reference/apis/js-apis-distributed-data.md)
-          -   [Relational Database](reference/apis/js-apis-data-rdb.md)
-          -   [Result Set](reference/apis/js-apis-data-resultset.md)
-          -   [DataAbilityPredicates](reference/apis/js-apis-data-ability.md)
-          -   [Settings](reference/apis/js-apis-settings.md)
-      - File Management
-          -   [File Management](reference/apis/js-apis-fileio.md)
-          -   [Statfs](reference/apis/js-apis-statfs.md)
-          -   [Environment](reference/apis/js-apis-environment.md)
-          -   [Public File Access and Management](reference/apis/js-apis-filemanager.md)
-          -   [App Storage Statistics](reference/apis/js-apis-storage-statistics.md)
-          -   [Volume Management](reference/apis/js-apis-volumemanager.md)
-      -   Account Management
-          -   [Distributed Account Management](reference/apis/js-apis-distributed-account.md)
-          -   [App Account Management](reference/apis/js-apis-appAccount.md)
-      -   Telephony Service
-          -   [Call](reference/apis/js-apis-call.md)
-          -   [SMS](reference/apis/js-apis-sms.md)
-          -   [SIM Management](reference/apis/js-apis-sim.md)
-          -   [Radio](reference/apis/js-apis-radio.md)
-          -   [observer](reference/apis/js-apis-observer.md)
-          -   [Cellular Data](reference/apis/js-apis-telephony-data.md)
-      - Network and Connectivity
-          -   [WLAN](reference/apis/js-apis-wifi.md)  
-          -   [Bluetooth](reference/apis/js-apis-bluetooth.md)
-          -   [RPC](reference/apis/js-apis-rpc.md)
-      - Device Management
-          -   [Sensor](reference/apis/js-apis-sensor.md)
-          -   [Vibrator](reference/apis/js-apis-vibrator.md)
-          -   [Brightness](reference/apis/js-apis-brightness.md)
-          -   [Battery Info](reference/apis/js-apis-battery-info.md)
-          -   [Power Management](reference/apis/js-apis-power.md)
-          -   [Thermal Management](reference/apis/js-apis-thermal.md)
-          -   [Running Lock](reference/apis/js-apis-runninglock.md)
-          -   [Device Info](reference/apis/js-apis-device-info.md)
-          -   [systemParameter](reference/apis/js-apis-system-parameter.md)
-          -   [Device Management](reference/apis/js-apis-device-manager.md)
-          -   [Window](reference/apis/js-apis-window.md)
-          -   [Display](reference/apis/js-apis-display.md)
-          -   [Update](reference/apis/js-apis-update.md) 
-          -   [USB](reference/apis/js-apis-usb.md)
-          -   [Location](reference/apis/js-apis-geolocation.md)
-      - Basic Features
-          -   [Application Context](reference/apis/js-apis-basic-features-app-context.md)
-          -   [Console Logs](reference/apis/js-apis-basic-features-logs.md)
-          -   [Page Routing](reference/apis/js-apis-basic-features-routes.md)
-          -   [Pop-up Window](reference/apis/js-apis-basic-features-pop-up.md)
-          -   [Application Configuration](reference/apis/js-apis-basic-features-configuration.md)
-          -   [Timer](reference/apis/js-apis-basic-features-timer.md)
-          -   [Setting the System Time](reference/apis/js-apis-system-time.md)
-          -   [Animation](reference/apis/js-apis-basic-features-animator.md)
-          -   [WebGL](reference/apis/js-apis-webgl.md)
-          -   [WebGL2](reference/apis/js-apis-webgl2.md)
-          -   [Screenshot](reference/apis/js-apis-screenshot.md)
-      - DFX
-          -   [HiAppEvent](reference/apis/js-apis-hiappevent.md)
-          -   [Performance Tracing](reference/apis/js-apis-hitracemeter.md)
-          -   [Fault Logger](reference/apis/js-apis-faultLogger.md)
-          -   [Distributed Call Chain Tracing](reference/apis/js-apis-hitracechain.md)
-          -   [HiLog](reference/apis/js-apis-hilog.md)
-          -   [HiChecker](reference/apis/js-apis-hichecker.md)
-          -   [HiDebug](reference/apis/js-apis-hidebug.md)
-      - Language Base Class Library
-          -   [Obtaining Process Information](reference/apis/js-apis-process.md)
-          -   [URL String Parsing](reference/apis/js-apis-url.md)
-          -   [URI String Parsing](reference/apis/js-apis-uri.md)
-          -   [Util](reference/apis/js-apis-util.md)
-          -   [XML Parsing and Generation](reference/apis/js-apis-xml.md)
-          -   [XML-to-JavaScript Conversion](reference/apis/js-apis-convertxml.md)
-          -   [Worker Startup](reference/apis/js-apis-worker.md)
-          -   [Linear Container ArrayList](reference/apis/js-apis-arraylist.md)
-          -   [Linear Container Deque](reference/apis/js-apis-deque.md)
-          -   [Linear Container List](reference/apis/js-apis-list.md)
-          -   [Linear Container LinkedList](reference/apis/js-apis-linkedlist.md)
-          -   [Linear Container Queue](reference/apis/js-apis-queue.md)
-          -   [Linear Container Stack](reference/apis/js-apis-stack.md)
-          -   [Linear Container Vector](reference/apis/js-apis-vector.md)
-          -   [Nonlinear Container HashSet](reference/apis/js-apis-hashset.md)
-          -   [Nonlinear Container HashMap](reference/apis/js-apis-hashmap.md)
-          -   [Nonlinear Container PlainArray](reference/apis/js-apis-plainarray.md)
-          -   [Nonlinear Container TreeMap](reference/apis/js-apis-treemap.md)
-          -   [Nonlinear Container TreeSet](reference/apis/js-apis-treeset.md)
-          -   [Nonlinear Container LightWeightMap](reference/apis/js-apis-lightweightmap.md)
-          -   [Nonlinear Container LightWeightSet](reference/apis/js-apis-lightweightset.md)
\ No newline at end of file
+  - [Directory Structure](quick-start/package-structure.md)
+- Development
+  - UI
+    - JavaScript-based Web-Like Development Paradigm
+      - [Overview](ui/ui-js-overview.md)
+      - Framework
+        - [File Organization](ui/js-framework-file.md)
+        - ["js" Tag](ui/js-framework-js-tag.md)
+        - [app.js](ui/js-framework-js-file.md)
+        - Syntax
+          - [HML](ui/js-framework-syntax-hml.md)
+          - [CSS](ui/js-framework-syntax-css.md)
+          - [JavaScript](ui/js-framework-syntax-js.md)
+        - [Lifecycle](ui/js-framework-lifecycle.md)
+        - [Resource Limitations and Access](ui/js-framework-resource-restriction.md)
+        - [Multi-Language Capability](ui/js-framework-multiple-languages.md)
+      - Building the UI
+        - [Component Overview](ui/ui-js-building-ui-component.md)
+        - Building the Layout
+          - [Layout Description](ui/ui-js-building-ui-layout-intro.md)
+          - [Adding Title and Paragraph Text](ui/ui-js-building-ui-layout-text.md)
+          - [Adding an Image](ui/ui-js-building-ui-layout-image.md)
+          - [Adding a Comment](ui/ui-js-building-ui-layout-comment.md)
+          - [Adding a Container](ui/ui-js-building-ui-layout-external-container.md)
+        - [Adding Interactions](ui/ui-js-building-ui-interactions.md)
+        - [Developing Animations](ui/ui-js-building-ui-animation.md)
+        - [Defining Events](ui/ui-js-building-ui-event.md)
+        - [Defining Page Routes](ui/ui-js-building-ui-routes.md)
+      - Common Component Development Guidelines
+        - [Text](ui/ui-js-components-text.md)
+        - [Input](ui/ui-js-components-input.md)
+        - [Button](ui/ui-js-components-button.md)
+        - [List](ui/ui-js-components-list.md)
+        - [Picker](ui/ui-js-components-picker.md)
+        - [Dialog](ui/ui-js-components-dialog.md)
+        - [Form](ui/ui-js-components-form.md)
+        - [Stepper](ui/ui-js-components-stepper.md)
+        - [Tabs](ui/ui-js-component-tabs.md)
+        - [Image](ui/ui-js-components-images.md)
+      - Animation Development Guidelines
+        - CSS Animation
+          - [Defining Attribute Style Animations](ui/ui-js-animate-attribute-style.md)
+          - [Defining Animations with the transform Attribute](ui/ui-js-animate-transform.md)
+          - [Defining Animations with the background-position Attribute](ui/ui-js-animate-background-position-style.md)
+        - JS Animation
+          - [Component Animation](ui/ui-js-animate-component.md)
+          - Interpolator Animation
+            - [Animation Effect](ui/ui-js-animate-dynamic-effects.md)
+            - [Animation Frame](ui/ui-js-animate-frame.md)
+      - [Custom Components](ui/ui-js-custom-components.md)
+    - TypeScript-based Declarative Development Paradigm
+      - [Overview](ui/ui-ts-overview.md)
+      - Framework Overview
+        - File Organization
+          - [Directory Structure](ui/ts-framework-directory.md)
+          - [Rules for Accessing Application Code Files](ui/ts-framework-file-access-rules.md)
+        - ["js" Tag](ui/ts-framework-js-tag.md)
+        - Resource Access
+          - [Media Resource Types](ui/ts-media-resource-type.md)
+        - [Pixel Units](ui/ts-pixel-units.md)
+        - [Types](ui/ts-types.md)
+      - Declarative Syntax
+        - [Overview](ui/ts-syntax-intro.md)
+        - General UI Description Specifications
+          - [Basic Concepts](ui/ts-general-ui-concepts.md)
+          - Declarative UI Description Specifications
+            - [Parameterless Configuration](ui/ts-parameterless-configuration.md)
+            - [Configuration with Mandatory Parameters](ui/ts-configuration-with-mandatory-parameters.md)
+            - [Attribution Configuration](ui/ts-attribution-configuration.md)
+            - [Event Configuration](ui/ts-event-configuration.md)
+            - [Child Component Configuration](ui/ts-child-component-configuration.md)
+          - Componentization
+            - [@Component](ui/ts-component-based-component.md)
+            - [@Entry](ui/ts-component-based-entry.md)
+            - [@Preview](ui/ts-component-based-preview.md)
+            - [@Builder](ui/ts-component-based-builder.md)
+            - [@Extend](ui/ts-component-based-extend.md)
+            - [@CustomDialog](ui/ts-component-based-customdialog.md)
+        - About UI State Management
+          - [Basic Concepts](ui/ts-ui-state-mgmt-concepts.md)
+          - Managing Component States
+            - [@State](ui/ts-component-states-state.md)
+            - [@Prop](ui/ts-component-states-prop.md)
+            - [@Link](ui/ts-component-states-link.md)
+          - Managing Application States
+            - [AppStorage](ui/ts-application-states-appstorage.md)
+            - [PersistentStorage](ui/ts-application-states-apis-persistentstorage.md)
+            - [Environment](ui/ts-application-states-apis-environment.md)
+          - Managing Other States
+            - [@observed and @objectLink](ui/ts-other-states-observed-objectlink.md)
+            - [@Consume and @Provide](ui/ts-other-states-consume-provide.md)
+            - [@Watch](ui/ts-other-states-watch.md)
+        - About Rendering Control Syntax
+          - [if/else](ui/ts-rending-control-syntax-if-else.md)
+          - [ForEach](ui/ts-rending-control-syntax-foreach.md)
+          - [LazyForEach](ui/ts-rending-control-syntax-lazyforeach.md)
+        - About @Component
+          - [build Function](ui/ts-function-build.md)
+          - [Custom Component Initialization](ui/ts-custom-component-initialization.md)
+          - [Custom Component Lifecycle Callbacks](ui/ts-custom-component-lifecycle-callbacks.md)
+          - [Example: Component Creation and Re-Initialization](ui/ts-component-creation-re-initialization.md)
+        - [Syntactic Sugar](ui/ts-syntactic-sugar.md)
+      - Experiencing the Declarative UI
+        - [Creating a Declarative UI Project](ui/ui-ts-creating-project.md)
+        - [Getting to Know Components](ui/ui-ts-components.md)
+        - [Creating a Simple Page](ui/ui-ts-creating-simple-page.md)
+      - Defining Page Layout and Connection
+        - [Building a Food Data Model](ui/ui-ts-building-data-model.md)
+        - [Building a Food Category List Layout](ui/ui-ts-building-category-list-layout.md)
+        - [Building a Food Category Grid Layout](ui/ui-ts-building-category-grid-layout.md)
+        - [Implementing Page Redirection and Data Transmission](ui/ui-ts-page-redirection-data-transmission.md)
+  - Basic Functions
+    - Agent-Powered Scheduled Reminders
+      - [Overview](background-agent-scheduled-reminder/background-agent-scheduled-reminder-overview.md)
+      - [Development Guidelines](background-agent-scheduled-reminder/background-agent-scheduled-reminder-guide.md)
+    - Background Task Management
+      - [Background Task Management Overview](background-task-management/background-task-overview.md)
+      - [Background Task Management Development](background-task-management/background-task-dev-guide.md)
+    - WebGL
+      - [WebGL Overview](webgl/webgl-overview.md)
+      - [WebGL Development](webgl/webgl-guidelines.md)
+    - Media
+      - Audio
+        - [Audio Overview](media/audio-overview.md)
+        - [Audio Playback Development](media/audio-playback.md)
+        - [Audio Playback Development Using AudioRenderer](media/audio-renderer.md)
+        - [Audio Recording Development](media/audio-recorder.md)
+        - [Audio Recorder Development Using AudioCapturer](media/audio-capturer)
+      - Video
+        - [Video Playback Development](media/video-playback.md)
+        - [Video Recording Development](media/video-recorder.md)
+    - Security
+      - User Authentication
+        - [User Authentication Overview](security/userauth-overview.md)
+        - [User Authentication Development](security/userauth-guidelines.md)
+    - Connectivity
+      - IPC & RPC
+        - [IPC & RPC Overview](connectivity/ipc-rpc-overview.md)
+        - [IPC & RPC Development Guidelines](connectivity/ipc-rpc-development-guideline.md)
+        - [Subscribing to State Changes of a Remote Object](connectivity/subscribe-remote-state.md)
+    - Data Management
+      - Distributed Data Service
+        - [Distributed Data Service Overview](database/database-mdds-overview.md)
+        - [Distributed Data Service Development](database/database-mdds-guidelines.md)
+      - Relational Database Overview
+        - [RDB Overview](database/database-relational-overview.md)
+        - [RDB Development](database/database-relational-guidelines.md)
+      - Lightweight Data Store
+        - [Lightweight Data Store Overview](database/database-preference-overview.md)
+        - [Lightweight Data Store Development](database/database-preference-guidelines.md)
+    - Device
+      - USB Service
+        - [USB Service Overview](device/usb-overview.md)
+        - [USB Service Development](device/usb-guidelines.md)
+      - Location
+        - [Location Overview](device/device-location-overview.md)
+        - [Obtaining Device Location Information](device/device-location-info.md)
+        - [Geocoding and Reverse Geocoding Capabilities](device/device-location-geocoding.md)
+    - DFX
+      - Application Event Logging
+        - [Overview of Application Event Logging](dfx/hiappevent-overview.md)
+        - [Development Guidelines on Application Event Logging](dfx/hiappevent-guidelines.md)
+- Tools
+  - DevEco Studio (OpenHarmony) User Guide
+    - [Overview](quick-start/deveco-studio-overview.md)
+    - [Version Change History](quick-start/deveco-studio-release-notes.md)
+    - [Configuring the OpenHarmony SDK](quick-start/configuring-openharmony-sdk.md)
+    - [Creating an OpenHarmony Project](quick-start/create-openharmony-project.md)
+    - [Configuring the OpenHarmony App Signature](quick-start/configuring-openharmony-app-signature.md)
+    - [Installing and Running Your OpenHarmony App](quick-start/installing-openharmony-app.md)
+- Hands-On Tutorials
+  - [Samples](https://gitee.com/openharmony/app_samples/blob/master/README.md)
+- API References
+  - Compent Reference (JavaScript-based Web-like Development Paradigm)
+    - [Components](reference/arkui-js/js-components.md)
+      - [Common](reference/arkui-js/js-components-common.md)
+        - [Universal Attributes](reference/arkui-js/js-components-common-attributes.md)
+        - [Universal Styles](reference/arkui-js/js-components-common-styles.md)
+        - [Universal Events](reference/arkui-js/js-components-common-events.md)
+        - [Universal Methods](reference/arkui-js/js-components-common-methods.md)
+        - [Animation Styles](reference/arkui-js/js-components-common-animation.md)
+        - [Gradient Styles](reference/arkui-js/js-components-common-gradient.md)
+        - [Transition Styles](reference/arkui-js/js-components-common-transition.md)
+        - [Custom Font Styles](reference/arkui-js/js-components-common-customizing-font.md)
+        - [Atomic Layout](reference/arkui-js/js-components-common-atomic-layout.md)
+      - [Container Component](reference/arkui-js/js-components-container.md)
+        - [badge](reference/arkui-js/js-components-container-badge.md)
+        - [dialog](reference/arkui-js/js-components-container-dialog.md)
+        - [div](reference/arkui-js/js-components-container-div.md)
+        - [form](reference/arkui-js/js-components-container-form.md)
+        - [list](reference/arkui-js/js-components-container-list.md)
+        - [list-item](reference/arkui-js/js-components-container-list-item.md)
+        - [list-item-group](reference/arkui-js/js-components-container-list-item-group.md)
+        - [panel](reference/arkui-js/js-components-container-panel.md)
+        - [popup](reference/arkui-js/js-components-container-popup.md)
+        - [refresh](reference/arkui-js/js-components-container-refresh.md)
+        - [stack](reference/arkui-js/js-components-container-stack.md)
+        - [stepper](reference/arkui-js/js-components-container-stepper.md)
+        - [stepper-item](reference/arkui-js/js-components-container-stepper-item.md)
+        - [swiper](reference/arkui-js/js-components-container-swiper.md)
+        - [tabs](reference/arkui-js/js-components-container-tabs.md)
+        - [tab-bar](reference/arkui-js/js-components-container-tab-bar.md)
+        - [tab-content](reference/arkui-js/js-components-container-tab-content.md)
+      - [Basic Components](reference/arkui-js/js-components-basic.md)
+        - [button](reference/arkui-js/js-components-basic-button.md)
+        - [chart](reference/arkui-js/js-components-basic-chart.md)
+        - [divider](reference/arkui-js/js-components-basic-divider.md)
+        - [image](reference/arkui-js/js-components-basic-image.md)
+        - [image-animator](reference/arkui-js/js-components-basic-image-animator.md)
+        - [input](reference/arkui-js/js-components-basic-input.md)
+        - [label](reference/arkui-js/js-components-basic-label.md)
+        - [marquee](reference/arkui-js/js-components-basic-marquee.md)
+        - [menu](reference/arkui-js/js-components-basic-menu.md)
+        - [option](reference/arkui-js/js-components-basic-option.md)
+        - [picker](reference/arkui-js/js-components-basic-picker.md)
+        - [picker-view](reference/arkui-js/js-components-basic-picker-view.md)
+        - [piece](reference/arkui-js/js-components-basic-piece.md)
+        - [progress](reference/arkui-js/js-components-basic-progress.md)
+        - [qrcode](reference/arkui-js/js-components-basic-qrcode.md)
+        - [rating](reference/arkui-js/js-components-basic-rating.md)
+        - [richtext](reference/arkui-js/js-components-basic-richtext.md)
+        - [search](reference/arkui-js/js-components-basic-search.md)
+        - [select](reference/arkui-js/js-components-basic-select.md)
+        - [slider](reference/arkui-js/js-components-basic-slider.md)
+        - [span](reference/arkui-js/js-components-basic-span.md)
+        - [switch](reference/arkui-js/js-components-basic-switch.md)
+        - [text](reference/arkui-js/js-components-basic-text.md)
+        - [textarea](reference/arkui-js/js-components-basic-textarea.md)
+        - [toolbar](reference/arkui-js/js-components-basic-toolbar.md)
+        - [toolbar-item](reference/arkui-js/js-components-basic-toolbar-item.md)
+        - [toggle](reference/arkui-js/js-components-basic-toggle.md)
+      - [Media Components](reference/arkui-js/js-components-media.md)
+        - [video](reference/arkui-js/js-components-media-video.md)
+      - [Canvas Components](reference/arkui-js/js-components-canvas.md)
+        - [canvas](reference/arkui-js/js-components-canvas-canvas.md)
+        - [CanvasRenderingContext2D](reference/arkui-js/js-components-canvas-canvasrenderingcontext2d.md)
+        - [Image](reference/arkui-js/js-components-canvas-image.md)
+        - [CanvasGradient](reference/arkui-js/js-components-canvas-canvasgradient.md)
+        - [ImageData](reference/arkui-js/js-components-canvas-imagedata.md)
+        - [Path2D](reference/arkui-js/js-components-canvas-path2d.md)
+        - [ImageBitmap](reference/arkui-js/js-components-canvas-imagebitmap.md)
+        - [OffscreenCanvas](reference/arkui-js/js-components-canvas-offscreencanvas.md)
+        - [OffscreenCanvasRenderingContext2D](reference/arkui-js/js-offscreencanvasrenderingcontext2d.md)
+      - [Grid](reference/arkui-js/js-components-grid.md)
+        - [Basic Concepts](reference/arkui-js/js-components-grid-basic-concepts.md)
+        - [grid-container](reference/arkui-js/js-components-grid-container.md)
+        - [grid-row](reference/arkui-js/js-components-grid-row.md)
+        - [grid-col](reference/arkui-js/js-components-grid-col.md)
+      - [SVG Components](reference/arkui-js/js-svg.md)
+        - [Universal Attributes](reference/arkui-js/js-components-svg-common-attributes.md)
+        - [svg](reference/arkui-js/js-components-svg.md)
+        - [rect](reference/arkui-js/js-components-svg-rect.md)
+        - [circle](reference/arkui-js/js-components-svg-circle.md)
+        - [ellipse](reference/arkui-js/js-components-svg-ellipse.md)
+        - [path](reference/arkui-js/js-components-svg-path.md)
+        - [line](reference/arkui-js/js-components-svg-line.md)
+        - [polyline](reference/arkui-js/js-components-svg-polyline.md)
+        - [polygon](reference/arkui-js/js-components-svg-polygon.md)
+        - [text](reference/arkui-js/js-components-svg-text.md)
+        - [tspan](reference/arkui-js/js-components-svg-tspan.md)
+        - [textPath](reference/arkui-js/js-components-svg-textpath.md)
+        - [animate](reference/arkui-js/js-components-svg-animate.md)
+        - [animateMotion](reference/arkui-js/js-components-svg-animatemotion.md)
+        - [animateTransform](reference/arkui-js/js-components-svg-animatetransform.md)
+    - [Custom Components](reference/arkui-js/js-components-custom.md)
+      - [Basic Usage](reference/arkui-js/js-components-custom-basic-usage.md)
+      - [Custom Events](reference/arkui-js/js-components-custom-events.md)
+      - [props](reference/arkui-js/js-components-custom-props.md)
+      - [Event Parameter](reference/arkui-js/js-components-custom-event-parameter.md)
+      - [slot](reference/arkui-js/js-components-custom-slot.md)
+      - [Lifecycle Definition](reference/arkui-js/js-components-custom-lifecycle.md)
+    - [Appendix](reference/arkui-js/js-appendix.md)
+      - [Type Attributes](reference/arkui-js/js-appendix-types.md)
+  - Compent Reference (TypeScript-based Declarative Development Paradigm)
+    - [Components](reference/arkui-ts/ts-components.md)
+      - [Universal Components](reference/arkui-ts/ts-universal-components.md)
+        - [Universal Events](reference/arkui-ts/ts-universal-events.md)
+          - [Click Event](reference/arkui-ts/ts-universal-events-click.md)
+          - [Touch](reference/arkui-ts/ts-universal-events-touch.md)
+          - [Show/Hide Event](reference/arkui-ts/ts-universal-events-show-hide.md)
+          - [Key Event](reference/arkui-ts/ts-universal-events-key.md)
+          - [Component Area Change Event](reference/arkui-ts/ts-universal-events-component-area-change.md)
+        - [Universal Attributes](reference/arkui-ts/ts-universal-attributes.md)
+          - [Size](reference/arkui-ts/ts-universal-attributes-size.md)
+          - [Location](reference/arkui-ts/ts-universal-attributes-location.md)
+          - [Layout Constraints](reference/arkui-ts/ts-universal-attributes-layout-constraints.md)
+          - [Flex Layout](reference/arkui-ts/ts-universal-attributes-flex-layout.md)
+          - [Border Configuration](reference/arkui-ts/ts-universal-attributes-border.md)
+          - [Background](reference/arkui-ts/ts-universal-attributes-background.md)
+          - [Opacity](reference/arkui-ts/ts-universal-attributes-opacity.md)
+          - [Visibility](reference/arkui-ts/ts-universal-attributes-visibility.md)
+          - [Enable/Disable](reference/arkui-ts/ts-universal-attributes-enable.md)
+          - [Overlay](reference/arkui-ts/ts-universal-attributes-overlay.md)
+          - [Z-order Control](reference/arkui-ts/ts-universal-attributes-z-order.md)
+          - [Transformation](reference/arkui-ts/ts-universal-attributes-transformation.md)
+          - [Image Effect Configuration](reference/arkui-ts/ts-universal-attributes-image-effect.md)
+          - [Shape Clipping](reference/arkui-ts/ts-universal-attributes-sharp-clipping.md)
+          - [Text Style](reference/arkui-ts/ts-universal-attributes-text-style.md)
+          - [Grid](reference/arkui-ts/ts-universal-attributes-grid.md)
+          - [Gradient Color](reference/arkui-ts/ts-universal-attributes-gradient-color.md)
+          - [Popup Control](reference/arkui-ts/ts-universal-attributes-popup.md)
+          - [Menu Control](reference/arkui-ts/ts-universal-attributes-menu.md)
+          - [Click Control](reference/arkui-ts/ts-universal-attributes-touchable.md)
+          - [Touch Target](reference/arkui-ts/ts-universal-attributes-response-region.md)
+        - [Gesture Processing](reference/arkui-ts/ts-gesture-processing.md)
+          - [Gesture Binding Methods](reference/arkui-ts/ts-gesture-settings.md)
+          - [Basic Gestures](reference/arkui-ts/ts-basic-gestures.md)
+            - [TapGesture](reference/arkui-ts/ts-basic-gestures-tapgesture.md)
+            - [LongPressGesture](reference/arkui-ts/ts-basic-gestures-longpressgesture.md)
+            - [PanGesture](reference/arkui-ts/ts-basic-gestures-pangesture.md)
+            - [PinchGesture](reference/arkui-ts/ts-basic-gestures-pinchgesture.md)
+            - [RotationGesture](reference/arkui-ts/ts-basic-gestures-rotationgesture.md)
+            - [SwipeGesture](reference/arkui-ts/ts-basic-gestures-swipegesture.md)
+          - [Combined Gestures](reference/arkui-ts/ts-combined-gestures.md)
+      - [Basic Components](reference/arkui-ts/ts-basic-components.md)
+        - [Blank](reference/arkui-ts/ts-basic-components-blank.md)
+        - [Button](reference/arkui-ts/ts-basic-components-button.md)
+        - [DataPanel](reference/arkui-ts/ts-basic-components-datapanel.md)
+        - [Divider](reference/arkui-ts/ts-basic-components-divider.md)
+        - [Gauge](reference/arkui-ts/ts-basic-components-gauge.md)
+        - [Image](reference/arkui-ts/ts-basic-components-image.md)
+        - [ImageAnimator](reference/arkui-ts/ts-basic-components-imageanimator.md)
+        - [LoadingProgress](reference/arkui-ts/ts-basic-components-loadingprogress.md)
+        - [Marquee](reference/arkui-ts/ts-basic-components-marquee.md)
+        - [Progress](reference/arkui-ts/ts-basic-components-progress.md)
+        - [QRCode](reference/arkui-ts/ts-basic-components-qrcode.md)
+        - [Rating](reference/arkui-ts/ts-basic-components-rating.md)
+        - [Select](reference/arkui-ts/ts-basic-components-select.md)
+        - [Slider](reference/arkui-ts/ts-basic-components-slider.md)
+        - [Span](reference/arkui-ts/ts-basic-components-span.md)
+        - [Text](reference/arkui-ts/ts-basic-components-text.md)
+        - [TextArea](reference/arkui-ts/ts-basic-components-textarea.md)
+        - [TextInput](reference/arkui-ts/ts-basic-components-textinput.md)
+        - [Toggle](reference/arkui-ts/ts-basic-components-toggle.md)
+        - [TextClock](reference/arkui-ts/ts-basic-components-textclock.md)
+      - [Container Components](reference/arkui-ts/ts-components-container.md)
+        - [AlphabetIndexer](reference/arkui-ts/ts-container-alphabet-indexer.md)
+        - [Badge](reference/arkui-ts/ts-container-badge.md)
+        - [Column](reference/arkui-ts/ts-container-column.md)
+        - [ColumnSplit](reference/arkui-ts/ts-container-columnsplit.md)
+        - [Counter](reference/arkui-ts/ts-container-counter.md)
+        - [Flex](reference/arkui-ts/ts-container-flex.md)
+        - [GridContainer](reference/arkui-ts/ts-container-gridcontainer.md)
+        - [Grid](reference/arkui-ts/ts-container-grid.md)
+        - [GridItem](reference/arkui-ts/ts-container-griditem.md)
+        - [List](reference/arkui-ts/ts-container-list.md)
+        - [ListItem](reference/arkui-ts/ts-container-listitem.md)
+        - [Navigator](reference/arkui-ts/ts-container-navigator.md)
+        - [Navigation](reference/arkui-ts/ts-container-navigation.md)
+        - [Panel](reference/arkui-ts/ts-container-panel.md)
+        - [Row](reference/arkui-ts/ts-container-row.md)
+        - [RowSplit](reference/arkui-ts/ts-container-rowsplit.md)
+        - [Scroll](reference/arkui-ts/ts-container-scroll.md)
+        - [ScrollBar](reference/arkui-ts/ts-container-scrollbar.md)
+        - [Stack](reference/arkui-ts/ts-container-stack.md)
+        - [Swiper](reference/arkui-ts/ts-container-swiper.md)
+        - [Tabs](reference/arkui-ts/ts-container-tabs.md)
+        - [TabContent](reference/arkui-ts/ts-container-tabcontent.md)
+        - [Refresh](reference/arkui-ts/ts-container-refresh.md)
+      - [Drawing Components](reference/arkui-ts/ts-drawing-components.md)
+        - [Circle](reference/arkui-ts/ts-drawing-components-circle.md)
+        - [Ellipse](reference/arkui-ts/ts-drawing-components-ellipse.md)
+        - [Line](reference/arkui-ts/ts-drawing-components-line.md)
+        - [Polyline](reference/arkui-ts/ts-drawing-components-polyline.md)
+        - [Polygon](reference/arkui-ts/ts-drawing-components-polygon.md)
+      - [Path](reference/arkui-ts/ts-drawing-components-path.md)
+        - [Rect](reference/arkui-ts/ts-drawing-components-rect.md)
+        - [Shape](reference/arkui-ts/ts-drawing-components-shape.md)
+      - [Canvas Components](reference/arkui-ts/ts-components-canvas.md)
+        - [Canvas](reference/arkui-ts/ts-components-canvas-canvas.md)
+        - [CanvasRenderingContext2D](reference/arkui-ts/ts-canvasrenderingcontext2d.md)
+        - [OffscreenCanvasRenderingConxt2D](reference/arkui-ts/ts-offscreencanvasrenderingcontext2d.md)
+        - [Lottie](reference/arkui-ts/ts-components-canvas-lottie.md)
+        - [Path2D](reference/arkui-ts/ts-components-canvas-path2d.md)
+      - [CanvasGradient](reference/arkui-ts/ts-components-canvas-canvasgradient.md)
+        - [ImageBitmap](reference/arkui-ts/ts-components-canvas-imagebitmap.md)
+        - [ImageData](reference/arkui-ts/ts-components-canvas-imagedata.md)
+    - [Animation](reference/arkui-ts/ts-animation.md)
+      - [Attribute Animation](reference/arkui-ts/ts-animatorproperty.md)
+      - [Explicit Animation](reference/arkui-ts/ts-explicit-animation.md)
+      - [Transition Animation](reference/arkui-ts/ts-transition-animation.md)
+        - [Page Transition](reference/arkui-ts/ts-page-transition-animation.md)
+        - [Component Transition](reference/arkui-ts/ts-transition-animation-component.md)
+        - [Transition of Shared Elements](reference/arkui-ts/ts-transition-animation-shared-elements.md)
+      - [Motion Path Animation](reference/arkui-ts/ts-motion-path-animation.md)
+      - [Matrix Transformation](reference/arkui-ts/ts-matrix-transformation.md)
+      - [Interpolation Calculation](reference/arkui-ts/ts-interpolation-calculation.md)
+    - [Global UI Methods](reference/arkui-ts/ts-global-ui-methods.md)
+      - [Alert Dialog Box](reference/arkui-ts/ts-methods-alert-dialog-box.md)
+      - [Custom Dialog box](reference/arkui-ts/ts-methods-custom-dialog-box.md)
+      - [Image Cache](reference/arkui-ts/ts-methods-image-cache.md)
+      - [Media Query](reference/arkui-ts/ts-methods-media-query.md)
+      - [List Selection Dialog Box](reference/arkui-ts/ts-methods-action-sheet.md)
+    - [Appendix](reference/arkui-ts/ts-appendix.md)
+      - [Built-in Enums](reference/arkui-ts/ts-appendix-enums.md)
+  - APIs
+    - Ability Framework
+      - [FeatureAbility Module](reference/apis/js-apis-featureAbility.md)
+      - [ParticleAbility Module](reference/apis/js-apis-particleAbility.md)
+      - [DataAbilityHelper Module](reference/apis/js-apis-dataAbilityHelper.md)
+      - [DataUriUtils Module](reference/apis/js-apis-DataUriUtils.md)
+      - [Bundle Module](reference/apis/js-apis-Bundle.md)
+      - [Context Module](reference/apis/js-apis-Context.md)
+    - Event Notification
+      - [CommonEvent Module](reference/apis/js-apis-commonEvent.md)
+      - [Notification Module](reference/apis/js-apis-notification.md)
+      - [Reminder Agent](reference/apis/js-apis-reminderAgent.md)
+    - Resource Management
+      - [Resource Manager](reference/apis/js-apis-resource-manager.md)
+      - [Internationalization (intl)](reference/apis/js-apis-intl.md)
+      - [Internationalization (i18n)](reference/apis/js-apis-i18n.md)
+    - Media
+      - [Audio Management](reference/apis/js-apis-audio.md)
+      - [Media](reference/apis/js-apis-media.md)
+    - Security
+      - [User Authentication](reference/apis/js-apis-useriam-userauth.md)
+      - [Access Control](reference/apis/js-apis-abilityAccessCtrl.md)
+    - Data Management
+      - [Lightweight Storage (deprecated since 8)](reference/apis/js-apis-data-storage.md)
+      - [Distributed Data Management](reference/apis/js-apis-distributed-data.md)
+      - [Relational Database](reference/apis/js-apis-data-rdb.md)
+      - [Result Set](reference/apis/js-apis-data-resultset.md)
+      - [DataAbilityPredicates](reference/apis/js-apis-data-ability.md)
+      - [Settings](reference/apis/js-apis-settings.md)
+    - File Management
+      - [File Management](reference/apis/js-apis-fileio.md)
+      - [Statfs](reference/apis/js-apis-statfs.md)
+      - [Environment](reference/apis/js-apis-environment.md)
+      - [Public File Access and Management](reference/apis/js-apis-filemanager.md)
+      - [App Storage Statistics](reference/apis/js-apis-storage-statistics.md)
+      - [Volume Management](reference/apis/js-apis-volumemanager.md)
+    - Account Management
+      - [Distributed Account Management](reference/apis/js-apis-distributed-account.md)
+      - [App Account Management](reference/apis/js-apis-appAccount.md)
+    - Telephony Service
+      - [Call](reference/apis/js-apis-call.md)
+      - [SMS](reference/apis/js-apis-sms.md)
+      - [SIM Management](reference/apis/js-apis-sim.md)
+      - [Radio](reference/apis/js-apis-radio.md)
+      - [observer](reference/apis/js-apis-observer.md)
+      - [Cellular Data](reference/apis/js-apis-telephony-data.md)
+    - Network and Connectivity
+      - [WLAN](reference/apis/js-apis-wifi.md)
+      - [Bluetooth](reference/apis/js-apis-bluetooth.md)
+      - [RPC](reference/apis/js-apis-rpc.md)
+    - Device Management
+      - [Sensor](reference/apis/js-apis-sensor.md)
+      - [Vibrator](reference/apis/js-apis-vibrator.md)
+      - [Brightness](reference/apis/js-apis-brightness.md)
+      - [Battery Info](reference/apis/js-apis-battery-info.md)
+      - [Power Management](reference/apis/js-apis-power.md)
+      - [Thermal Management](reference/apis/js-apis-thermal.md)
+      - [Running Lock](reference/apis/js-apis-runninglock.md)
+      - [Device Info](reference/apis/js-apis-device-info.md)
+      - [systemParameter](reference/apis/js-apis-system-parameter.md)
+      - [Device Management](reference/apis/js-apis-device-manager.md)
+      - [Window](reference/apis/js-apis-window.md)
+      - [Display](reference/apis/js-apis-display.md)
+      - [Update](reference/apis/js-apis-update.md)
+      - [USB](reference/apis/js-apis-usb.md)
+      - [Location](reference/apis/js-apis-geolocation.md)
+    - Basic Features
+      - [Application Context](reference/apis/js-apis-basic-features-app-context.md)
+      - [Console Logs](reference/apis/js-apis-basic-features-logs.md)
+      - [Page Routing](reference/apis/js-apis-basic-features-routes.md)
+      - [Pop-up Window](reference/apis/js-apis-basic-features-pop-up.md)
+      - [Application Configuration](reference/apis/js-apis-basic-features-configuration.md)
+      - [Timer](reference/apis/js-apis-basic-features-timer.md)
+      - [Setting the System Time](reference/apis/js-apis-system-time.md)
+      - [Animation](reference/apis/js-apis-basic-features-animator.md)
+      - [WebGL](reference/apis/js-apis-webgl.md)
+      - [WebGL2](reference/apis/js-apis-webgl2.md)
+      - [Screenshot](reference/apis/js-apis-screenshot.md)
+    - DFX
+      - [HiAppEvent](reference/apis/js-apis-hiappevent.md)
+      - [Performance Tracing](reference/apis/js-apis-hitracemeter.md)
+      - [Fault Logger](reference/apis/js-apis-faultLogger.md)
+      - [Distributed Call Chain Tracing](reference/apis/js-apis-hitracechain.md)
+      - [HiLog](reference/apis/js-apis-hilog.md)
+      - [HiChecker](reference/apis/js-apis-hichecker.md)
+      - [HiDebug](reference/apis/js-apis-hidebug.md)
+    - Language Base Class Library
+      - [Obtaining Process Information](reference/apis/js-apis-process.md)
+      - [URL String Parsing](reference/apis/js-apis-url.md)
+      - [URI String Parsing](reference/apis/js-apis-uri.md)
+      - [Util](reference/apis/js-apis-util.md)
+      - [XML Parsing and Generation](reference/apis/js-apis-xml.md)
+      - [XML-to-JavaScript Conversion](reference/apis/js-apis-convertxml.md)
+      - [Worker Startup](reference/apis/js-apis-worker.md)
+      - [Linear Container ArrayList](reference/apis/js-apis-arraylist.md)
+      - [Linear Container Deque](reference/apis/js-apis-deque.md)
+      - [Linear Container List](reference/apis/js-apis-list.md)
+      - [Linear Container LinkedList](reference/apis/js-apis-linkedlist.md)
+      - [Linear Container Queue](reference/apis/js-apis-queue.md)
+      - [Linear Container Stack](reference/apis/js-apis-stack.md)
+      - [Linear Container Vector](reference/apis/js-apis-vector.md)
+      - [Nonlinear Container HashSet](reference/apis/js-apis-hashset.md)
+      - [Nonlinear Container HashMap](reference/apis/js-apis-hashmap.md)
+      - [Nonlinear Container PlainArray](reference/apis/js-apis-plainarray.md)
+      - [Nonlinear Container TreeMap](reference/apis/js-apis-treemap.md)
+      - [Nonlinear Container TreeSet](reference/apis/js-apis-treeset.md)
+      - [Nonlinear Container LightWeightMap](reference/apis/js-apis-lightweightmap.md)
+      - [Nonlinear Container LightWeightSet](reference/apis/js-apis-lightweightset.md)
\ No newline at end of file

en/website.md

-- [Application Development Overview](application-dev-guide.md)
-- Quick Start
-  - [Getting Started with Application Development](quick-start/Readme-EN.md)
-    - DevEco Studio (OpenHarmony) User Guide
-      - [Overview](quick-start/deveco-studio-overview.md)
-      - [Version Change History](quick-start/deveco-studio-release-notes.md)
-      - [Configuring the OpenHarmony SDK](quick-start/configuring-openharmony-sdk.md)
-      - [Creating an OpenHarmony Project](quick-start/create-openharmony-project.md)
-        - [Using the Project Wizard to Create a Project](quick-start/use-wizard-to-create-project.md)
-        - [Importing a Sample to Create a Project](quick-start/import-sample-to-create-project.md)
-      - [Configuring the OpenHarmony App Signature](quick-start/configuring-openharmony-app-signature.md)
-      - [Installing and Running Your OpenHarmony App](quick-start/installing-openharmony-app.md)
-  - [Directory Structure](quick-start/package-structure.md)
-- Development
-  - UI
-    - JavaScript-based Web-Like Development Paradigm
-      - [Overview](ui/ui-js-overview.md)
-      - Framework
-        - [File Organization](ui/js-framework-file.md)
-        - ["js" Tag](ui/js-framework-js-tag.md)
-        - [app.js](ui/js-framework-js-file.md)
-        - Syntax
-          - [HML](ui/js-framework-syntax-hml.md)
-          - [CSS](ui/js-framework-syntax-css.md)
-          - [JavaScript](ui/js-framework-syntax-js.md)
-        - [Lifecycle](ui/js-framework-lifecycle.md)
-        - [Resource Limitations and Access](ui/js-framework-resource-restriction.md)
-        - [Multi-Language Capability](ui/js-framework-multiple-languages.md)
-      - Building the UI
-        - [Component Overview](ui/ui-js-building-ui-component.md)
-        - Building the Layout
-          - [Layout Description](ui/ui-js-building-ui-layout-intro.md)
-          - [Adding Title and Paragraph Text](ui/ui-js-building-ui-layout-text.md)
-          - [Adding an Image](ui/ui-js-building-ui-layout-image.md)
-          - [Adding a Comment](ui/ui-js-building-ui-layout-comment.md)
-          - [Adding a Container](ui/ui-js-building-ui-layout-external-container.md)
-        - [Adding Interactions](ui/ui-js-building-ui-interactions.md)
-        - [Developing Animations](ui/ui-js-building-ui-animation.md)
-        - [Defining Events](ui/ui-js-building-ui-event.md)
-        - [Defining Page Routes](ui/ui-js-building-ui-routes.md)
-      - Common Component Development Guidelines
-        - [Text](ui/ui-js-components-text.md)
-        - [Input](ui/ui-js-components-input.md)
-        - [Button](ui/ui-js-components-button.md)
-        - [List](ui/ui-js-components-list.md)
-        - [Picker](ui/ui-js-components-picker.md)
-        - [Dialog](ui/ui-js-components-dialog.md)
-        - [Form](ui/ui-js-components-form.md)
-        - [Stepper](ui/ui-js-components-stepper.md)
-        - [Tabs](ui/ui-js-component-tabs.md)
-        - [Image](ui/ui-js-components-images.md)
-      - Animation Development Guidelines
-        - CSS Animation
-          - [Defining Attribute Style Animations](ui/ui-js-animate-attribute-style.md)
-          - [Defining Animations with the transform Attribute](ui/ui-js-animate-transform.md)
-          - [Defining Animations with the background-position Attribute](ui/ui-js-animate-background-position-style.md)
-        - JS Animation
-          - [Component Animation](ui/ui-js-animate-component.md)
-          - Interpolator Animation
-            - [Animation Effect](ui/ui-js-animate-dynamic-effects.md)
-            - [Animation Frame](ui/ui-js-animate-frame.md)
-      - [Custom Components](ui/ui-js-custom-components.md)
-    - TypeScript-based Declarative Development Paradigm
-      - [Overview](ui/ui-ts-overview.md)
-      - Framework Overview
-        - File Organization
-          - [Directory Structure](ui/ts-framework-directory.md)
-          - [Rules for Accessing Application Code Files](ui/ts-framework-file-access-rules.md)
-        - ["js" Tag](ui/ts-framework-js-tag.md)
-        - Resource Access
-          - [Media Resource Types](ui/ts-media-resource-type.md)
-        - [Pixel Units](ui/ts-pixel-units.md)
-        - [Types](ui/ts-types.md)
-      - Declarative Syntax
-        - [Overview](ui/ts-syntax-intro.md)
-        - General UI Description Specifications
-          - [Basic Concepts](ui/ts-general-ui-concepts.md)
-          - Declarative UI Description Specifications
-            - [Parameterless Configuration](ui/ts-parameterless-configuration.md)
-            - [Configuration with Mandatory Parameters](ui/ts-configuration-with-mandatory-parameters.md)
-            - [Attribution Configuration](ui/ts-attribution-configuration.md)
-            - [Event Configuration](ui/ts-event-configuration.md)
-            - [Child Component Configuration](ui/ts-child-component-configuration.md)
-          - Componentization
-            - [@Component](ui/ts-component-based-component.md)
-            - [@Entry](ui/ts-component-based-entry.md)
-            - [@Preview](ui/ts-component-based-preview.md)
-            - [@Builder](ui/ts-component-based-builder.md)
-            - [@Extend](ui/ts-component-based-extend.md)
-            - [@CustomDialog](ui/ts-component-based-customdialog.md)
-        - About UI State Management
-          - [Basic Concepts](ui/ts-ui-state-mgmt-concepts.md)
-          - Managing Component States
-            - [@State](ui/ts-component-states-state.md)
-            - [@Prop](ui/ts-component-states-prop.md)
-            - [@Link](ui/ts-component-states-link.md)
-          - Managing Application States
-            - [AppStorage](ui/ts-application-states-appstorage.md)
-            - [PersistentStorage](ui/ts-application-states-apis-persistentstorage.md)
-            - [Environment](ui/ts-application-states-apis-environment.md)
-          - Managing Other States
-            - [@observed and @objectLink](ui/ts-other-states-observed-objectlink.md)
-            - [@Consume and @Provide](ui/ts-other-states-consume-provide.md)
-            - [@Watch](ui/ts-other-states-watch.md)
-        - About Rendering Control Syntax
-          - [if/else](ui/ts-rending-control-syntax-if-else.md)
-          - [ForEach](ui/ts-rending-control-syntax-foreach.md)
-          - [LazyForEach](ui/ts-rending-control-syntax-lazyforeach.md)
-        - About @Component
-          - [build Function](ui/ts-function-build.md)
-          - [Custom Component Initialization](ui/ts-custom-component-initialization.md)
-          - [Custom Component Lifecycle Callbacks](ui/ts-custom-component-lifecycle-callbacks.md)
-          - [Example: Component Creation and Re-Initialization](ui/ts-component-creation-re-initialization.md)
-        - [Syntactic Sugar](ui/ts-syntactic-sugar.md)
-      - Experiencing the Declarative UI
-        - [Creating a Declarative UI Project](ui/ui-ts-creating-project.md)
-        - [Getting to Know Components](ui/ui-ts-components.md)
-        - [Creating a Simple Page](ui/ui-ts-creating-simple-page.md)
-      - Defining Page Layout and Connection
-        - [Building a Food Data Model](ui/ui-ts-building-data-model.md)
-        - [Building a Food Category List Layout](ui/ui-ts-building-category-list-layout.md)
-        - [Building a Food Category Grid Layout](ui/ui-ts-building-category-grid-layout.md)
-        - [Implementing Page Redirection and Data Transmission](ui/ui-ts-page-redirection-data-transmission.md)
-  - Basic Functions
-    - Agent-Powered Scheduled Reminders
-      - [Overview](background-agent-scheduled-reminder/background-agent-scheduled-reminder-overview.md)
-      - [Development Guidelines](background-agent-scheduled-reminder/background-agent-scheduled-reminder-guide.md)
-    - Background Task Management
-      - [Background Task Management Overview](background-task-management/background-task-overview.md)
-      - [Background Task Management Development](background-task-management/background-task-dev-guide.md)
-    - WebGL
-      - [WebGL Overview](webgl/webgl-overview.md)
-      - [WebGL Development](webgl/webgl-guidelines.md)
-    - Media
-      - Audio
-        - [Audio Overview](media/audio-overview.md)
-        - [Audio Playback Development](media/audio-playback.md)
-        - [Audio Playback Development Using AudioRenderer](media/audio-renderer.md)
-        - [Audio Recording Development](media/audio-recorder.md)
-        - [Audio Recorder Development Using AudioCapturer](media/audio-capturer)
-      - Video
-        - [Video Playback Development](media/video-playback.md)
-        - [Video Recording Development](media/video-recorder.md)
-    - Security
-      - User Authentication
-        - [User Authentication Overview](security/userauth-overview.md)
-        - [User Authentication Development](security/userauth-guidelines.md)
-    - Connectivity
-      - IPC & RPC
-        - [IPC & RPC Overview](connectivity/ipc-rpc-overview.md)
-        - [IPC & RPC Development Guidelines](connectivity/ipc-rpc-development-guideline.md)
-        - [Subscribing to State Changes of a Remote Object](connectivity/subscribe-remote-state.md)
-    - Data Management
-      - Distributed Data Service
-        - [Distributed Data Service Overview](database/database-mdds-overview.md)
-        - [Distributed Data Service Development](database/database-mdds-guidelines.md)
-      - Relational Database Overview
-        - [RDB Overview](database/database-relational-overview.md)
-        - [RDB Development](database/database-relational-guidelines.md)
-      - Lightweight Data Store
-        - [Lightweight Data Store Overview](database/database-preference-overview.md)
-        - [Lightweight Data Store Development](database/database-preference-guidelines.md)
-    - Device
-      - USB Service
-        - [USB Service Overview](device/usb-overview.md)
-        - [USB Service Development](device/usb-guidelines.md)
-      - Location
-        - [Location Overview](device/device-location-overview.md)
-        - [Obtaining Device Location Information](device/device-location-info.md)
-        - [Geocoding and Reverse Geocoding Capabilities](device/device-location-geocoding.md)
-    - DFX
-      - Application Event Logging
-        - [Overview of Application Event Logging](dfx/hiappevent-overview.md)
-        - [Development Guidelines on Application Event Logging](dfx/hiappevent-guidelines.md)
-- Tools
-  - DevEco Studio (OpenHarmony) User Guide
-    - [Overview](quick-start/deveco-studio-overview.md)
-    - [Version Change History](quick-start/deveco-studio-release-notes.md)
-    - [Configuring the OpenHarmony SDK](quick-start/configuring-openharmony-sdk.md)
-    - [Creating an OpenHarmony Project](quick-start/create-openharmony-project.md)
-    - [Configuring the OpenHarmony App Signature](quick-start/configuring-openharmony-app-signature.md)
-    - [Installing and Running Your OpenHarmony App](quick-start/installing-openharmony-app.md)
-- Hands-On Tutorials
-  - [Samples](https://gitee.com/openharmony/app_samples/blob/master/README.md)
-- API References
-  - Compent Reference (JavaScript-based Web-like Development Paradigm)
-    - [Components](reference/arkui-js/js-components.md)
-      - [Common](reference/arkui-js/js-components-common.md)
-        - [Universal Attributes](reference/arkui-js/js-components-common-attributes.md)
-        - [Universal Styles](reference/arkui-js/js-components-common-styles.md)
-        - [Universal Events](reference/arkui-js/js-components-common-events.md)
-        - [Universal Methods](reference/arkui-js/js-components-common-methods.md)
-        - [Animation Styles](reference/arkui-js/js-components-common-animation.md)
-        - [Gradient Styles](reference/arkui-js/js-components-common-gradient.md)
-        - [Transition Styles](reference/arkui-js/js-components-common-transition.md)
-        - [Custom Font Styles](reference/arkui-js/js-components-common-customizing-font.md)
-        - [Atomic Layout](reference/arkui-js/js-components-common-atomic-layout.md)
-      - [Container Component](reference/arkui-js/js-components-container.md)
-        - [badge](reference/arkui-js/js-components-container-badge.md)
-        - [dialog](reference/arkui-js/js-components-container-dialog.md)
-        - [div](reference/arkui-js/js-components-container-div.md)
-        - [form](reference/arkui-js/js-components-container-form.md)
-        - [list](reference/arkui-js/js-components-container-list.md)
-        - [list-item](reference/arkui-js/js-components-container-list-item.md)
-        - [list-item-group](reference/arkui-js/js-components-container-list-item-group.md)
-        - [panel](reference/arkui-js/js-components-container-panel.md)
-        - [popup](reference/arkui-js/js-components-container-popup.md)
-        - [refresh](reference/arkui-js/js-components-container-refresh.md)
-        - [stack](reference/arkui-js/js-components-container-stack.md)
-        - [stepper](reference/arkui-js/js-components-container-stepper.md)
-        - [stepper-item](reference/arkui-js/js-components-container-stepper-item.md)
-        - [swiper](reference/arkui-js/js-components-container-swiper.md)
-        - [tabs](reference/arkui-js/js-components-container-tabs.md)
-        - [tab-bar](reference/arkui-js/js-components-container-tab-bar.md)
-        - [tab-content](reference/arkui-js/js-components-container-tab-content.md)
-      - [Basic Components](reference/arkui-js/js-components-basic.md)
-        - [button](reference/arkui-js/js-components-basic-button.md)
-        - [chart](reference/arkui-js/js-components-basic-chart.md)
-        - [divider](reference/arkui-js/js-components-basic-divider.md)
-        - [image](reference/arkui-js/js-components-basic-image.md)
-        - [image-animator](reference/arkui-js/js-components-basic-image-animator.md)
-        - [input](reference/arkui-js/js-components-basic-input.md)
-        - [label](reference/arkui-js/js-components-basic-label.md)
-        - [marquee](reference/arkui-js/js-components-basic-marquee.md)
-        - [menu](reference/arkui-js/js-components-basic-menu.md)
-        - [option](reference/arkui-js/js-components-basic-option.md)
-        - [picker](reference/arkui-js/js-components-basic-picker.md)
-        - [picker-view](reference/arkui-js/js-components-basic-picker-view.md)
-        - [piece](reference/arkui-js/js-components-basic-piece.md)
-        - [progress](reference/arkui-js/js-components-basic-progress.md)
-        - [qrcode](reference/arkui-js/js-components-basic-qrcode.md)
-        - [rating](reference/arkui-js/js-components-basic-rating.md)
-        - [richtext](reference/arkui-js/js-components-basic-richtext.md)
-        - [search](reference/arkui-js/js-components-basic-search.md)
-        - [select](reference/arkui-js/js-components-basic-select.md)
-        - [slider](reference/arkui-js/js-components-basic-slider.md)
-        - [span](reference/arkui-js/js-components-basic-span.md)
-        - [switch](reference/arkui-js/js-components-basic-switch.md)
-        - [text](reference/arkui-js/js-components-basic-text.md)
-        - [textarea](reference/arkui-js/js-components-basic-textarea.md)
-        - [toolbar](reference/arkui-js/js-components-basic-toolbar.md)
-        - [toolbar-item](reference/arkui-js/js-components-basic-toolbar-item.md)
-        - [toggle](reference/arkui-js/js-components-basic-toggle.md)
-      - [Media Components](reference/arkui-js/js-components-media.md)
-        - [video](reference/arkui-js/js-components-media-video.md)
-      - [Canvas Components](reference/arkui-js/js-components-canvas.md)
-        - [canvas](reference/arkui-js/js-components-canvas-canvas.md)
-        - [CanvasRenderingContext2D](reference/arkui-js/js-components-canvas-canvasrenderingcontext2d.md)
-        - [Image](reference/arkui-js/js-components-canvas-image.md)
-        - [CanvasGradient](reference/arkui-js/js-components-canvas-canvasgradient.md)
-        - [ImageData](reference/arkui-js/js-components-canvas-imagedata.md)
-        - [Path2D](reference/arkui-js/js-components-canvas-path2d.md)
-        - [ImageBitmap](reference/arkui-js/js-components-canvas-imagebitmap.md)
-        - [OffscreenCanvas](reference/arkui-js/js-components-canvas-offscreencanvas.md)
-        - [OffscreenCanvasRenderingContext2D](reference/arkui-js/js-offscreencanvasrenderingcontext2d.md)
-      - [Grid](reference/arkui-js/js-components-grid.md)
-        - [Basic Concepts](reference/arkui-js/js-components-grid-basic-concepts.md)
-        - [grid-container](reference/arkui-js/js-components-grid-container.md)
-        - [grid-row](reference/arkui-js/js-components-grid-row.md)
-        - [grid-col](reference/arkui-js/js-components-grid-col.md)
-      - [SVG Components](reference/arkui-js/js-svg.md)
-        - [Universal Attributes](reference/arkui-js/js-components-svg-common-attributes.md)
-        - [svg](reference/arkui-js/js-components-svg.md)
-        - [rect](reference/arkui-js/js-components-svg-rect.md)
-        - [circle](reference/arkui-js/js-components-svg-circle.md)
-        - [ellipse](reference/arkui-js/js-components-svg-ellipse.md)
-        - [path](reference/arkui-js/js-components-svg-path.md)
-        - [line](reference/arkui-js/js-components-svg-line.md)
-        - [polyline](reference/arkui-js/js-components-svg-polyline.md)
-        - [polygon](reference/arkui-js/js-components-svg-polygon.md)
-        - [text](reference/arkui-js/js-components-svg-text.md)
-        - [tspan](reference/arkui-js/js-components-svg-tspan.md)
-        - [textPath](reference/arkui-js/js-components-svg-textpath.md)
-        - [animate](reference/arkui-js/js-components-svg-animate.md)
-        - [animateMotion](reference/arkui-js/js-components-svg-animatemotion.md)
-        - [animateTransform](reference/arkui-js/js-components-svg-animatetransform.md)
-    - [Custom Components](reference/arkui-js/js-components-custom.md)
-      - [Basic Usage](reference/arkui-js/js-components-custom-basic-usage.md)
-      - [Custom Events](reference/arkui-js/js-components-custom-events.md)
-      - [props](reference/arkui-js/js-components-custom-props.md)
-      - [Event Parameter](reference/arkui-js/js-components-custom-event-parameter.md)
-      - [slot](reference/arkui-js/js-components-custom-slot.md)
-      - [Lifecycle Definition](reference/arkui-js/js-components-custom-lifecycle.md)
-    - [Appendix](reference/arkui-js/js-appendix.md)
-      - [Type Attributes](reference/arkui-js/js-appendix-types.md)
-  - Compent Reference (TypeScript-based Declarative Development Paradigm)
-    - [Components](reference/arkui-ts/ts-components.md)
-      - [Universal Components](reference/arkui-ts/ts-universal-components.md)
-        - [Universal Events](reference/arkui-ts/ts-universal-events.md)
-          - [Click Event](reference/arkui-ts/ts-universal-events-click.md)
-          - [Touch](reference/arkui-ts/ts-universal-events-touch.md)
-          - [Show/Hide Event](reference/arkui-ts/ts-universal-events-show-hide.md)
-          - [Key Event](reference/arkui-ts/ts-universal-events-key.md)
-          - [Component Area Change Event](reference/arkui-ts/ts-universal-events-component-area-change.md)
-        - [Universal Attributes](reference/arkui-ts/ts-universal-attributes.md)
-          - [Size](reference/arkui-ts/ts-universal-attributes-size.md)
-          - [Location](reference/arkui-ts/ts-universal-attributes-location.md)
-          - [Layout Constraints](reference/arkui-ts/ts-universal-attributes-layout-constraints.md)
-          - [Flex Layout](reference/arkui-ts/ts-universal-attributes-flex-layout.md)
-          - [Border Configuration](reference/arkui-ts/ts-universal-attributes-border.md)
-          - [Background](reference/arkui-ts/ts-universal-attributes-background.md)
-          - [Opacity](reference/arkui-ts/ts-universal-attributes-opacity.md)
-          - [Visibility](reference/arkui-ts/ts-universal-attributes-visibility.md)
-          - [Enable/Disable](reference/arkui-ts/ts-universal-attributes-enable.md)
-          - [Overlay](reference/arkui-ts/ts-universal-attributes-overlay.md)
-          - [Z-order Control](reference/arkui-ts/ts-universal-attributes-z-order.md)
-          - [Transformation](reference/arkui-ts/ts-universal-attributes-transformation.md)
-          - [Image Effect Configuration](reference/arkui-ts/ts-universal-attributes-image-effect.md)
-          - [Shape Clipping](reference/arkui-ts/ts-universal-attributes-sharp-clipping.md)
-          - [Text Style](reference/arkui-ts/ts-universal-attributes-text-style.md)
-          - [Grid](reference/arkui-ts/ts-universal-attributes-grid.md)
-          - [Gradient Color](reference/arkui-ts/ts-universal-attributes-gradient-color.md)
-          - [Popup Control](reference/arkui-ts/ts-universal-attributes-popup.md)
-          - [Menu Control](reference/arkui-ts/ts-universal-attributes-menu.md)
-          - [Click Control](reference/arkui-ts/ts-universal-attributes-touchable.md)
-          - [Touch Target](reference/arkui-ts/ts-universal-attributes-response-region.md)
-        - [Gesture Processing](reference/arkui-ts/ts-gesture-processing.md)
-          - [Gesture Binding Methods](reference/arkui-ts/ts-gesture-settings.md)
-          - [Basic Gestures](reference/arkui-ts/ts-basic-gestures.md)
-            - [TapGesture](reference/arkui-ts/ts-basic-gestures-tapgesture.md)
-            - [LongPressGesture](reference/arkui-ts/ts-basic-gestures-longpressgesture.md)
-            - [PanGesture](reference/arkui-ts/ts-basic-gestures-pangesture.md)
-            - [PinchGesture](reference/arkui-ts/ts-basic-gestures-pinchgesture.md)
-            - [RotationGesture](reference/arkui-ts/ts-basic-gestures-rotationgesture.md)
-            - [SwipeGesture](reference/arkui-ts/ts-basic-gestures-swipegesture.md)
-          - [Combined Gestures](reference/arkui-ts/ts-combined-gestures.md)
-      - [Basic Components](reference/arkui-ts/ts-basic-components.md)
-        - [Blank](reference/arkui-ts/ts-basic-components-blank.md)
-        - [Button](reference/arkui-ts/ts-basic-components-button.md)
-        - [DataPanel](reference/arkui-ts/ts-basic-components-datapanel.md)
-        - [Divider](reference/arkui-ts/ts-basic-components-divider.md)
-        - [Gauge](reference/arkui-ts/ts-basic-components-gauge.md)
-        - [Image](reference/arkui-ts/ts-basic-components-image.md)
-        - [ImageAnimator](reference/arkui-ts/ts-basic-components-imageanimator.md)
-        - [LoadingProgress](reference/arkui-ts/ts-basic-components-loadingprogress.md)
-        - [Marquee](reference/arkui-ts/ts-basic-components-marquee.md)
-        - [Progress](reference/arkui-ts/ts-basic-components-progress.md)
-        - [QRCode](reference/arkui-ts/ts-basic-components-qrcode.md)
-        - [Rating](reference/arkui-ts/ts-basic-components-rating.md)
-        - [Select](reference/arkui-ts/ts-basic-components-select.md)
-        - [Slider](reference/arkui-ts/ts-basic-components-slider.md)
-        - [Span](reference/arkui-ts/ts-basic-components-span.md)
-        - [Text](reference/arkui-ts/ts-basic-components-text.md)
-        - [TextArea](reference/arkui-ts/ts-basic-components-textarea.md)
-        - [TextInput](reference/arkui-ts/ts-basic-components-textinput.md)
-        - [Toggle](reference/arkui-ts/ts-basic-components-toggle.md)
-        - [TextClock](reference/arkui-ts/ts-basic-components-textclock.md)
-      - [Container Components](reference/arkui-ts/ts-components-container.md)
-        - [AlphabetIndexer](reference/arkui-ts/ts-container-alphabet-indexer.md)
-        - [Badge](reference/arkui-ts/ts-container-badge.md)
-        - [Column](reference/arkui-ts/ts-container-column.md)
-        - [ColumnSplit](reference/arkui-ts/ts-container-columnsplit.md)
-        - [Counter](reference/arkui-ts/ts-container-counter.md)
-        - [Flex](reference/arkui-ts/ts-container-flex.md)
-        - [GridContainer](reference/arkui-ts/ts-container-gridcontainer.md)
-        - [Grid](reference/arkui-ts/ts-container-grid.md)
-        - [GridItem](reference/arkui-ts/ts-container-griditem.md)
-        - [List](reference/arkui-ts/ts-container-list.md)
-        - [ListItem](reference/arkui-ts/ts-container-listitem.md)
-        - [Navigator](reference/arkui-ts/ts-container-navigator.md)
-        - [Navigation](reference/arkui-ts/ts-container-navigation.md)
-        - [Panel](reference/arkui-ts/ts-container-panel.md)
-        - [Row](reference/arkui-ts/ts-container-row.md)
-        - [RowSplit](reference/arkui-ts/ts-container-rowsplit.md)
-        - [Scroll](reference/arkui-ts/ts-container-scroll.md)
-        - [ScrollBar](reference/arkui-ts/ts-container-scrollbar.md)
-        - [Stack](reference/arkui-ts/ts-container-stack.md)
-        - [Swiper](reference/arkui-ts/ts-container-swiper.md)
-        - [Tabs](reference/arkui-ts/ts-container-tabs.md)
-        - [TabContent](reference/arkui-ts/ts-container-tabcontent.md)
-        - [Refresh](reference/arkui-ts/ts-container-refresh.md)
-      - [Drawing Components](reference/arkui-ts/ts-drawing-components.md)
-        - [Circle](reference/arkui-ts/ts-drawing-components-circle.md)
-        - [Ellipse](reference/arkui-ts/ts-drawing-components-ellipse.md)
-        - [Line](reference/arkui-ts/ts-drawing-components-line.md)
-        - [Polyline](reference/arkui-ts/ts-drawing-components-polyline.md)
-        - [Polygon](reference/arkui-ts/ts-drawing-components-polygon.md)
-      - [Path](reference/arkui-ts/ts-drawing-components-path.md)
-        - [Rect](reference/arkui-ts/ts-drawing-components-rect.md)
-        - [Shape](reference/arkui-ts/ts-drawing-components-shape.md)
-      - [Canvas Components](reference/arkui-ts/ts-components-canvas.md)
-        - [Canvas](reference/arkui-ts/ts-components-canvas-canvas.md)
-        - [CanvasRenderingContext2D](reference/arkui-ts/ts-canvasrenderingcontext2d.md)
-        - [OffscreenCanvasRenderingConxt2D](reference/arkui-ts/ts-offscreencanvasrenderingcontext2d.md)
-        - [Lottie](reference/arkui-ts/ts-components-canvas-lottie.md)
-        - [Path2D](reference/arkui-ts/ts-components-canvas-path2d.md)
-      - [CanvasGradient](reference/arkui-ts/ts-components-canvas-canvasgradient.md)
-        - [ImageBitmap](reference/arkui-ts/ts-components-canvas-imagebitmap.md)
-        - [ImageData](reference/arkui-ts/ts-components-canvas-imagedata.md)
-    - [Animation](reference/arkui-ts/ts-animation.md)
-      - [Attribute Animation](reference/arkui-ts/ts-animatorproperty.md)
-      - [Explicit Animation](reference/arkui-ts/ts-explicit-animation.md)
-      - [Transition Animation](reference/arkui-ts/ts-transition-animation.md)
-        - [Page Transition](reference/arkui-ts/ts-page-transition-animation.md)
-        - [Component Transition](reference/arkui-ts/ts-transition-animation-component.md)
-        - [Transition of Shared Elements](reference/arkui-ts/ts-transition-animation-shared-elements.md)
-      - [Motion Path Animation](reference/arkui-ts/ts-motion-path-animation.md)
-      - [Matrix Transformation](reference/arkui-ts/ts-matrix-transformation.md)
-      - [Interpolation Calculation](reference/arkui-ts/ts-interpolation-calculation.md)
-    - [Global UI Methods](reference/arkui-ts/ts-global-ui-methods.md)
-      - [Alert Dialog Box](reference/arkui-ts/ts-methods-alert-dialog-box.md)
-      - [Custom Dialog box](reference/arkui-ts/ts-methods-custom-dialog-box.md)
-      - [Image Cache](reference/arkui-ts/ts-methods-image-cache.md)
-      - [Media Query](reference/arkui-ts/ts-methods-media-query.md)
-      - [List Selection Dialog Box](reference/arkui-ts/ts-methods-action-sheet.md)
-    - [Appendix](reference/arkui-ts/ts-appendix.md)
-      - [Built-in Enums](reference/arkui-ts/ts-appendix-enums.md)
-  - APIs
-    - Ability Framework
-      - [FeatureAbility Module](reference/apis/js-apis-featureAbility.md)
-      - [ParticleAbility Module](reference/apis/js-apis-particleAbility.md)
-      - [DataAbilityHelper Module](reference/apis/js-apis-dataAbilityHelper.md)
-      - [DataUriUtils Module](reference/apis/js-apis-DataUriUtils.md)
-      - [Bundle Module](reference/apis/js-apis-Bundle.md)
-      - [Context Module](reference/apis/js-apis-Context.md)
-    - Event Notification
-      - [CommonEvent Module](reference/apis/js-apis-commonEvent.md)
-      - [Notification Module](reference/apis/js-apis-notification.md)
-      - [Reminder Agent](reference/apis/js-apis-reminderAgent.md)
-    - Resource Management
-      - [Resource Manager](reference/apis/js-apis-resource-manager.md)
-      - [Internationalization (intl)](reference/apis/js-apis-intl.md)
-      - [Internationalization (i18n)](reference/apis/js-apis-i18n.md)
-    - Media
-      - [Audio Management](reference/apis/js-apis-audio.md)
-      - [Media](reference/apis/js-apis-media.md)
-    - Security
-      - [User Authentication](reference/apis/js-apis-useriam-userauth.md)
-      - [Access Control](reference/apis/js-apis-abilityAccessCtrl.md)
-    - Data Management
-      - [Lightweight Storage (deprecated since 8)](reference/apis/js-apis-data-storage.md)
-      - [Distributed Data Management](reference/apis/js-apis-distributed-data.md)
-      - [Relational Database](reference/apis/js-apis-data-rdb.md)
-      - [Result Set](reference/apis/js-apis-data-resultset.md)
-      - [DataAbilityPredicates](reference/apis/js-apis-data-ability.md)
-      - [Settings](reference/apis/js-apis-settings.md)
-    - File Management
-      - [File Management](reference/apis/js-apis-fileio.md)
-      - [Statfs](reference/apis/js-apis-statfs.md)
-      - [Environment](reference/apis/js-apis-environment.md)
-      - [Public File Access and Management](reference/apis/js-apis-filemanager.md)
-      - [App Storage Statistics](reference/apis/js-apis-storage-statistics.md)
-      - [Volume Management](reference/apis/js-apis-volumemanager.md)
-    - Account Management
-      - [Distributed Account Management](reference/apis/js-apis-distributed-account.md)
-      - [App Account Management](reference/apis/js-apis-appAccount.md)
-    - Telephony Service
-      - [Call](reference/apis/js-apis-call.md)
-      - [SMS](reference/apis/js-apis-sms.md)
-      - [SIM Management](reference/apis/js-apis-sim.md)
-      - [Radio](reference/apis/js-apis-radio.md)
-      - [observer](reference/apis/js-apis-observer.md)
-      - [Cellular Data](reference/apis/js-apis-telephony-data.md)
-    - Network and Connectivity
-      - [WLAN](reference/apis/js-apis-wifi.md)
-      - [Bluetooth](reference/apis/js-apis-bluetooth.md)
-      - [RPC](reference/apis/js-apis-rpc.md)
-    - Device Management
-      - [Sensor](reference/apis/js-apis-sensor.md)
-      - [Vibrator](reference/apis/js-apis-vibrator.md)
-      - [Brightness](reference/apis/js-apis-brightness.md)
-      - [Battery Info](reference/apis/js-apis-battery-info.md)
-      - [Power Management](reference/apis/js-apis-power.md)
-      - [Thermal Management](reference/apis/js-apis-thermal.md)
-      - [Running Lock](reference/apis/js-apis-runninglock.md)
-      - [Device Info](reference/apis/js-apis-device-info.md)
-      - [systemParameter](reference/apis/js-apis-system-parameter.md)
-      - [Device Management](reference/apis/js-apis-device-manager.md)
-      - [Window](reference/apis/js-apis-window.md)
-      - [Display](reference/apis/js-apis-display.md)
-      - [Update](reference/apis/js-apis-update.md)
-      - [USB](reference/apis/js-apis-usb.md)
-      - [Location](reference/apis/js-apis-geolocation.md)
-    - Basic Features
-      - [Application Context](reference/apis/js-apis-basic-features-app-context.md)
-      - [Console Logs](reference/apis/js-apis-basic-features-logs.md)
-      - [Page Routing](reference/apis/js-apis-basic-features-routes.md)
-      - [Pop-up Window](reference/apis/js-apis-basic-features-pop-up.md)
-      - [Application Configuration](reference/apis/js-apis-basic-features-configuration.md)
-      - [Timer](reference/apis/js-apis-basic-features-timer.md)
-      - [Setting the System Time](reference/apis/js-apis-system-time.md)
-      - [Animation](reference/apis/js-apis-basic-features-animator.md)
-      - [WebGL](reference/apis/js-apis-webgl.md)
-      - [WebGL2](reference/apis/js-apis-webgl2.md)
-      - [Screenshot](reference/apis/js-apis-screenshot.md)
-    - DFX
-      - [HiAppEvent](reference/apis/js-apis-hiappevent.md)
-      - [Performance Tracing](reference/apis/js-apis-hitracemeter.md)
-      - [Fault Logger](reference/apis/js-apis-faultLogger.md)
-      - [Distributed Call Chain Tracing](reference/apis/js-apis-hitracechain.md)
-      - [HiLog](reference/apis/js-apis-hilog.md)
-      - [HiChecker](reference/apis/js-apis-hichecker.md)
-      - [HiDebug](reference/apis/js-apis-hidebug.md)
-    - Language Base Class Library
-      - [Obtaining Process Information](reference/apis/js-apis-process.md)
-      - [URL String Parsing](reference/apis/js-apis-url.md)
-      - [URI String Parsing](reference/apis/js-apis-uri.md)
-      - [Util](reference/apis/js-apis-util.md)
-      - [XML Parsing and Generation](reference/apis/js-apis-xml.md)
-      - [XML-to-JavaScript Conversion](reference/apis/js-apis-convertxml.md)
-      - [Worker Startup](reference/apis/js-apis-worker.md)
-      - [Linear Container ArrayList](reference/apis/js-apis-arraylist.md)
-      - [Linear Container Deque](reference/apis/js-apis-deque.md)
-      - [Linear Container List](reference/apis/js-apis-list.md)
-      - [Linear Container LinkedList](reference/apis/js-apis-linkedlist.md)
-      - [Linear Container Queue](reference/apis/js-apis-queue.md)
-      - [Linear Container Stack](reference/apis/js-apis-stack.md)
-      - [Linear Container Vector](reference/apis/js-apis-vector.md)
-      - [Nonlinear Container HashSet](reference/apis/js-apis-hashset.md)
-      - [Nonlinear Container HashMap](reference/apis/js-apis-hashmap.md)
-      - [Nonlinear Container PlainArray](reference/apis/js-apis-plainarray.md)
-      - [Nonlinear Container TreeMap](reference/apis/js-apis-treemap.md)
-      - [Nonlinear Container TreeSet](reference/apis/js-apis-treeset.md)
-      - [Nonlinear Container LightWeightMap](reference/apis/js-apis-lightweightmap.md)
-      - [Nonlinear Container LightWeightSet](reference/apis/js-apis-lightweightset.md)
\ No newline at end of file
+# Learn About OpenHarmony
+
+- [OpenHarmony Project](OpenHarmony-Overview.md)
+- [Glossary](device-dev/glossary/glossary.md)
+- OpenHarmony Release Notes
+  - OpenHarmony 3.x Releases
+    -   [OpenHarmony v3.1 Beta (2021-12-31)](release-notes/OpenHarmony-v3.1-beta.md)
+    -   [OpenHarmony v3.0.1 LTS (2022-01-12)](release-notes/OpenHarmony-v3.0.1-LTS.md)
+    -   [OpenHarmony v3.0 LTS (2021-09-30)](release-notes/OpenHarmony-v3.0-LTS.md)
+
+  - OpenHarmony 2.x Releases
+    -   [OpenHarmony v2.2 beta2 (2021-08-04)](release-notes/OpenHarmony-v2.2-beta2.md)
+    -   [OpenHarmony 2.0 Canary (2021-06-01)](release-notes/OpenHarmony-2-0-Canary.md)
+
+  -  OpenHarmony 1.x Releases
+    -   [OpenHarmony v1.1.4 LTS (2022-02-11)](release-notes/OpenHarmony-v1-1-4-LTS.md)
+    -   [OpenHarmony v1.1.3 LTS (2021-09-30)](release-notes/OpenHarmony-v1-1-3-LTS.md)
+    -   [OpenHarmony v1.1.2 LTS (2021-08-04)](release-notes/OpenHarmony-v1.1.2-LTS.md)
+    -   [OpenHarmony 1.1.1 LTS (2021-06-22)](release-notes/OpenHarmony-1-1-1-LTS.md)
+    -   [OpenHarmony 1.1.0 LTS (2021-04-01)](release-notes/OpenHarmony-1-1-0-LTS.md)
+    -   [OpenHarmony 1.0 (2020-09-10)](release-notes/OpenHarmony-1-0.md)
+- Contribution
+  - [Contribution](contribute/contribution.md)
+  - [Code of Conduct](contribute/code-of-conduct.md)
+  - [Code Contribution](contribute/code-contribution.md)
+  - [Contribution Process](contribute/contribution-process.md)
+  - [Auto-Test](readme/test_subsystem.md)
+  - [Documentation Contribution](contribute/documentation-contribution.md)
+  - [Writing Instructions](contribute/writing-instructions.md)
+  - [Communication in Community](contribute/communication-in-community.md)
+  - [FAQs](contribute/FAQ.md)
\ No newline at end of file