!969 修改reference的文件夹名

Merge pull request !969 from zengyawen/master

en/application-dev/Readme-EN.md

@@ -11,7 +11,7 @@
 -   [Audio](media/audio.md)
 -   [IPC & RPC](connectivity/ipc-rpc.md)
 -   [Application Event Logging](application-event-logging/hiappevent.md)
--   [JavaScript Development References](js-reference/js-reference.md)
-    -   [JavaScript-based Web-like Development Paradigm](js-reference/js-based-web-like-development-paradigm/js-web-development-like.md)
-
-    -   [TypeScript-based Declarative Development Paradigm](js-reference/ts-based-declarative-development-paradigm/ts-declarative.md)
+-   [Development References](reference/Readme-EN.md)
+    -   [JavaScript-based Web-like Development Paradigm](reference/arkui-js/Readme-EN.md)
+    -   [TypeScript-based Declarative Development Paradigm](reference/arkui-ts/Readme-EN.md)
+    -   [APIs](reference/apis/Readme-EN.md)

en/application-dev/application-dev-guide.md

@@ -2,7 +2,7 @@
 
 The application development documents provide reference for you to develop applications using the APIs provided by OpenHarmony. The documents provided walk you through how to use JavaScript \(JS\) APIs to develop applications on the standard system.
 
-To get a glimpse of the basic methods for developing applications, see  [Basics](quick-start/Readme-EN.md). For details about the API list and references, see  [JS Reference](js-reference/Readme-EN.md).
+To get a glimpse of the basic methods for developing applications, see  [Basics](quick-start/Readme-EN.md). For details about the API list and references, see  [Reference](reference/Readme-EN.md).
 
 To better understand frequently used modules, see the development guidelines for  [UI](ui/Readme-EN.md),  [Media](media/Readme-EN.md), and  [Connectivity](connectivity/Readme-EN.md).
 

en/application-dev/js-reference/Readme-EN.md

-# JavaScript Development References
-
--   [JavaScript-based Web-like Development Paradigm](js-based-web-like-development-paradigm/js-web-development-like.md)
-    -   [Framework](js-based-web-like-development-paradigm/js-framework.md)
-        -   [File Organization](js-based-web-like-development-paradigm/js-framework-file.md)
-        -   ["js" Tag](js-based-web-like-development-paradigm/js-framework-js-tag.md)
-        -   [app.js](js-based-web-like-development-paradigm/js-framework-js-file.md)
-        -   [Syntax](js-based-web-like-development-paradigm/js-framework-syntax.md)
-            -   [HML](js-based-web-like-development-paradigm/js-framework-syntax-hml.md)
-            -   [CSS](js-based-web-like-development-paradigm/js-framework-syntax-css.md)
-            -   [JavaScript](js-based-web-like-development-paradigm/js-framework-syntax-js.md)
-
-        -   [Lifecycle](js-based-web-like-development-paradigm/js-framework-lifecycle.md)
-        -   [Resource Limitations and Access](js-based-web-like-development-paradigm/js-framework-resource-restriction.md)
-        -   [Multi-Language Capability](js-based-web-like-development-paradigm/js-framework-multiple-languages.md)
-
-    -   [Components](js-based-web-like-development-paradigm/js-components.md)
-        -   [Common](js-based-web-like-development-paradigm/js-components-common.md)
-            -   [Universal Attributes](js-based-web-like-development-paradigm/js-components-common-attributes.md)
-            -   [Universal Styles](js-based-web-like-development-paradigm/js-components-common-styles.md)
-            -   [Universal Events](js-based-web-like-development-paradigm/js-components-common-events.md)
-            -   [Universal Methods](js-based-web-like-development-paradigm/js-components-common-methods.md)
-            -   [Animation Styles](js-based-web-like-development-paradigm/js-components-common-animation.md)
-            -   [Gradient Styles](js-based-web-like-development-paradigm/js-components-common-gradient.md)
-            -   [Transition Styles](js-based-web-like-development-paradigm/js-components-common-transition.md)
-            -   [Media Query](js-based-web-like-development-paradigm/js-components-common-mediaquery.md)
-            -   [Custom Font Styles](js-based-web-like-development-paradigm/js-components-common-customizing-font.md)
-            -   [Atomic Layout](js-based-web-like-development-paradigm/js-components-common-atomic-layout.md)
-
-        -   [Container Component](js-based-web-like-development-paradigm/js-components-container.md)
-            -   [badge](js-based-web-like-development-paradigm/js-components-container-badge.md)
-            -   [dialog](js-based-web-like-development-paradigm/js-components-container-dialog.md)
-            -   [div](js-based-web-like-development-paradigm/js-components-container-div.md)
-            -   [form](js-based-web-like-development-paradigm/js-components-container-form.md)
-            -   [list](js-based-web-like-development-paradigm/js-components-container-list.md)
-            -   [list-item](js-based-web-like-development-paradigm/js-components-container-list-item.md)
-            -   [list-item-group](js-based-web-like-development-paradigm/js-components-container-list-item-group.md)
-            -   [panel](js-based-web-like-development-paradigm/js-components-container-panel.md)
-            -   [popup](js-based-web-like-development-paradigm/js-components-container-popup.md)
-            -   [refresh](js-based-web-like-development-paradigm/js-components-container-refresh.md)
-            -   [stack](js-based-web-like-development-paradigm/js-components-container-stack.md)
-            -   [stepper](js-based-web-like-development-paradigm/js-components-container-stepper.md)
-            -   [stepper-item](js-based-web-like-development-paradigm/js-components-container-stepper-item.md)
-            -   [swiper](js-based-web-like-development-paradigm/js-components-container-swiper.md)
-            -   [tabs](js-based-web-like-development-paradigm/js-components-container-tabs.md)
-            -   [tab-bar](js-based-web-like-development-paradigm/js-components-container-tab-bar.md)
-            -   [tab-content](js-based-web-like-development-paradigm/js-components-container-tab-content.md)
-
-        -   [Basic Components](js-based-web-like-development-paradigm/js-components-basic.md)
-            -   [button](js-based-web-like-development-paradigm/js-components-basic-button.md)
-            -   [chart](js-based-web-like-development-paradigm/js-components-basic-chart.md)
-            -   [divider](js-based-web-like-development-paradigm/js-components-basic-divider.md)
-            -   [image](js-based-web-like-development-paradigm/js-components-basic-image.md)
-            -   [image-animator](js-based-web-like-development-paradigm/js-components-basic-image-animator.md)
-            -   [input](js-based-web-like-development-paradigm/js-components-basic-input.md)
-            -   [label](js-based-web-like-development-paradigm/js-components-basic-label.md)
-            -   [marquee](js-based-web-like-development-paradigm/js-components-basic-marquee.md)
-            -   [menu](js-based-web-like-development-paradigm/js-components-basic-menu.md)
-            -   [option](js-based-web-like-development-paradigm/js-components-basic-option.md)
-            -   [picker](js-based-web-like-development-paradigm/js-components-basic-picker.md)
-            -   [picker-view](js-based-web-like-development-paradigm/js-components-basic-picker-view.md)
-            -   [piece](js-based-web-like-development-paradigm/js-components-basic-piece.md)
-            -   [progress](js-based-web-like-development-paradigm/js-components-basic-progress.md)
-            -   [qrcode](js-based-web-like-development-paradigm/js-components-basic-qrcode.md)
-            -   [rating](js-based-web-like-development-paradigm/js-components-basic-rating.md)
-            -   [richtext](js-based-web-like-development-paradigm/js-components-basic-richtext.md)
-            -   [search](js-based-web-like-development-paradigm/js-components-basic-search.md)
-            -   [select](js-based-web-like-development-paradigm/js-components-basic-select.md)
-            -   [slider](js-based-web-like-development-paradigm/js-components-basic-slider.md)
-            -   [span](js-based-web-like-development-paradigm/js-components-basic-span.md)
-            -   [switch](js-based-web-like-development-paradigm/js-components-basic-switch.md)
-            -   [text](js-based-web-like-development-paradigm/js-components-basic-text.md)
-            -   [textarea](js-based-web-like-development-paradigm/js-components-basic-textarea.md)
-            -   [toolbar](js-based-web-like-development-paradigm/js-components-basic-toolbar.md)
-            -   [toolbar-item](js-based-web-like-development-paradigm/js-components-basic-toolbar-item.md)
-            -   [toggle](js-based-web-like-development-paradigm/js-components-basic-toggle.md)
-
-        -   [Media Components](js-based-web-like-development-paradigm/js-components-media.md)
-            -   [video](js-based-web-like-development-paradigm/js-components-media-video.md)
-
-        -   [Canvas Components](js-based-web-like-development-paradigm/js-components-canvas.md)
-            -   [canvas](js-based-web-like-development-paradigm/js-components-canvas-canvas.md)
-            -   [CanvasRenderingContext2D](js-based-web-like-development-paradigm/js-components-canvas-canvasrenderingcontext2d.md)
-            -   [Image](js-based-web-like-development-paradigm/js-components-canvas-image.md)
-            -   [CanvasGradient](js-based-web-like-development-paradigm/js-components-canvas-canvasgradient.md)
-            -   [ImageData](js-based-web-like-development-paradigm/js-components-canvas-imagedata.md)
-            -   [Path2D](js-based-web-like-development-paradigm/js-components-canvas-path2d.md)
-            -   [ImageBitmap](js-based-web-like-development-paradigm/js-components-canvas-imagebitmap.md)
-            -   [OffscreenCanvas](js-based-web-like-development-paradigm/js-components-canvas-offscreencanvas.md)
-            -   [OffscreenCanvasRenderingContext2D](js-based-web-like-development-paradigm/js-offscreencanvasrenderingcontext2d.md)
-
-        -   [Grid](js-based-web-like-development-paradigm/js-components-grid.md)
-            -   [Basic Concepts](js-based-web-like-development-paradigm/js-components-grid-basic-concepts.md)
-            -   [grid-container](js-based-web-like-development-paradigm/js-components-grid-container.md)
-            -   [grid-row](js-based-web-like-development-paradigm/js-components-grid-row.md)
-            -   [grid-col](js-based-web-like-development-paradigm/js-components-grid-col.md)
-
-        -   [SVG Components](js-based-web-like-development-paradigm/js-svg.md)
-            -   [Universal Attributes](js-based-web-like-development-paradigm/js-components-svg-common-attributes.md)
-            -   [svg](js-based-web-like-development-paradigm/js-components-svg.md)
-            -   [rect](js-based-web-like-development-paradigm/js-components-svg-rect.md)
-            -   [circle](js-based-web-like-development-paradigm/js-components-svg-circle.md)
-            -   [ellipse](js-based-web-like-development-paradigm/js-components-svg-ellipse.md)
-            -   [path](js-based-web-like-development-paradigm/js-components-svg-path.md)
-            -   [line](js-based-web-like-development-paradigm/js-components-svg-line.md)
-            -   [polyline](js-based-web-like-development-paradigm/js-components-svg-polyline.md)
-            -   [polygon](js-based-web-like-development-paradigm/js-components-svg-polygon.md)
-            -   [text](js-based-web-like-development-paradigm/js-components-svg-text.md)
-            -   [tspan](js-based-web-like-development-paradigm/js-components-svg-tspan.md)
-            -   [textPath](js-based-web-like-development-paradigm/js-components-svg-textpath.md)
-            -   [animate](js-based-web-like-development-paradigm/js-components-svg-animate.md)
-            -   [animateMotion](js-based-web-like-development-paradigm/js-components-svg-animatemotion.md)
-            -   [animateTransform](js-based-web-like-development-paradigm/js-components-svg-animatetransform.md)
-
-    -   [Custom Components](js-based-web-like-development-paradigm/js-components-custom.md)
-        -   [Basic Usage](js-based-web-like-development-paradigm/js-components-custom-basic-usage.md)
-        -   [Custom Events](js-based-web-like-development-paradigm/js-components-custom-events.md)
-        -   [Props](js-based-web-like-development-paradigm/js-components-custom-props.md)
-        -   [Event Parameter](js-based-web-like-development-paradigm/js-components-custom-event-parameter.md)
-        -   [slot](js-based-web-like-development-paradigm/js-components-custom-slot.md)
-        -   [Lifecycle Definition](js-based-web-like-development-paradigm/js-components-custom-lifecycle.md)
-
-    -   [Appendix](js-based-web-like-development-paradigm/js-appendix.md)
-        -   [Type Attributes](js-based-web-like-development-paradigm/js-appendix-types.md)
--   [TypeScript-based Declarative Development Paradigm](ts-based-declarative-development-paradigm/ts-declarative.md)
-    -   [Framework Overview](ts-based-declarative-development-paradigm/ts-framework-framework.md)
-        -   [File Organization](ts-based-declarative-development-paradigm/ts-framework-file.md)
-            -   [Directory Structure](ts-based-declarative-development-paradigm/ts-framework-directory.md)
-            -   [Rules for Accessing Application Code Files](ts-based-declarative-development-paradigm/ts-framework-file-access-rules.md)
-
-        -   ["js" Tag](ts-based-declarative-development-paradigm/ts-framework-js-tag.md)
-        -   [Resource Access](ts-based-declarative-development-paradigm/ts-resource-access.md)
-            -   [Media Resource Types](ts-based-declarative-development-paradigm/ts-media-resource-type.md)
-
-        -   [Pixel Units](ts-based-declarative-development-paradigm/ts-pixel-units.md)
-        -   [Types](ts-based-declarative-development-paradigm/ts-types.md)
-
-    -   [Declarative Syntax](ts-based-declarative-development-paradigm/ts-declarative-syntax.md)
-        -   [Overview](ts-based-declarative-development-paradigm/ts-syntax-intro.md)
-        -   [General UI Description Specifications](ts-based-declarative-development-paradigm/ts-general-ui-description-specifications.md)
-            -   [Basic Concepts](ts-based-declarative-development-paradigm/ts-general-ui-concepts.md)
-            -   [Declarative UI Description Specifications](ts-based-declarative-development-paradigm/ts-declarative-ui-description-specifications.md)
-                -   [Parameterless Configuration](ts-based-declarative-development-paradigm/ts-parameterless-configuration.md)
-                -   [Configuration with Mandatory Parameters](ts-based-declarative-development-paradigm/ts-configuration-with-mandatory-parameters.md)
-                -   [Attribution Configuration](ts-based-declarative-development-paradigm/ts-attribution-configuration.md)
-                -   [Event Configuration](ts-based-declarative-development-paradigm/ts-event-configuration.md)
-                -   [Child Component Configuration](ts-based-declarative-development-paradigm/ts-child-component-configuration.md)
-
-            -   [Component-based](ts-based-declarative-development-paradigm/ts-component-based.md)
-                -   [@Component](ts-based-declarative-development-paradigm/ts-component-based-component.md)
-                -   [@Entry](ts-based-declarative-development-paradigm/ts-component-based-entry.md)
-                -   [@Preview](ts-based-declarative-development-paradigm/ts-component-based-preview.md)
-                -   [@Builder](ts-based-declarative-development-paradigm/ts-component-based-builder.md)
-                -   [@Extend](ts-based-declarative-development-paradigm/ts-component-based-extend.md)
-                -   [@CustomDialog](ts-based-declarative-development-paradigm/ts-component-based-customdialog.md)
-
-        -   [UI State Management](ts-based-declarative-development-paradigm/ts-ui-state-management.md)
-            -   [Basic Concepts](ts-based-declarative-development-paradigm/ts-ui-state-mgmt-concepts.md)
-            -   [Managing Component States](ts-based-declarative-development-paradigm/ts-managing-component-states.md)
-                -   [@State](ts-based-declarative-development-paradigm/ts-component-states-state.md)
-                -   [@Prop](ts-based-declarative-development-paradigm/ts-component-states-prop.md)
-                -   [@Link](ts-based-declarative-development-paradigm/ts-component-states-link.md)
-
-            -   [Managing Application States](ts-based-declarative-development-paradigm/ts-managing-application-states.md)
-                -   [APIs](ts-based-declarative-development-paradigm/ts-managing-application-states-apis.md)
-                    -   [AppStorage](ts-based-declarative-development-paradigm/ts-application-states-appstorage.md)
-                    -   [PersistentStorage](ts-based-declarative-development-paradigm/ts-application-states-apis-persistentstorage.md)
-                    -   [Environment](ts-based-declarative-development-paradigm/ts-application-states-apis-environment.md)
-
-                -   [Synchronization Between AppStorage and Components](ts-based-declarative-development-paradigm/ts-application-states-storagelink-storageprop.md)
-
-            -   [Managing Other States](ts-based-declarative-development-paradigm/ts-managing-other-states.md)
-                -   [@observed and @objectLink](ts-based-declarative-development-paradigm/ts-other-states-observed-objectlink.md)
-                -   [@Consume and @Provide](ts-based-declarative-development-paradigm/ts-other-states-consume-provide.md)
-                -   [@Watch](ts-based-declarative-development-paradigm/ts-other-states-watch.md)
-
-        -   [Rendering Control Syntax](ts-based-declarative-development-paradigm/ts-rending-control-syntax.md)
-            -   [if/else](ts-based-declarative-development-paradigm/ts-rending-control-syntax-if-else.md)
-            -   [ForEach](ts-based-declarative-development-paradigm/ts-rending-control-syntax-foreach.md)
-            -   [LazyForEach](ts-based-declarative-development-paradigm/ts-rending-control-syntax-lazyforeach.md)
-
-        -   [A Deep Dive into @Component](ts-based-declarative-development-paradigm/ts-a-deep-dive-into-component.md)
-            -   [build Function](ts-based-declarative-development-paradigm/ts-function-build.md)
-            -   [Custom Component Initialization](ts-based-declarative-development-paradigm/ts-custom-component-initialization.md)
-            -   [Custom Component Lifecycle Callbacks](ts-based-declarative-development-paradigm/ts-custom-component-lifecycle-callbacks.md)
-            -   [Example: Component Creation and Re-Initialization](ts-based-declarative-development-paradigm/ts-component-creation-re-initialization.md)
-
-        -   [Syntactic Sugar](ts-based-declarative-development-paradigm/ts-syntactic-sugar.md)
-            -   [@Decorator](ts-based-declarative-development-paradigm/ts-syntactic-sugar-decorator.md)
-            -   [Chaining](ts-based-declarative-development-paradigm/ts-syntactic-sugar-chaining.md)
-            -   [struct](ts-based-declarative-development-paradigm/ts-syntactic-sugar-struct.md)
-            -   [Instantiating a struct Without the new Keyword](ts-based-declarative-development-paradigm/ts-instantiating-a-struct-without-new-keyword.md)
-            -   [Using a Separate Line for New Component](ts-based-declarative-development-paradigm/ts-using-a-separate-line-for-new-component.md)
-            -   [Restrictions on Using the TS Language for Generators](ts-based-declarative-development-paradigm/ts-restrictions-for-generators.md)
-
-    -   [Components](ts-based-declarative-development-paradigm/ts-components.md)
-        -   [Universal Components](ts-based-declarative-development-paradigm/ts-universal-components.md)
-            -   [Universal Events](ts-based-declarative-development-paradigm/ts-universal-events.md)
-                -   [Click Event](ts-based-declarative-development-paradigm/ts-universal-events-click.md)
-                -   [Touch Event](ts-based-declarative-development-paradigm/ts-universal-events-touch.md)
-                -   [Show/Hide Event](ts-based-declarative-development-paradigm/ts-universal-events-show-hide.md)
-                -   [Key Event](ts-based-declarative-development-paradigm/ts-universal-events-key.md)
-
-            -   [Universal Attributes](ts-based-declarative-development-paradigm/ts-universal-attributes.md)
-                -   [Size](ts-based-declarative-development-paradigm/ts-universal-attributes-size.md)
-                -   [Location](ts-based-declarative-development-paradigm/ts-universal-attributes-location.md)
-                -   [Layout Constraints](ts-based-declarative-development-paradigm/ts-universal-attributes-layout-constraints.md)
-                -   [Flex Layout](ts-based-declarative-development-paradigm/ts-universal-attributes-flex-layout.md)
-                -   [Border Configuration](ts-based-declarative-development-paradigm/ts-universal-attributes-border.md)
-                -   [Background](ts-based-declarative-development-paradigm/ts-universal-attributes-background.md)
-                -   [Opacity](ts-based-declarative-development-paradigm/ts-universal-attributes-opacity.md)
-                -   [Visibility](ts-based-declarative-development-paradigm/ts-universal-attributes-visibility.md)
-                -   [Enable/Disable](ts-based-declarative-development-paradigm/ts-universal-attributes-enable.md)
-                -   [Overlay](ts-based-declarative-development-paradigm/ts-universal-attributes-overlay.md)
-                -   [Z-order Control](ts-based-declarative-development-paradigm/ts-universal-attributes-z-order.md)
-                -   [Transformation](ts-based-declarative-development-paradigm/ts-universal-attributes-transformation.md)
-                -   [Image Effect Configuration](ts-based-declarative-development-paradigm/ts-universal-attributes-image-effect.md)
-                -   [Shape Clipping](ts-based-declarative-development-paradigm/ts-universal-attributes-sharp-clipping.md)
-                -   [Text Style](ts-based-declarative-development-paradigm/ts-universal-attributes-text-style.md)
-                -   [Grid](ts-based-declarative-development-paradigm/ts-universal-attributes-grid.md)
-                -   [Gradient Color](ts-based-declarative-development-paradigm/ts-universal-attributes-gradient-color.md)
-                -   [Popup Control](ts-based-declarative-development-paradigm/ts-universal-attributes-popup.md)
-                -   [Menu Control](ts-based-declarative-development-paradigm/ts-universal-attributes-menu.md)
-
-            -   [Gesture Processing](ts-based-declarative-development-paradigm/ts-gesture-processing.md)
-                -   [Gesture Binding Methods](ts-based-declarative-development-paradigm/ts-gesture-settings.md)
-                -   [Basic Gestures](ts-based-declarative-development-paradigm/ts-basic-gestures.md)
-                    -   [TapGesture](ts-based-declarative-development-paradigm/ts-basic-gestures-tapgesture.md)
-                    -   [LongPressGesture](ts-based-declarative-development-paradigm/ts-basic-gestures-longpressgesture.md)
-                    -   [PanGesture](ts-based-declarative-development-paradigm/ts-basic-gestures-pangesture.md)
-                    -   [PinchGesture](ts-based-declarative-development-paradigm/ts-basic-gestures-pinchgesture.md)
-                    -   [RotationGesture](ts-based-declarative-development-paradigm/ts-basic-gestures-rotationgesture.md)
-
-                -   [Combined Gestures](ts-based-declarative-development-paradigm/ts-combined-gestures.md)
-
-        -   [Basic Components](ts-based-declarative-development-paradigm/ts-basic-components.md)
-            -   [Blank](ts-based-declarative-development-paradigm/ts-basic-components-blank.md)
-            -   [Button](ts-based-declarative-development-paradigm/ts-basic-components-button.md)
-            -   [DataPanel](ts-based-declarative-development-paradigm/ts-basic-components-datapanel.md)
-            -   [Divider](ts-based-declarative-development-paradigm/ts-basic-components-divider.md)
-            -   [Image](ts-based-declarative-development-paradigm/ts-basic-components-image.md)
-            -   [ImageAnimator](ts-based-declarative-development-paradigm/ts-basic-components-imageanimator.md)
-            -   [Progress](ts-based-declarative-development-paradigm/ts-basic-components-progress.md)
-            -   [QRCode](ts-based-declarative-development-paradigm/ts-basic-components-qrcode.md)
-            -   [Rating](ts-based-declarative-development-paradigm/ts-basic-components-rating.md)
-            -   [Span](ts-based-declarative-development-paradigm/ts-basic-components-span.md)
-            -   [Slider](ts-based-declarative-development-paradigm/ts-basic-components-slider.md)
-            -   [Text](ts-based-declarative-development-paradigm/ts-basic-components-text.md)
-
-        -   [Container Components](ts-based-declarative-development-paradigm/ts-components-container.md)
-            -   [AlphabetIndexer](ts-based-declarative-development-paradigm/ts-container-alphabet-indexer.md)
-            -   [Badge](ts-based-declarative-development-paradigm/ts-container-badge.md)
-            -   [Column](ts-based-declarative-development-paradigm/ts-container-column.md)
-            -   [ColumnSplit](ts-based-declarative-development-paradigm/ts-container-columnsplit.md)
-            -   [Counter](ts-based-declarative-development-paradigm/ts-container-counter.md)
-            -   [Flex](ts-based-declarative-development-paradigm/ts-container-flex.md)
-            -   [GridContainer](ts-based-declarative-development-paradigm/ts-container-gridcontainer.md)
-            -   [Grid](ts-based-declarative-development-paradigm/ts-container-grid.md)
-            -   [GridItem](ts-based-declarative-development-paradigm/ts-container-griditem.md)
-            -   [List](ts-based-declarative-development-paradigm/ts-container-list.md)
-            -   [ListItem](ts-based-declarative-development-paradigm/ts-container-listitem.md)
-            -   [Navigator](ts-based-declarative-development-paradigm/ts-container-navigator.md)
-            -   [Panel](ts-based-declarative-development-paradigm/ts-container-panel.md)
-            -   [Row](ts-based-declarative-development-paradigm/ts-container-row.md)
-            -   [RowSplit](ts-based-declarative-development-paradigm/ts-container-rowsplit.md)
-            -   [Scroll](ts-based-declarative-development-paradigm/ts-container-scroll.md)
-            -   [Stack](ts-based-declarative-development-paradigm/ts-container-stack.md)
-            -   [Swiper](ts-based-declarative-development-paradigm/ts-container-swiper.md)
-            -   [Tabs](ts-based-declarative-development-paradigm/ts-container-tabs.md)
-            -   [TabContent](ts-based-declarative-development-paradigm/ts-container-tabcontent.md)
-
-        -   [Drawing Components](ts-based-declarative-development-paradigm/ts-drawing-components.md)
-            -   [Circle](ts-based-declarative-development-paradigm/ts-drawing-components-circle.md)
-            -   [Ellipse](ts-based-declarative-development-paradigm/ts-drawing-components-ellipse.md)
-            -   [Line](ts-based-declarative-development-paradigm/ts-drawing-components-line.md)
-            -   [Polyline](ts-based-declarative-development-paradigm/ts-drawing-components-polyline.md)
-            -   [Polygon](ts-based-declarative-development-paradigm/ts-drawing-components-polygon.md)
-            -   [Path](ts-based-declarative-development-paradigm/ts-drawing-components-path.md)
-            -   [Rect](ts-based-declarative-development-paradigm/ts-drawing-components-rect.md)
-            -   [Shape](ts-based-declarative-development-paradigm/ts-drawing-components-shape.md)
-
-    -   [Animation](ts-based-declarative-development-paradigm/ts-animation.md)
-        -   [AnimatorProperty](ts-based-declarative-development-paradigm/ts-animatorproperty.md)
-        -   [Explicit Animation](ts-based-declarative-development-paradigm/ts-explicit-animation.md)
-        -   [Transition Animation](ts-based-declarative-development-paradigm/ts-transition-animation.md)
-            -   [Page Transition](ts-based-declarative-development-paradigm/ts-page-transition-animation.md)
-            -   [Component Transition](ts-based-declarative-development-paradigm/ts-transition-animation-component.md)
-            -   [Transition of Shared Elements](ts-based-declarative-development-paradigm/ts-transition-animation-shared-elements.md)
-
-        -   [Motion Path Animation](ts-based-declarative-development-paradigm/ts-motion-path-animation.md)
-        -   [Matrix Transformation](ts-based-declarative-development-paradigm/ts-matrix-transformation.md)
-        -   [Interpolation Calculation](ts-based-declarative-development-paradigm/ts-interpolation-calculation.md)
-
-    -   [Global UI Methods](ts-based-declarative-development-paradigm/ts-global-ui-methods.md)
-        -   [Alert Dialog Box](ts-based-declarative-development-paradigm/ts-methods-alert-dialog-box.md)
-        -   [Custom Dialog box](ts-based-declarative-development-paradigm/ts-methods-custom-dialog-box.md)
-        -   [Image Cache](ts-based-declarative-development-paradigm/ts-methods-image-cache.md)
-        -   [Media Query](ts-based-declarative-development-paradigm/ts-methods-media-query.md)
-
-    -   [Appendix](ts-based-declarative-development-paradigm/ts-appendix.md)
-        -   [Built-in Enums](ts-based-declarative-development-paradigm/ts-appendix-enums.md)
--   [APIs](apis/apis.md)
-    -   [Console Logs](apis/console-logs.md)
-    -   [HiAppEvent](apis/hiappevent.md)
-    -   [Page Routing](apis/page-routing.md)
-    -   [Pop-up Window](apis/pop-up-window.md)
-    -   [Timer](apis/timer.md)
-    -   [Audio Management](apis/js-apis-audio.md)
-    -   [Audio Playback](apis/audio-playback.md)
-    -   [Device Information](apis/device-information.md)
-    -   [System Attribute](apis/system-attribute.md)
-    -   [Battery and Charging](apis/battery-and-charging.md)
-    -   [Screen Brightness](apis/screen-brightness.md)
-    -   [Globalization](apis/globalization.md)
-    -   [Resource Management](apis/resource-management.md) 
-    -   [Updater](apis/updater.md)
-    
-    
\ No newline at end of file

en/application-dev/js-reference/js-reference.md

-# JavaScript Development References<a name="EN-US_TOPIC_0000001212152437"></a>
-
--   **[JavaScript-based Web-like Development Paradigm](js-based-web-like-development-paradigm/js-web-development-like.md)**  
-
--   **[TypeScript-based Declarative Development Paradigm](ts-based-declarative-development-paradigm/ts-declarative.md)**  
-
-

en/application-dev/reference/Readme-EN.md

+# Development References
+
+-   [JavaScript-based Web-like Development Paradigm](arkui-js/Readme-EN.md)
+-   [TypeScript-based Declarative Development Paradigm](arkui-ts/Readme-EN.md)
+-   [APIs](apis/apis.md)
+    
+    
\ No newline at end of file

en/application-dev/reference/apis/Readme-EN.md

+# APIs
+
+-   [Console Logs](console-logs.md)
+-   [HiAppEvent](hiappevent.md)
+-   [Page Routing](page-routing.md)
+-   [Pop-up Window](pop-up-window.md)
+-   [Timer](timer.md)
+-   [Audio Management](js-apis-audio.md)
+-   [Audio Playback](audio-playback.md)
+-   [Device Information](device-information.md)
+-   [System Attribute](system-attribute.md)
+-   [Battery and Charging](battery-and-charging.md)
+-   [Screen Brightness](screen-brightness.md)
+-   [Globalization](globalization.md)
+-   [Resource Management](resource-management.md) 
+-   [Updater](updater.md)
+

en/application-dev/reference/arkui-js/Readme-EN.md

+# JavaScript-based Web-like Development Paradigm
+
+-   [Framework](js-framework.md)
+    -   [File Organization](js-framework-file.md)
+    -   ["js" Tag](js-framework-js-tag.md)
+    -   [app.js](js-framework-js-file.md)
+    -   [Syntax](js-framework-syntax.md)
+        -   [HML](js-framework-syntax-hml.md)
+        -   [CSS](js-framework-syntax-css.md)
+        -   [JavaScript](js-framework-syntax-js.md)
+
+    -   [Lifecycle](js-framework-lifecycle.md)
+    -   [Resource Limitations and Access](js-framework-resource-restriction.md)
+    -   [Multi-Language Capability](js-framework-multiple-languages.md)
+
+-   [Components](js-components.md)
+    -   [Common](js-components-common.md)
+        -   [Universal Attributes](js-components-common-attributes.md)
+        -   [Universal Styles](js-components-common-styles.md)
+        -   [Universal Events](js-components-common-events.md)
+        -   [Universal Methods](js-components-common-methods.md)
+        -   [Animation Styles](js-components-common-animation.md)
+        -   [Gradient Styles](js-components-common-gradient.md)
+        -   [Transition Styles](js-components-common-transition.md)
+        -   [Media Query](js-components-common-mediaquery.md)
+        -   [Custom Font Styles](js-components-common-customizing-font.md)
+        -   [Atomic Layout](js-components-common-atomic-layout.md)
+
+    -   [Container Component](js-components-container.md)
+        -   [badge](js-components-container-badge.md)
+        -   [dialog](js-components-container-dialog.md)
+        -   [div](js-components-container-div.md)
+        -   [form](js-components-container-form.md)
+        -   [list](js-components-container-list.md)
+        -   [list-item](js-components-container-list-item.md)
+        -   [list-item-group](js-components-container-list-item-group.md)
+        -   [panel](js-components-container-panel.md)
+        -   [popup](js-components-container-popup.md)
+        -   [refresh](js-components-container-refresh.md)
+        -   [stack](js-components-container-stack.md)
+        -   [stepper](js-components-container-stepper.md)
+        -   [stepper-item](js-components-container-stepper-item.md)
+        -   [swiper](js-components-container-swiper.md)
+        -   [tabs](js-components-container-tabs.md)
+        -   [tab-bar](js-components-container-tab-bar.md)
+        -   [tab-content](js-components-container-tab-content.md)
+
+    -   [Basic Components](js-components-basic.md)
+        -   [button](js-components-basic-button.md)
+        -   [chart](js-components-basic-chart.md)
+        -   [divider](js-components-basic-divider.md)
+        -   [image](js-components-basic-image.md)
+        -   [image-animator](js-components-basic-image-animator.md)
+        -   [input](js-components-basic-input.md)
+        -   [label](js-components-basic-label.md)
+        -   [marquee](js-components-basic-marquee.md)
+        -   [menu](js-components-basic-menu.md)
+        -   [option](js-components-basic-option.md)
+        -   [picker](js-components-basic-picker.md)
+        -   [picker-view](js-components-basic-picker-view.md)
+        -   [piece](js-components-basic-piece.md)
+        -   [progress](js-components-basic-progress.md)
+        -   [qrcode](js-components-basic-qrcode.md)
+        -   [rating](js-components-basic-rating.md)
+        -   [richtext](js-components-basic-richtext.md)
+        -   [search](js-components-basic-search.md)
+        -   [select](js-components-basic-select.md)
+        -   [slider](js-components-basic-slider.md)
+        -   [span](js-components-basic-span.md)
+        -   [switch](js-components-basic-switch.md)
+        -   [text](js-components-basic-text.md)
+        -   [textarea](js-components-basic-textarea.md)
+        -   [toolbar](js-components-basic-toolbar.md)
+        -   [toolbar-item](js-components-basic-toolbar-item.md)
+        -   [toggle](js-components-basic-toggle.md)
+
+    -   [Media Components](js-components-media.md)
+        -   [video](js-components-media-video.md)
+
+    -   [Canvas Components](js-components-canvas.md)
+        -   [canvas](js-components-canvas-canvas.md)
+        -   [CanvasRenderingContext2D](js-components-canvas-canvasrenderingcontext2d.md)
+        -   [Image](js-components-canvas-image.md)
+        -   [CanvasGradient](js-components-canvas-canvasgradient.md)
+        -   [ImageData](js-components-canvas-imagedata.md)
+        -   [Path2D](js-components-canvas-path2d.md)
+        -   [ImageBitmap](js-components-canvas-imagebitmap.md)
+        -   [OffscreenCanvas](js-components-canvas-offscreencanvas.md)
+        -   [OffscreenCanvasRenderingContext2D](js-offscreencanvasrenderingcontext2d.md)
+
+    -   [Grid](js-components-grid.md)
+        -   [Basic Concepts](js-components-grid-basic-concepts.md)
+        -   [grid-container](js-components-grid-container.md)
+        -   [grid-row](js-components-grid-row.md)
+        -   [grid-col](js-components-grid-col.md)
+
+    -   [SVG Components](js-svg.md)
+        -   [Universal Attributes](js-components-svg-common-attributes.md)
+        -   [svg](js-components-svg.md)
+        -   [rect](js-components-svg-rect.md)
+        -   [circle](js-components-svg-circle.md)
+        -   [ellipse](js-components-svg-ellipse.md)
+        -   [path](js-components-svg-path.md)
+        -   [line](js-components-svg-line.md)
+        -   [polyline](js-components-svg-polyline.md)
+        -   [polygon](js-components-svg-polygon.md)
+        -   [text](js-components-svg-text.md)
+        -   [tspan](js-components-svg-tspan.md)
+        -   [textPath](js-components-svg-textpath.md)
+        -   [animate](js-components-svg-animate.md)
+        -   [animateMotion](js-components-svg-animatemotion.md)
+        -   [animateTransform](js-components-svg-animatetransform.md)
+
+-   [Custom Components](js-components-custom.md)
+    -   [Basic Usage](js-components-custom-basic-usage.md)
+    -   [Custom Events](js-components-custom-events.md)
+    -   [Props](js-components-custom-props.md)
+    -   [Event Parameter](js-components-custom-event-parameter.md)
+    -   [slot](js-components-custom-slot.md)
+    -   [Lifecycle Definition](js-components-custom-lifecycle.md)
+
+-   [Appendix](js-appendix.md)
+    -   [Type Attributes](js-appendix-types.md)
\ No newline at end of file

en/application-dev/reference/arkui-ts/Readme-EN.md

+# TypeScript-based Declarative Development Paradigm
+
+-   [Framework Overview](ts-framework-framework.md)
+    -   [File Organization](ts-framework-file.md)
+        -   [Directory Structure](ts-framework-directory.md)
+        -   [Rules for Accessing Application Code Files](ts-framework-file-access-rules.md)
+
+    -   ["js" Tag](ts-framework-js-tag.md)
+    -   [Resource Access](ts-resource-access.md)
+        -   [Media Resource Types](ts-media-resource-type.md)
+
+    -   [Pixel Units](ts-pixel-units.md)
+    -   [Types](ts-types.md)
+
+-   [Declarative Syntax](ts-declarative-syntax.md)
+    -   [Overview](ts-syntax-intro.md)
+    -   [General UI Description Specifications](ts-general-ui-description-specifications.md)
+        -   [Basic Concepts](ts-general-ui-concepts.md)
+        -   [Declarative UI Description Specifications](ts-declarative-ui-description-specifications.md)
+            -   [Parameterless Configuration](ts-parameterless-configuration.md)
+            -   [Configuration with Mandatory Parameters](ts-configuration-with-mandatory-parameters.md)
+            -   [Attribution Configuration](ts-attribution-configuration.md)
+            -   [Event Configuration](ts-event-configuration.md)
+            -   [Child Component Configuration](ts-child-component-configuration.md)
+
+        -   [Component-based](ts-component-based.md)
+            -   [@Component](ts-component-based-component.md)
+            -   [@Entry](ts-component-based-entry.md)
+            -   [@Preview](ts-component-based-preview.md)
+            -   [@Builder](ts-component-based-builder.md)
+            -   [@Extend](ts-component-based-extend.md)
+            -   [@CustomDialog](ts-component-based-customdialog.md)
+
+    -   [UI State Management](ts-ui-state-management.md)
+        -   [Basic Concepts](ts-ui-state-mgmt-concepts.md)
+        -   [Managing Component States](ts-managing-component-states.md)
+            -   [@State](ts-component-states-state.md)
+            -   [@Prop](ts-component-states-prop.md)
+            -   [@Link](ts-component-states-link.md)
+
+        -   [Managing Application States](ts-managing-application-states.md)
+            -   [APIs](ts-managing-application-states-apis.md)
+                -   [AppStorage](ts-application-states-appstorage.md)
+                -   [PersistentStorage](ts-application-states-apis-persistentstorage.md)
+                -   [Environment](ts-application-states-apis-environment.md)
+
+            -   [Synchronization Between AppStorage and Components](ts-application-states-storagelink-storageprop.md)
+
+        -   [Managing Other States](ts-managing-other-states.md)
+            -   [@observed and @objectLink](ts-other-states-observed-objectlink.md)
+            -   [@Consume and @Provide](ts-other-states-consume-provide.md)
+            -   [@Watch](ts-other-states-watch.md)
+
+    -   [Rendering Control Syntax](ts-rending-control-syntax.md)
+        -   [if/else](ts-rending-control-syntax-if-else.md)
+        -   [ForEach](ts-rending-control-syntax-foreach.md)
+        -   [LazyForEach](ts-rending-control-syntax-lazyforeach.md)
+
+    -   [A Deep Dive into @Component](ts-a-deep-dive-into-component.md)
+        -   [build Function](ts-function-build.md)
+        -   [Custom Component Initialization](ts-custom-component-initialization.md)
+        -   [Custom Component Lifecycle Callbacks](ts-custom-component-lifecycle-callbacks.md)
+        -   [Example: Component Creation and Re-Initialization](ts-component-creation-re-initialization.md)
+
+    -   [Syntactic Sugar](ts-syntactic-sugar.md)
+        -   [@Decorator](ts-syntactic-sugar-decorator.md)
+        -   [Chaining](ts-syntactic-sugar-chaining.md)
+        -   [struct](ts-syntactic-sugar-struct.md)
+        -   [Instantiating a struct Without the new Keyword](ts-instantiating-a-struct-without-new-keyword.md)
+        -   [Using a Separate Line for New Component](ts-using-a-separate-line-for-new-component.md)
+        -   [Restrictions on Using the TS Language for Generators](ts-restrictions-for-generators.md)
+
+-   [Components](ts-components.md)
+    -   [Universal Components](ts-universal-components.md)
+        -   [Universal Events](ts-universal-events.md)
+            -   [Click Event](ts-universal-events-click.md)
+            -   [Touch Event](ts-universal-events-touch.md)
+            -   [Show/Hide Event](ts-universal-events-show-hide.md)
+            -   [Key Event](ts-universal-events-key.md)
+
+        -   [Universal Attributes](ts-universal-attributes.md)
+            -   [Size](ts-universal-attributes-size.md)
+            -   [Location](ts-universal-attributes-location.md)
+            -   [Layout Constraints](ts-universal-attributes-layout-constraints.md)
+            -   [Flex Layout](ts-universal-attributes-flex-layout.md)
+            -   [Border Configuration](ts-universal-attributes-border.md)
+            -   [Background](ts-universal-attributes-background.md)
+            -   [Opacity](ts-universal-attributes-opacity.md)
+            -   [Visibility](ts-universal-attributes-visibility.md)
+            -   [Enable/Disable](ts-universal-attributes-enable.md)
+            -   [Overlay](ts-universal-attributes-overlay.md)
+            -   [Z-order Control](ts-universal-attributes-z-order.md)
+            -   [Transformation](ts-universal-attributes-transformation.md)
+            -   [Image Effect Configuration](ts-universal-attributes-image-effect.md)
+            -   [Shape Clipping](ts-universal-attributes-sharp-clipping.md)
+            -   [Text Style](ts-universal-attributes-text-style.md)
+            -   [Grid](ts-universal-attributes-grid.md)
+            -   [Gradient Color](ts-universal-attributes-gradient-color.md)
+            -   [Popup Control](ts-universal-attributes-popup.md)
+            -   [Menu Control](ts-universal-attributes-menu.md)
+
+        -   [Gesture Processing](ts-gesture-processing.md)
+            -   [Gesture Binding Methods](ts-gesture-settings.md)
+            -   [Basic Gestures](ts-basic-gestures.md)
+                -   [TapGesture](ts-basic-gestures-tapgesture.md)
+                -   [LongPressGesture](ts-basic-gestures-longpressgesture.md)
+                -   [PanGesture](ts-basic-gestures-pangesture.md)
+                -   [PinchGesture](ts-basic-gestures-pinchgesture.md)
+                -   [RotationGesture](ts-basic-gestures-rotationgesture.md)
+
+            -   [Combined Gestures](ts-combined-gestures.md)
+
+    -   [Basic Components](ts-basic-components.md)
+        -   [Blank](ts-basic-components-blank.md)
+        -   [Button](ts-basic-components-button.md)
+        -   [DataPanel](ts-basic-components-datapanel.md)
+        -   [Divider](ts-basic-components-divider.md)
+        -   [Image](ts-basic-components-image.md)
+        -   [ImageAnimator](ts-basic-components-imageanimator.md)
+        -   [Progress](ts-basic-components-progress.md)
+        -   [QRCode](ts-basic-components-qrcode.md)
+        -   [Rating](ts-basic-components-rating.md)
+        -   [Span](ts-basic-components-span.md)
+        -   [Slider](ts-basic-components-slider.md)
+        -   [Text](ts-basic-components-text.md)
+
+    -   [Container Components](ts-components-container.md)
+        -   [AlphabetIndexer](ts-container-alphabet-indexer.md)
+        -   [Badge](ts-container-badge.md)
+        -   [Column](ts-container-column.md)
+        -   [ColumnSplit](ts-container-columnsplit.md)
+        -   [Counter](ts-container-counter.md)
+        -   [Flex](ts-container-flex.md)
+        -   [GridContainer](ts-container-gridcontainer.md)
+        -   [Grid](ts-container-grid.md)
+        -   [GridItem](ts-container-griditem.md)
+        -   [List](ts-container-list.md)
+        -   [ListItem](ts-container-listitem.md)
+        -   [Navigator](ts-container-navigator.md)
+        -   [Panel](ts-container-panel.md)
+        -   [Row](ts-container-row.md)
+        -   [RowSplit](ts-container-rowsplit.md)
+        -   [Scroll](ts-container-scroll.md)
+        -   [Stack](ts-container-stack.md)
+        -   [Swiper](ts-container-swiper.md)
+        -   [Tabs](ts-container-tabs.md)
+        -   [TabContent](ts-container-tabcontent.md)
+
+    -   [Drawing Components](ts-drawing-components.md)
+        -   [Circle](ts-drawing-components-circle.md)
+        -   [Ellipse](ts-drawing-components-ellipse.md)
+        -   [Line](ts-drawing-components-line.md)
+        -   [Polyline](ts-drawing-components-polyline.md)
+        -   [Polygon](ts-drawing-components-polygon.md)
+        -   [Path](ts-drawing-components-path.md)
+        -   [Rect](ts-drawing-components-rect.md)
+        -   [Shape](ts-drawing-components-shape.md)
+
+-   [Animation](ts-animation.md)
+    -   [AnimatorProperty](ts-animatorproperty.md)
+    -   [Explicit Animation](ts-explicit-animation.md)
+    -   [Transition Animation](ts-transition-animation.md)
+        -   [Page Transition](ts-page-transition-animation.md)
+        -   [Component Transition](ts-transition-animation-component.md)
+        -   [Transition of Shared Elements](ts-transition-animation-shared-elements.md)
+
+    -   [Motion Path Animation](ts-motion-path-animation.md)
+    -   [Matrix Transformation](ts-matrix-transformation.md)
+    -   [Interpolation Calculation](ts-interpolation-calculation.md)
+
+-   [Global UI Methods](ts-global-ui-methods.md)
+    -   [Alert Dialog Box](ts-methods-alert-dialog-box.md)
+    -   [Custom Dialog box](ts-methods-custom-dialog-box.md)
+    -   [Image Cache](ts-methods-image-cache.md)
+    -   [Media Query](ts-methods-media-query.md)
+
+-   [Appendix](ts-appendix.md)
+    -   [Built-in Enums](ts-appendix-enums.md)
+

en/application-dev/ui/ui-js-animate-component.md

 # Component Animation<a name="EN-US_TOPIC_0000001171528146"></a>
 
-Create and run an animation shortcut on the component. For details, see  [Universal Methods](../js-reference/js-based-web-like-development-paradigm/js-components-common-methods.md).
+Create and run an animation shortcut on the component. For details, see  [Universal Methods](../reference/arkui-js/js-components-common-methods.md).
 
 ## Obtaining an Animation Object<a name="section662542112713"></a>
 
@@ -60,12 +60,12 @@ export default {
 ![](figures/1-19.gif)
 
 >![](../public_sys-resources/icon-note.gif) **NOTE:** 
->-   When using the  **animate**  method, you must pass the  [Keyframes](../js-reference/js-based-web-like-development-paradigm/js-components-common-methods.md#table1491078445)  and  [Options](../js-reference/js-based-web-like-development-paradigm/js-components-common-methods.md#table587915341817)  parameters.
+>-   When using the  **animate**  method, you must pass the  [Keyframes](../reference/arkui-js/js-components-common-methods.md#table1491078445)  and  [Options](../reference/arkui-js/js-components-common-methods.md#table587915341817)  parameters.
 >-   If  **animate**  is called for multiple times and the replace policy is used, parameters passed to the last call will take effect.
 
 ## Setting Animation Parameters<a name="section36079502817"></a>
 
-After obtaining an  **animation**  object, you can set its style working on the component with the  [Keyframes](../js-reference/js-based-web-like-development-paradigm/js-components-common-methods.md#table1491078445)  parameter.
+After obtaining an  **animation**  object, you can set its style working on the component with the  [Keyframes](../reference/arkui-js/js-components-common-methods.md#table1491078445)  parameter.
 
 ```
 <!-- xxx.hml -->
@@ -140,7 +140,7 @@ export default {
 >-   The sequence of  **translate**,  **scale**, and  **rotate**  affects the animation effect.
 >-   **transformOrigin**  works only for  **scale**  and  **rotate**.
 
-Set the animation attributes with the  [Options](../js-reference/js-based-web-like-development-paradigm/js-components-common-methods.md#table587915341817)  parameter.
+Set the animation attributes with the  [Options](../reference/arkui-js/js-components-common-methods.md#table587915341817)  parameter.
 
 ```
 <!-- xxx.hml -->

en/application-dev/ui/ui-js-building-ui-animation.md

@@ -10,7 +10,7 @@ The transform attributes are the core of the static animation. A static animatio
 -   **scale**: Scales a specified component horizontally or vertically to the required scale.
 -   **rotate**: Rotates a specified component by a specified angle along the horizontal axis, vertical axis, or center point.
 
-For more information, see  [Component Methods](../js-reference/js-based-web-like-development-paradigm/js-components-common-methods.md). The following is an example:
+For more information, see  [Component Methods](../reference/arkui-js/js-components-common-methods.md). The following is an example:
 
 ```
 <!-- xxx.hml -->

en/application-dev/ui/ui-js-building-ui-component.md

 # Component Overview<a name="EN-US_TOPIC_0000001063340551"></a>
 
-Components are the core of a UI page. Each component can provide visible and interactive functional units that are independent from each other. This is achieved by data and method encapsulation. You can use and reuse any component anywhere as needed. For details about how to use the components, see  [Components](../js-reference/js-based-web-like-development-paradigm/js-components-common-attributes.md).
+Components are the core of a UI page. Each component can provide visible and interactive functional units that are independent from each other. This is achieved by data and method encapsulation. You can use and reuse any component anywhere as needed. For details about how to use the components, see  [Components](../reference/arkui-js/js-components-common-attributes.md).
 
 You can also customize a new component through proper combination of components to make the development simple and easy. For details about how to customize components, see  [Custom Components](ui-js-custom-components.md).
 
@@ -47,4 +47,3 @@ Components can be classified into the following types based on their functions.
 </tr>
 </tbody>
 </table>
-

en/application-dev/ui/ui-js-building-ui-interactions.md

@@ -71,5 +71,5 @@ export default {
 }
 ```
 
-The  ArkUI also provides many form components, such as switches, tags, and pickers, for you to flexibly lay out pages and improve their interactions with users. For details, see  [Container Components](../js-reference/js-based-web-like-development-paradigm/js-components-container-badge.md).
+The  ArkUI also provides many form components, such as switches, tags, and pickers, for you to flexibly lay out pages and improve their interactions with users. For details, see  [Container Components](../reference/arkui-js/js-components-container-badge.md).
 

en/application-dev/ui/ui-js-building-ui-layout-image.md

 # Adding an Image<a name="EN-US_TOPIC_0000001063590816"></a>
 
-Generally, the  [<image\>](../js-reference/js-based-web-like-development-paradigm/js-components-basic-image.md)  component is used to add images on a page. The method of using this component is similar to that of using the  **<text\>**  component.
+Generally, the  [<image\>](../reference/arkui-js/js-components-basic-image.md)  component is used to add images on a page. The method of using this component is similar to that of using the  **<text\>**  component.
 
-To reference images via the  **<image\>**  component, you must create the  **common**  directory under  **js**  \>  **default**, and then store the image files in the  **common**  directory. For details about the directory structure, see  [Directory Structure](../js-reference/js-based-web-like-development-paradigm/js-framework-file.md#section119431650182015). The following sample code shows you how to add an image and set its style.
+To reference images via the  **<image\>**  component, you must create the  **common**  directory under  **js**  \>  **default**, and then store the image files in the  **common**  directory. For details about the directory structure, see  [Directory Structure](../reference/arkui-js/js-framework-file.md#section119431650182015). The following sample code shows you how to add an image and set its style.
 
 ```
 <!-- xxx.hml -->

en/application-dev/ui/ui-js-building-ui-layout-text.md

 # Adding Title and Paragraph Text<a name="EN-US_TOPIC_0000001063749052"></a>
 
-The  **<text\>**  component is most commonly used to display text in title and paragraph areas. You can set attributes and styles for a  **<text\>**  component and add the text to be displayed between the  **<text\>**  and  **</text\>**  tags. For details about the attributes and styles, see  [text](../js-reference/js-based-web-like-development-paradigm/js-components-basic-text.md). The following is an example of adding title and paragraph text on a page:
+The  **<text\>**  component is most commonly used to display text in title and paragraph areas. You can set attributes and styles for a  **<text\>**  component and add the text to be displayed between the  **<text\>**  and  **</text\>**  tags. For details about the attributes and styles, see  [text](../reference/arkui-js/js-components-basic-text.md). The following is an example of adding title and paragraph text on a page:
 
 ```
 <!-- xxx.hml -->

en/application-dev/ui/ui-js-component-tabs.md

 # Tabs<a name="EN-US_TOPIC_0000001157214240"></a>
 
-The  **<tabs\>**  component is a common UI component for navigation. It allows quick access to different functions of an app. For details, see  [tabs](../js-reference/js-based-web-like-development-paradigm/js-components-container-tabs.md).
+The  **<tabs\>**  component is a common UI component for navigation. It allows quick access to different functions of an app. For details, see  [tabs](../reference/arkui-js/js-components-container-tabs.md).
 
 ## Creating Tabs<a name="section1820920264"></a>
 
@@ -187,7 +187,7 @@ export default {
 ![](figures/32.gif)
 
 >![](../public_sys-resources/icon-note.gif) **NOTE:** 
->-   A  **<tabs\>**  can wrap at most one  [**<tab-bar\>**](../js-reference/js-based-web-like-development-paradigm/js-components-container-tab-bar.md)  and at most one  [**<tab-content\>**](../js-reference/js-based-web-like-development-paradigm/js-components-container-tab-content.md).
+>-   A  **<tabs\>**  can wrap at most one  [**<tab-bar\>**](../reference/arkui-js/js-components-container-tab-bar.md)  and at most one  [**<tab-content\>**](../reference/arkui-js/js-components-container-tab-content.md).
 
 ## Example Scenario<a name="section1117302718531"></a>
 

en/application-dev/ui/ui-js-components-button.md

 # Button<a name="EN-US_TOPIC_0000001202654279"></a>
 
-The  **<button\>**  component can be used to set a capsule, circle, text, arc, or download button. For details, see  [button](../js-reference/js-based-web-like-development-paradigm/js-components-basic-button.md).
+The  **<button\>**  component can be used to set a capsule, circle, text, arc, or download button. For details, see  [button](../reference/arkui-js/js-components-basic-button.md).
 
 ## Creating a <button\> Component<a name="section1483585710237"></a>
 

en/application-dev/ui/ui-js-components-dialog.md

 # Dialog<a name="EN-US_TOPIC_0000001201895755"></a>
 
-The  **<dialog\>**  component is custom pop-up container for showing critical information or calling for an action. For details, see  [dialog](../js-reference/js-based-web-like-development-paradigm/js-components-container-dialog.md).
+The  **<dialog\>**  component is custom pop-up container for showing critical information or calling for an action. For details, see  [dialog](../reference/arkui-js/js-components-container-dialog.md).
 
 ## Creating a <dialog\> Component<a name="section174764398569"></a>
 
@@ -134,7 +134,7 @@ export default {
 
 ## Example Scenario<a name="section54252520379"></a>
 
-Use the  **<dialog\>**  component to implement a schedule. When the dialog box is open, use the  [**<textarea\>**](../js-reference/js-based-web-like-development-paradigm/js-components-basic-textarea.md)  component to add an event and touch the OK button to obtain the current time and save the input text. The events in the calendar are displayed in a list.
+Use the  **<dialog\>**  component to implement a schedule. When the dialog box is open, use the  [**<textarea\>**](../reference/arkui-js/js-components-basic-textarea.md)  component to add an event and touch the OK button to obtain the current time and save the input text. The events in the calendar are displayed in a list.
 
 ```
 <!-- xxx.hml -->

en/application-dev/ui/ui-js-components-form.md

 # Form<a name="EN-US_TOPIC_0000001201655789"></a>
 
-The  **<form\>**  component allows the content in  [**<input\>**](../js-reference/js-based-web-like-development-paradigm/js-components-basic-input.md)  components to be submitted and reset. For details, see  [form](../js-reference/js-based-web-like-development-paradigm/js-components-container-form.md).
+The  **<form\>**  component allows the content in  [**<input\>**](../reference/arkui-js/js-components-basic-input.md)  components to be submitted and reset. For details, see  [form](../reference/arkui-js/js-components-container-form.md).
 
 >![](../public_sys-resources/icon-note.gif) **NOTE:** 
 >This component is supported since API version 6.
@@ -32,7 +32,7 @@ Create a  **<form\>**  component in the  **.hml**  file under  **pages/index**.
 
 ## Zooming In or Out on a Form<a name="section462755916266"></a>
 
-To implement the zoom effect after a form is clicked, add the  **click-effect**  attribute to the  **<form\>**  component. For values of  **click-effect**, see  [Universal Attributes](../js-reference/js-based-web-like-development-paradigm/js-components-common-attributes.md).
+To implement the zoom effect after a form is clicked, add the  **click-effect**  attribute to the  **<form\>**  component. For values of  **click-effect**, see  [Universal Attributes](../reference/arkui-js/js-components-common-attributes.md).
 
 ```
 <!-- xxx.hml -->
@@ -111,7 +111,7 @@ export default{
 
 Select an option and submit or reset the form data.
 
-Create  [**<input\>**](../js-reference/js-based-web-like-development-paradigm/js-components-basic-input.md)  components, set their  **type**  attribute to  **checkbox**  and  **radio**, and use the  **onsubmit**  and  **onreset**  events of the  **<form\>**  component to submit and reset the form data.
+Create  [**<input\>**](../reference/arkui-js/js-components-basic-input.md)  components, set their  **type**  attribute to  **checkbox**  and  **radio**, and use the  **onsubmit**  and  **onreset**  events of the  **<form\>**  component to submit and reset the form data.
 
 ```
 <!-- xxx.hml -->

en/application-dev/ui/ui-js-components-images.md

 # Image<a name="EN-US_TOPIC_0000001202854311"></a>
 
-The  **<image\>**  component is used to render and display images. For details, see  [image](../js-reference/js-based-web-like-development-paradigm/js-components-basic-image.md).
+The  **<image\>**  component is used to render and display images. For details, see  [image](../reference/arkui-js/js-components-basic-image.md).
 
 ## Creating an <image\> Component<a name="section1688401116367"></a>
 
@@ -59,7 +59,7 @@ image{
 
 ## Display Multiple Images<a name="section297282517378"></a>
 
-Define a  **for**  loop to display multiple images cyclically. Set  **option**  to specify the image scale style. For details about the scale styles, see the description of  [object-fit](../js-reference/js-based-web-like-development-paradigm/js-components-basic-image.md#table175851535113711).
+Define a  **for**  loop to display multiple images cyclically. Set  **option**  to specify the image scale style. For details about the scale styles, see the description of  [object-fit](../reference/arkui-js/js-components-basic-image.md#table175851535113711).
 
 ```
 <!-- index.hml -->

en/application-dev/ui/ui-js-components-input.md

 # Input<a name="EN-US_TOPIC_0000001202854309"></a>
 
-The  **<input\>**  component provides an interactive way to receive user input of various types, including  **date**,  **checkbox**, and  **button**. For details, see  [input](../js-reference/js-based-web-like-development-paradigm/js-components-basic-input.md).
+The  **<input\>**  component provides an interactive way to receive user input of various types, including  **date**,  **checkbox**, and  **button**. For details, see  [input](../reference/arkui-js/js-components-basic-input.md).
 
 ## Creating an <input\> Component<a name="section119721242413"></a>
 

en/application-dev/ui/ui-js-components-list.md

 # List<a name="EN-US_TOPIC_0000001156015762"></a>
 
-The  **<list\>**  component provides a list container that presents a series of list items arranged in a column with the same width. Lists can be used for presenting the same type of data in a multiple and coherent row style. For details, see  [list](../js-reference/js-based-web-like-development-paradigm/js-components-container-list.md).
+The  **<list\>**  component provides a list container that presents a series of list items arranged in a column with the same width. Lists can be used for presenting the same type of data in a multiple and coherent row style. For details, see  [list](../reference/arkui-js/js-components-container-list.md).
 
 ## Creating a <list\> Component<a name="section1994073214247"></a>
 

en/application-dev/ui/ui-js-components-picker.md

 # Picker<a name="EN-US_TOPIC_0000001155695748"></a>
 
-The  **<picker\>**  component supports common, date, time, data and time, and multi-column text selectors. For details, see  [picker](../js-reference/js-based-web-like-development-paradigm/js-components-basic-picker.md).
+The  **<picker\>**  component supports common, date, time, data and time, and multi-column text selectors. For details, see  [picker](../reference/arkui-js/js-components-basic-picker.md).
 
 ## Creating a <picker\> Component<a name="section19696122895318"></a>
 

en/application-dev/ui/ui-js-components-stepper.md

 # Stepper<a name="EN-US_TOPIC_0000001156894290"></a>
 
-When multiple steps are required to complete a task, you can use the  **<stepper\>**  component to navigate your users through the whole process. For details, see  [stepper](../js-reference/js-based-web-like-development-paradigm/js-components-container-stepper.md).
+When multiple steps are required to complete a task, you can use the  **<stepper\>**  component to navigate your users through the whole process. For details, see  [stepper](../reference/arkui-js/js-components-container-stepper.md).
 
 >![](../public_sys-resources/icon-note.gif) **NOTE:** 
 >This component is supported since API version 5.
@@ -278,7 +278,7 @@ export default {
 
 Select the options displayed on the page. Your selection will be shown in real time. Click the next button to dynamically change the font color and font size on the page.
 
-Use the  **<stepper\>**  component to navigate through the steps. Create a  [**<toggle\>**](../js-reference/js-based-web-like-development-paradigm/js-components-basic-toggle.md)  component to implement the functions of selection and displaying the selection result. Then use the  [**<select\>**](../js-reference/js-based-web-like-development-paradigm/js-components-basic-select.md)  component to dynamically change the font color or size of the selected options.
+Use the  **<stepper\>**  component to navigate through the steps. Create a  [**<toggle\>**](../reference/arkui-js/js-components-basic-toggle.md)  component to implement the functions of selection and displaying the selection result. Then use the  [**<select\>**](../reference/arkui-js/js-components-basic-select.md)  component to dynamically change the font color or size of the selected options.
 
 ```
 <div class="container">

en/application-dev/ui/ui-js-components-text.md

 # Text<a name="EN-US_TOPIC_0000001157214238"></a>
 
-The  **<text\>**  component is used to display a piece of textual information. For details, see  [text](../js-reference/js-based-web-like-development-paradigm/js-components-basic-text.md).
+The  **<text\>**  component is used to display a piece of textual information. For details, see  [text](../reference/arkui-js/js-components-basic-text.md).
 
 ## Creating a <text\> Component<a name="section1466515586539"></a>
 
@@ -46,7 +46,7 @@ Set the  **color**,  **font-size**, and  **allow-scale**  attributes.
 
 -   Adding a text modifier
 
-Set the  **text-decoration**  attribute to add an underline, overline, line-through, or a combination of lines to selected text. For values of  **text-decoration**, see  [Text Styles](../js-reference/js-based-web-like-development-paradigm/js-components-basic-text.md#section5775351116).
+Set the  **text-decoration**  attribute to add an underline, overline, line-through, or a combination of lines to selected text. For values of  **text-decoration**, see  [Text Styles](../reference/arkui-js/js-components-basic-text.md#section5775351116).
 
 ```
 <!-- xxx.hml -->
@@ -110,7 +110,7 @@ Set the  **text-overflow**  attribute to  **ellipsis**  so that overflowed text
 
 -   Setting the text line breaking mode
 
-Set the  **word-break**  attribute to specify how to break lines of text. For values of  **word-break**, see  [Text Styles](../js-reference/js-based-web-like-development-paradigm/js-components-basic-text.md#section5775351116).
+Set the  **word-break**  attribute to specify how to break lines of text. For values of  **word-break**, see  [Text Styles](../reference/arkui-js/js-components-basic-text.md#section5775351116).
 
 ```
 <!-- xxx.hml -->
@@ -159,7 +159,7 @@ Set the  **word-break**  attribute to specify how to break lines of text. For va
 
 ![](figures/8.png)
 
--   Setting the  [**<span\>**](../js-reference/js-based-web-like-development-paradigm/js-components-basic-span.md)  child component
+-   Setting the  [**<span\>**](../reference/arkui-js/js-components-basic-span.md)  child component
 
 ```
 <!-- xxx.hml -->

en/application-dev/ui/ui-js-custom-components.md

@@ -93,7 +93,7 @@ The  ArkUI that uses the JavaScript-based web-like development paradigm supports
     ```
 
 
-In this example, the parent component passes the customized attribute through  **title**  to the child component, and the child component receives the attribute value in  **props**. The child component passes  **text**  to the parent through the bound event, and the passed value is obtained via  **e.detail**. To successfully bind the child component event to the parent component, ensure that the event name meet the requirements for event binding. For details, see  [Basic Usage of Custom Components](../js-reference/js-based-web-like-development-paradigm/js-components-custom-basic-usage.md). The following figures show how the custom component works.
+In this example, the parent component passes the customized attribute through  **title**  to the child component, and the child component receives the attribute value in  **props**. The child component passes  **text**  to the parent through the bound event, and the passed value is obtained via  **e.detail**. To successfully bind the child component event to the parent component, ensure that the event name meet the requirements for event binding. For details, see  [Basic Usage of Custom Components](../reference/arkui-js/js-components-custom-basic-usage.md). The following figures show how the custom component works.
 
 **Figure  1**  Running effect<a name="fig12947164917208"></a>  
 ![](figures/running-effect.png "running-effect")

en/application-dev/ui/ui-ts-components.md

@@ -4,7 +4,7 @@ Before customizing a component, get to know what the  [component and decorator](
 
 ## Components and Decorators<a name="section1094392618525"></a>
 
-In a declarative UI, all pages are composed of components. The data structure of the component is  **struct**, and the decorator  [@Component](../js-reference/ts-based-declarative-development-paradigm/ts-component-based-component.md)  is the component-based flag. The struct decorated by  **@Component**  indicates that the struct has the component capability.
+In a declarative UI, all pages are composed of components. The data structure of the component is  **struct**, and the decorator  [@Component](../reference/arkui-ts/ts-component-based-component.md)  is the component-based flag. The struct decorated by  **@Component**  indicates that the struct has the component capability.
 
 The method for declaring a custom component is as follows:
 
@@ -21,7 +21,7 @@ interface Builder {
 }
 ```
 
-The component decorated by  [@Entry](../js-reference/ts-based-declarative-development-paradigm/ts-component-based-entry.md)  indicates that the component is the main entry of the page and can also be considered as the root node of the page. Note that a page must have one and only one  **@Entry**. Only the  **@Entry**  decorated component and its child components are displayed on the page.
+The component decorated by  [@Entry](../reference/arkui-ts/ts-component-based-entry.md)  indicates that the component is the main entry of the page and can also be considered as the root node of the page. Note that a page must have one and only one  **@Entry**. Only the  **@Entry**  decorated component and its child components are displayed on the page.
 
 **@Component**  and  **@Entry**  are basic and important decorators. To put it simply, a decorator assigns a capability to an object to be decorated. For example,  **@Entry**  assigns the capability of the page entry, and  **@Component**  assigns the component capability.
 
@@ -76,4 +76,3 @@ When you create a system component, the default style is used. You can change th
 
     ![](figures/en-us_image_0000001168888224.png)
 
-

zh-cn/application-dev/Readme-CN.md

@@ -11,5 +11,5 @@
 - [音频](media/audio.md)
 - [IPC与RPC通信](connectivity/ipc-rpc.md)
 - [应用事件打点](application-event-logging/hiappevent.md)
-- [JS 开发参考](js-reference/Readme-CN.md)
+- [开发参考](reference/Readme-CN.md)
 

zh-cn/application-dev/application-dev-guide.md

@@ -2,7 +2,7 @@
 
 应用开发文档用于指导开发者通过OpenHarmony提供的接口完成应用开发。当前应用开发文档提供了在标准系统上开发应用的JS接口。
 
-在这部分中，开发者可以通过“[入门](quick-start/Readme-CN.md)”来了解应用开发的基本方法。完整的接口清单和参考使用指导可参见“[JS开发参考](js-reference/Readme-CN.md)”。
+在这部分中，开发者可以通过“[入门](quick-start/Readme-CN.md)”来了解应用开发的基本方法。完整的接口清单和参考使用指导可参见“[开发参考](reference/Readme-CN.md)”。
 
 除此之外，为方便开发者对常用功能进行深入理解，还提供了[UI](ui/Readme-CN.md)、[媒体](media/Readme-CN.md)、[网络与连接](connectivity/Readme-CN.md)三个模块的开发指南。
 

zh-cn/application-dev/js-reference/Readme-CN.md

-# JS开发参考
-
--   [基于JS扩展的类Web开发范式](js-based-web-like-development-paradigm/js-web-development-like.md)
-    -   [框架说明](js-based-web-like-development-paradigm/js-framework.md)
-        -   [文件组织](js-based-web-like-development-paradigm/js-framework-file.md)
-        -   [js标签配置](js-based-web-like-development-paradigm/js-framework-js-tag.md)
-        -   [app.js](js-based-web-like-development-paradigm/js-framework-js-file.md)
-        -   [语法](js-based-web-like-development-paradigm/js-framework-syntax.md)
-            -   [HML语法参考](js-based-web-like-development-paradigm/js-framework-syntax-hml.md)
-            -   [CSS语法参考](js-based-web-like-development-paradigm/js-framework-syntax-css.md)
-            -   [JS语法参考](js-based-web-like-development-paradigm/js-framework-syntax-js.md)
-
-        -   [生命周期](js-based-web-like-development-paradigm/js-framework-lifecycle.md)
-        -   [资源限定与访问](js-based-web-like-development-paradigm/js-framework-resource-restriction.md)
-        -   [多语言支持](js-based-web-like-development-paradigm/js-framework-multiple-languages.md)
-
-    -   [组件](js-based-web-like-development-paradigm/js-components.md)
-        -   [通用](js-based-web-like-development-paradigm/js-components-common.md)
-            -   [通用属性](js-based-web-like-development-paradigm/js-components-common-attributes.md)
-            -   [通用样式](js-based-web-like-development-paradigm/js-components-common-styles.md)
-            -   [通用事件](js-based-web-like-development-paradigm/js-components-common-events.md)
-            -   [通用方法](js-based-web-like-development-paradigm/js-components-common-methods.md)
-            -   [动画样式](js-based-web-like-development-paradigm/js-components-common-animation.md)
-            -   [渐变样式](js-based-web-like-development-paradigm/js-components-common-gradient.md)
-            -   [转场样式](js-based-web-like-development-paradigm/js-components-common-transition.md)
-            -   [媒体查询](js-based-web-like-development-paradigm/js-components-common-mediaquery.md)
-            -   [自定义字体样式](js-based-web-like-development-paradigm/js-components-common-customizing-font.md)
-            -   [原子布局](js-based-web-like-development-paradigm/js-components-common-atomic-layout.md)
-
-        -   [容器组件](js-based-web-like-development-paradigm/js-components-container.md)
-            -   [badge](js-based-web-like-development-paradigm/js-components-container-badge.md)
-            -   [dialog](js-based-web-like-development-paradigm/js-components-container-dialog.md)
-            -   [div](js-based-web-like-development-paradigm/js-components-container-div.md)
-            -   [form](js-based-web-like-development-paradigm/js-components-container-form.md)
-            -   [list](js-based-web-like-development-paradigm/js-components-container-list.md)
-            -   [list-item](js-based-web-like-development-paradigm/js-components-container-list-item.md)
-            -   [list-item-group](js-based-web-like-development-paradigm/js-components-container-list-item-group.md)
-            -   [panel](js-based-web-like-development-paradigm/js-components-container-panel.md)
-            -   [popup](js-based-web-like-development-paradigm/js-components-container-popup.md)
-            -   [refresh](js-based-web-like-development-paradigm/js-components-container-refresh.md)
-            -   [stack](js-based-web-like-development-paradigm/js-components-container-stack.md)
-            -   [stepper](js-based-web-like-development-paradigm/js-components-container-stepper.md)
-            -   [stepper-item](js-based-web-like-development-paradigm/js-components-container-stepper-item.md)
-            -   [swiper](js-based-web-like-development-paradigm/js-components-container-swiper.md)
-            -   [tabs](js-based-web-like-development-paradigm/js-components-container-tabs.md)
-            -   [tab-bar](js-based-web-like-development-paradigm/js-components-container-tab-bar.md)
-            -   [tab-content](js-based-web-like-development-paradigm/js-components-container-tab-content.md)
-
-        -   [基础组件](js-based-web-like-development-paradigm/js-components-basic.md)
-            -   [button](js-based-web-like-development-paradigm/js-components-basic-button.md)
-            -   [chart](js-based-web-like-development-paradigm/js-components-basic-chart.md)
-            -   [divider](js-based-web-like-development-paradigm/js-components-basic-divider.md)
-            -   [image](js-based-web-like-development-paradigm/js-components-basic-image.md)
-            -   [image-animator](js-based-web-like-development-paradigm/js-components-basic-image-animator.md)
-            -   [input](js-based-web-like-development-paradigm/js-components-basic-input.md)
-            -   [label](js-based-web-like-development-paradigm/js-components-basic-label.md)
-            -   [marquee](js-based-web-like-development-paradigm/js-components-basic-marquee.md)
-            -   [menu](js-based-web-like-development-paradigm/js-components-basic-menu.md)
-            -   [option](js-based-web-like-development-paradigm/js-components-basic-option.md)
-            -   [picker](js-based-web-like-development-paradigm/js-components-basic-picker.md)
-            -   [picker-view](js-based-web-like-development-paradigm/js-components-basic-picker-view.md)
-            -   [piece](js-based-web-like-development-paradigm/js-components-basic-piece.md)
-            -   [progress](js-based-web-like-development-paradigm/js-components-basic-progress.md)
-            -   [qrcode](js-based-web-like-development-paradigm/js-components-basic-qrcode.md)
-            -   [rating](js-based-web-like-development-paradigm/js-components-basic-rating.md)
-            -   [richtext](js-based-web-like-development-paradigm/js-components-basic-richtext.md)
-            -   [search](js-based-web-like-development-paradigm/js-components-basic-search.md)
-            -   [select](js-based-web-like-development-paradigm/js-components-basic-select.md)
-            -   [slider](js-based-web-like-development-paradigm/js-components-basic-slider.md)
-            -   [span](js-based-web-like-development-paradigm/js-components-basic-span.md)
-            -   [switch](js-based-web-like-development-paradigm/js-components-basic-switch.md)
-            -   [text](js-based-web-like-development-paradigm/js-components-basic-text.md)
-            -   [textarea](js-based-web-like-development-paradigm/js-components-basic-textarea.md)
-            -   [toolbar](js-based-web-like-development-paradigm/js-components-basic-toolbar.md)
-            -   [toolbar-item](js-based-web-like-development-paradigm/js-components-basic-toolbar-item.md)
-            -   [toggle](js-based-web-like-development-paradigm/js-components-basic-toggle.md)
-
-        -   [媒体组件](js-based-web-like-development-paradigm/js-components-media.md)
-            -   [video](js-based-web-like-development-paradigm/js-components-media-video.md)
-
-        -   [画布组件](js-based-web-like-development-paradigm/js-components-canvas.md)
-            -   [canvas组件](js-based-web-like-development-paradigm/js-components-canvas-canvas.md)
-            -   [CanvasRenderingContext2D对象](js-based-web-like-development-paradigm/js-components-canvas-canvasrenderingcontext2d.md)
-            -   [Image对象](js-based-web-like-development-paradigm/js-components-canvas-image.md)
-            -   [CanvasGradient对象](js-based-web-like-development-paradigm/js-components-canvas-canvasgradient.md)
-            -   [ImageData对象](js-based-web-like-development-paradigm/js-components-canvas-imagedata.md)
-            -   [Path2D对象](js-based-web-like-development-paradigm/js-components-canvas-path2d.md)
-            -   [ImageBitmap对象](js-based-web-like-development-paradigm/js-components-canvas-imagebitmap.md)
-            -   [OffscreenCanvas对象](js-based-web-like-development-paradigm/js-components-canvas-offscreencanvas.md)
-            -   [OffscreenCanvasRenderingContext2D对象](js-based-web-like-development-paradigm/js-offscreencanvasrenderingcontext2d.md)
-
-        -   [栅格组件](js-based-web-like-development-paradigm/js-components-grid.md)
-            -   [基本概念](js-based-web-like-development-paradigm/js-components-grid-basic-concepts.md)
-            -   [grid-container](js-based-web-like-development-paradigm/js-components-grid-container.md)
-            -   [grid-row](js-based-web-like-development-paradigm/js-components-grid-row.md)
-            -   [grid-col](js-based-web-like-development-paradigm/js-components-grid-col.md)
-
-        -   [svg组件](js-based-web-like-development-paradigm/js-svg.md)
-            -   [通用属性](js-based-web-like-development-paradigm/js-components-svg-common-attributes.md)
-            -   [svg](js-based-web-like-development-paradigm/js-components-svg.md)
-            -   [rect](js-based-web-like-development-paradigm/js-components-svg-rect.md)
-            -   [circle](js-based-web-like-development-paradigm/js-components-svg-circle.md)
-            -   [ellipse](js-based-web-like-development-paradigm/js-components-svg-ellipse.md)
-            -   [path](js-based-web-like-development-paradigm/js-components-svg-path.md)
-            -   [line](js-based-web-like-development-paradigm/js-components-svg-line.md)
-            -   [polyline](js-based-web-like-development-paradigm/js-components-svg-polyline.md)
-            -   [polygon](js-based-web-like-development-paradigm/js-components-svg-polygon.md)
-            -   [text](js-based-web-like-development-paradigm/js-components-svg-text.md)
-            -   [tspan](js-based-web-like-development-paradigm/js-components-svg-tspan.md)
-            -   [textPath](js-based-web-like-development-paradigm/js-components-svg-textpath.md)
-            -   [animate](js-based-web-like-development-paradigm/js-components-svg-animate.md)
-            -   [animateMotion](js-based-web-like-development-paradigm/js-components-svg-animatemotion.md)
-            -   [animateTransform](js-based-web-like-development-paradigm/js-components-svg-animatetransform.md)
-
-    -   [自定义组件](js-based-web-like-development-paradigm/js-components-custom.md)
-        -   [基本用法](js-based-web-like-development-paradigm/js-components-custom-basic-usage.md)
-        -   [自定义事件](js-based-web-like-development-paradigm/js-components-custom-events.md)
-        -   [Props](js-based-web-like-development-paradigm/js-components-custom-props.md)
-        -   [事件参数](js-based-web-like-development-paradigm/js-components-custom-event-parameter.md)
-        -   [slot插槽](js-based-web-like-development-paradigm/js-components-custom-slot.md)
-        -   [生命周期定义](js-based-web-like-development-paradigm/js-components-custom-lifecycle.md)
-
-    -   [附录](js-based-web-like-development-paradigm/js-appendix.md)
-        -   [类型说明](js-based-web-like-development-paradigm/js-appendix-types.md)
-
--   [基于TS扩展的声明式开发范式](ts-based-declarative-development-paradigm/ts-declarative.md)
-    -   [框架说明](ts-based-declarative-development-paradigm/ts-framework-framework.md)
-        -   [文件组织](ts-based-declarative-development-paradigm/ts-framework-file.md)
-            -   [目录结构](ts-based-declarative-development-paradigm/ts-framework-directory.md)
-            -   [应用代码文件访问规则](ts-based-declarative-development-paradigm/ts-framework-file-access-rules.md)
-
-        -   [js标签配置](ts-based-declarative-development-paradigm/ts-framework-js-tag.md)
-        -   [资源访问](ts-based-declarative-development-paradigm/ts-resource-access.md)
-            -   [媒体资源类型说明](ts-based-declarative-development-paradigm/ts-media-resource-type.md)
-
-        -   [像素单位](ts-based-declarative-development-paradigm/ts-pixel-units.md)
-        -   [类型定义](ts-based-declarative-development-paradigm/ts-types.md)
-
-    -   [声明式语法](ts-based-declarative-development-paradigm/ts-declarative-syntax.md)
-        -   [描述规范使用说明](ts-based-declarative-development-paradigm/ts-syntax-intro.md)
-        -   [通用UI描述规范](ts-based-declarative-development-paradigm/ts-general-ui-description-specifications.md)
-            -   [基本概念](ts-based-declarative-development-paradigm/ts-general-ui-concepts.md)
-            -   [声明式UI描述规范](ts-based-declarative-development-paradigm/ts-declarative-ui-description-specifications.md)
-                -   [无构造参数配置](ts-based-declarative-development-paradigm/ts-parameterless-configuration.md)
-                -   [必选参数构造配置](ts-based-declarative-development-paradigm/ts-configuration-with-mandatory-parameters.md)
-                -   [属性配置](ts-based-declarative-development-paradigm/ts-attribution-configuration.md)
-                -   [事件配置](ts-based-declarative-development-paradigm/ts-event-configuration.md)
-                -   [子组件配置](ts-based-declarative-development-paradigm/ts-child-component-configuration.md)
-
-            -   [组件化](ts-based-declarative-development-paradigm/ts-component-based.md)
-                -   [@Component](ts-based-declarative-development-paradigm/ts-component-based-component.md)
-                -   [@Entry](ts-based-declarative-development-paradigm/ts-component-based-entry.md)
-                -   [@Preview](ts-based-declarative-development-paradigm/ts-component-based-preview.md)
-                -   [@Builder](ts-based-declarative-development-paradigm/ts-component-based-builder.md)
-                -   [@Extend](ts-based-declarative-development-paradigm/ts-component-based-extend.md)
-                -   [@CustomDialog](ts-based-declarative-development-paradigm/ts-component-based-customdialog.md)
-
-        -   [UI状态管理](ts-based-declarative-development-paradigm/ts-ui-state-management.md)
-            -   [基本概念](ts-based-declarative-development-paradigm/ts-ui-state-mgmt-concepts.md)
-            -   [管理组件拥有的状态](ts-based-declarative-development-paradigm/ts-managing-component-states.md)
-                -   [@State](ts-based-declarative-development-paradigm/ts-component-states-state.md)
-                -   [@Prop](ts-based-declarative-development-paradigm/ts-component-states-prop.md)
-                -   [@Link](ts-based-declarative-development-paradigm/ts-component-states-link.md)
-
-            -   [管理应用程序的状态](ts-based-declarative-development-paradigm/ts-managing-application-states.md)
-                -   [接口](ts-based-declarative-development-paradigm/ts-managing-application-states-apis.md)
-                    -   [应用程序的数据存储](ts-based-declarative-development-paradigm/ts-application-states-appstorage.md)
-                    -   [持久化数据管理](ts-based-declarative-development-paradigm/ts-application-states-apis-persistentstorage.md)
-                    -   [环境变量](ts-based-declarative-development-paradigm/ts-application-states-apis-environment.md)
-
-                -   [AppStorage与组件同步](ts-based-declarative-development-paradigm/ts-application-states-storagelink-storageprop.md)
-
-            -   [其他类目的状态管理](ts-based-declarative-development-paradigm/ts-managing-other-states.md)
-                -   [Observed和ObjectLink数据管理](ts-based-declarative-development-paradigm/ts-other-states-observed-objectlink.md)
-                -   [@Consume和@Provide数据管理](ts-based-declarative-development-paradigm/ts-other-states-consume-provide.md)
-                -   [@Watch](ts-based-declarative-development-paradigm/ts-other-states-watch.md)
-
-        -   [渲染控制语法](ts-based-declarative-development-paradigm/ts-rending-control-syntax.md)
-            -   [条件渲染](ts-based-declarative-development-paradigm/ts-rending-control-syntax-if-else.md)
-            -   [循环渲染](ts-based-declarative-development-paradigm/ts-rending-control-syntax-foreach.md)
-            -   [数据懒加载](ts-based-declarative-development-paradigm/ts-rending-control-syntax-lazyforeach.md)
-
-        -   [深入理解组件化](ts-based-declarative-development-paradigm/ts-a-deep-dive-into-component.md)
-            -   [build函数](ts-based-declarative-development-paradigm/ts-function-build.md)
-            -   [自定义组件初始化](ts-based-declarative-development-paradigm/ts-custom-component-initialization.md)
-            -   [自定义组件生命周期回调函数](ts-based-declarative-development-paradigm/ts-custom-component-lifecycle-callbacks.md)
-            -   [组件创建和重新初始化示例](ts-based-declarative-development-paradigm/ts-component-creation-re-initialization.md)
-
-        -   [语法糖](ts-based-declarative-development-paradigm/ts-syntactic-sugar.md)
-            -   [装饰器](ts-based-declarative-development-paradigm/ts-syntactic-sugar-decorator.md)
-            -   [链式调用](ts-based-declarative-development-paradigm/ts-syntactic-sugar-chaining.md)
-            -   [struct对象](ts-based-declarative-development-paradigm/ts-syntactic-sugar-struct.md)
-            -   [在实例化过程中省略"new"](ts-based-declarative-development-paradigm/ts-instantiating-a-struct-without-new-keyword.md)
-            -   [组件创建使用独立一行](ts-based-declarative-development-paradigm/ts-using-a-separate-line-for-new-component.md)
-            -   [生成器函数内使用TS语言的限制](ts-based-declarative-development-paradigm/ts-restrictions-for-generators.md)
-
-    -   [组件](ts-based-declarative-development-paradigm/ts-components.md)
-        -   [通用](ts-based-declarative-development-paradigm/ts-universal-components.md)
-            -   [通用事件](ts-based-declarative-development-paradigm/ts-universal-events.md)
-                -   [点击事件](ts-based-declarative-development-paradigm/ts-universal-events-click.md)
-                -   [触摸事件](ts-based-declarative-development-paradigm/ts-universal-events-touch.md)
-                -   [挂载卸载事件](ts-based-declarative-development-paradigm/ts-universal-events-show-hide.md)
-                -   [按键事件](ts-based-declarative-development-paradigm/ts-universal-events-key.md)
-
-            -   [通用属性](ts-based-declarative-development-paradigm/ts-universal-attributes.md)
-                -   [尺寸设置](ts-based-declarative-development-paradigm/ts-universal-attributes-size.md)
-                -   [位置设置](ts-based-declarative-development-paradigm/ts-universal-attributes-location.md)
-                -   [布局约束](ts-based-declarative-development-paradigm/ts-universal-attributes-layout-constraints.md)
-                -   [Flex布局](ts-based-declarative-development-paradigm/ts-universal-attributes-flex-layout.md)
-                -   [边框设置](ts-based-declarative-development-paradigm/ts-universal-attributes-border.md)
-                -   [背景设置](ts-based-declarative-development-paradigm/ts-universal-attributes-background.md)
-                -   [透明度设置](ts-based-declarative-development-paradigm/ts-universal-attributes-opacity.md)
-                -   [显隐控制](ts-based-declarative-development-paradigm/ts-universal-attributes-visibility.md)
-                -   [禁用控制](ts-based-declarative-development-paradigm/ts-universal-attributes-enable.md)
-                -   [浮层](ts-based-declarative-development-paradigm/ts-universal-attributes-overlay.md)
-                -   [Z序控制](ts-based-declarative-development-paradigm/ts-universal-attributes-z-order.md)
-                -   [图形变换](ts-based-declarative-development-paradigm/ts-universal-attributes-transformation.md)
-                -   [图像效果](ts-based-declarative-development-paradigm/ts-universal-attributes-image-effect.md)
-                -   [形状裁剪](ts-based-declarative-development-paradigm/ts-universal-attributes-sharp-clipping.md)
-                -   [文本样式设置](ts-based-declarative-development-paradigm/ts-universal-attributes-text-style.md)
-                -   [栅格设置](ts-based-declarative-development-paradigm/ts-universal-attributes-grid.md)
-                -   [颜色渐变](ts-based-declarative-development-paradigm/ts-universal-attributes-gradient-color.md)
-                -   [Popup控制](ts-based-declarative-development-paradigm/ts-universal-attributes-popup.md)
-                -   [Menu控制](ts-based-declarative-development-paradigm/ts-universal-attributes-menu.md)
-
-            -   [手势处理](ts-based-declarative-development-paradigm/ts-gesture-processing.md)
-                -   [绑定手势方法](ts-based-declarative-development-paradigm/ts-gesture-settings.md)
-                -   [基础手势](ts-based-declarative-development-paradigm/ts-basic-gestures.md)
-                    -   [TapGesture](ts-based-declarative-development-paradigm/ts-basic-gestures-tapgesture.md)
-                    -   [LongPressGesture](ts-based-declarative-development-paradigm/ts-basic-gestures-longpressgesture.md)
-                    -   [PanGesture](ts-based-declarative-development-paradigm/ts-basic-gestures-pangesture.md)
-                    -   [PinchGesture](ts-based-declarative-development-paradigm/ts-basic-gestures-pinchgesture.md)
-                    -   [RotationGesture](ts-based-declarative-development-paradigm/ts-basic-gestures-rotationgesture.md)
-
-                -   [组合手势](ts-based-declarative-development-paradigm/ts-combined-gestures.md)
-
-        -   [基础组件](ts-based-declarative-development-paradigm/ts-basic-components.md)
-            -   [Blank](ts-based-declarative-development-paradigm/ts-basic-components-blank.md)
-            -   [Button](ts-based-declarative-development-paradigm/ts-basic-components-button.md)
-            -   [DataPanel](ts-based-declarative-development-paradigm/ts-basic-components-datapanel.md)
-            -   [Divider](ts-based-declarative-development-paradigm/ts-basic-components-divider.md)
-            -   [Image](ts-based-declarative-development-paradigm/ts-basic-components-image.md)
-            -   [ImageAnimator](ts-based-declarative-development-paradigm/ts-basic-components-imageanimator.md)
-            -   [Progress](ts-based-declarative-development-paradigm/ts-basic-components-progress.md)
-            -   [QRCode](ts-based-declarative-development-paradigm/ts-basic-components-qrcode.md)
-            -   [Rating](ts-based-declarative-development-paradigm/ts-basic-components-rating.md)
-            -   [Span](ts-based-declarative-development-paradigm/ts-basic-components-span.md)
-            -   [Slider](ts-based-declarative-development-paradigm/ts-basic-components-slider.md)
-            -   [Text](ts-based-declarative-development-paradigm/ts-basic-components-text.md)
-
-        -   [容器组件](ts-based-declarative-development-paradigm/ts-components-container.md)
-            -   [AlphabetIndexer](ts-based-declarative-development-paradigm/ts-container-alphabet-indexer.md)
-            -   [Badge](ts-based-declarative-development-paradigm/ts-container-badge.md)
-            -   [Column](ts-based-declarative-development-paradigm/ts-container-column.md)
-            -   [ColumnSplit](ts-based-declarative-development-paradigm/ts-container-columnsplit.md)
-            -   [Counter](ts-based-declarative-development-paradigm/ts-container-counter.md)
-            -   [Flex](ts-based-declarative-development-paradigm/ts-container-flex.md)
-            -   [GridContainer](ts-based-declarative-development-paradigm/ts-container-gridcontainer.md)
-            -   [Grid](ts-based-declarative-development-paradigm/ts-container-grid.md)
-            -   [GridItem](ts-based-declarative-development-paradigm/ts-container-griditem.md)
-            -   [List](ts-based-declarative-development-paradigm/ts-container-list.md)
-            -   [ListItem](ts-based-declarative-development-paradigm/ts-container-listitem.md)
-            -   [Navigator](ts-based-declarative-development-paradigm/ts-container-navigator.md)
-            -   [Panel](ts-based-declarative-development-paradigm/ts-container-panel.md)
-            -   [Row](ts-based-declarative-development-paradigm/ts-container-row.md)
-            -   [RowSplit](ts-based-declarative-development-paradigm/ts-container-rowsplit.md)
-            -   [Scroll](ts-based-declarative-development-paradigm/ts-container-scroll.md)
-            -   [Stack](ts-based-declarative-development-paradigm/ts-container-stack.md)
-            -   [Swiper](ts-based-declarative-development-paradigm/ts-container-swiper.md)
-            -   [Tabs](ts-based-declarative-development-paradigm/ts-container-tabs.md)
-            -   [TabContent](ts-based-declarative-development-paradigm/ts-container-tabcontent.md)
-
-        -   [绘制组件](ts-based-declarative-development-paradigm/ts-drawing-components.md)
-            -   [Circle](ts-based-declarative-development-paradigm/ts-drawing-components-circle.md)
-            -   [Ellipse](ts-based-declarative-development-paradigm/ts-drawing-components-ellipse.md)
-            -   [Line](ts-based-declarative-development-paradigm/ts-drawing-components-line.md)
-            -   [Polyline](ts-based-declarative-development-paradigm/ts-drawing-components-polyline.md)
-            -   [Polygon](ts-based-declarative-development-paradigm/ts-drawing-components-polygon.md)
-            -   [Path](ts-based-declarative-development-paradigm/ts-drawing-components-path.md)
-            -   [Rect](ts-based-declarative-development-paradigm/ts-drawing-components-rect.md)
-            -   [Shape](ts-based-declarative-development-paradigm/ts-drawing-components-shape.md)
-
-    -   [动画](ts-based-declarative-development-paradigm/ts-animation.md)
-        -   [属性动画](ts-based-declarative-development-paradigm/ts-animatorproperty.md)
-        -   [显式动画](ts-based-declarative-development-paradigm/ts-explicit-animation.md)
-        -   [转场动画](ts-based-declarative-development-paradigm/ts-transition-animation.md)
-            -   [页面间转场](ts-based-declarative-development-paradigm/ts-page-transition-animation.md)
-            -   [组件内转场](ts-based-declarative-development-paradigm/ts-transition-animation-component.md)
-            -   [共享元素转场](ts-based-declarative-development-paradigm/ts-transition-animation-shared-elements.md)
-
-        -   [路径动画](ts-based-declarative-development-paradigm/ts-motion-path-animation.md)
-        -   [矩阵变换](ts-based-declarative-development-paradigm/ts-matrix-transformation.md)
-        -   [插值计算](ts-based-declarative-development-paradigm/ts-interpolation-calculation.md)
-
-    -   [全局UI方法](ts-based-declarative-development-paradigm/ts-global-ui-methods.md)
-        -   [警告弹窗](ts-based-declarative-development-paradigm/ts-methods-alert-dialog-box.md)
-        -   [自定义弹窗](ts-based-declarative-development-paradigm/ts-methods-custom-dialog-box.md)
-        -   [图片缓存](ts-based-declarative-development-paradigm/ts-methods-image-cache.md)
-        -   [媒体查询](ts-based-declarative-development-paradigm/ts-methods-media-query.md)
-
-    -   [附录](ts-based-declarative-development-paradigm/ts-appendix.md)
-        -   [文档中涉及到的内置枚举值](ts-based-declarative-development-paradigm/ts-appendix-enums.md)
-
--   [接口](apis/js-apis.md)
-    -   [Ability框架](apis/js-apis-ability.md)
-        -   [FeatureAbility模块](apis/js-apis-featureAbility.md)
-        -   [ParticleAbility模块](apis/js-apis-particleAbility.md)
-        -   [DataAbilityHelper模块](apis/js-apis-dataAbilityHelper.md)
-        -   [DataUriUtils模块](apis/js-apis-DataUriUtils.md)
-        -   [Bundle模块](apis/js-apis-Bundle.md)
-        -   [CommonEvent模块](apis/js-apis-commonEvent.md)
-        -   [Notification模块](apis/js-apis-notification.md)
-        -   [Context模块](apis/js-apis-Context.md)
-    -   [资源管理](apis/js-apis-resource.md)
-        -   [资源管理](apis/js-apis-resource-manager.md)
-        -   [国际化（I18n）](apis/js-apis-i18n.md)
-        -   [国际化（Intl）](apis/js-apis-intl.md)
-    -   [媒体](apis/js-apis-multmedia.md)
-        -   [音频管理](apis/js-apis-audio.md)
-        -   [音频播放](apis/js-apis-media.md)
-        -   [音频录制](apis/js-apis-recorder.md)
-    -   [数据管理](apis/js-apis-data.md)
-        -   [文件管理](apis/js-apis-fileio.md)
-        -   [轻量级存储](apis/js-apis-data-storage.md)
-        -   [分布式数据管理](apis/js-apis-distributed-data.md)
-        -   [关系型数据库](apis/js-apis-data-rdb.md)
-        -   [结果集](apis/js-apis-data-resultset.md)
-        -   [DataAbility 谓词](apis/js-apis-data-ability.md)
-    -   [账号管理](apis/js-apis-account.md)
-        -   [分布式帐号管理](apis/js-apis-distributed-account.md)
-    -   [电话服务](apis/js-apis-telephony.md)
-        -   [拨打电话](apis/js-apis-call.md)
-        -   [短信服务](apis/js-apis-sms.md)
-        -   [SIM卡管理](apis/js-apis-sim.md)
-        -   [网络搜索](apis/js-apis-radio.md)
-    -   [网络与连接](apis/js-apis-connectivity.md)
-        -   [WLAN](apis/js-apis-wifi.md)  
-    -   [设备管理](apis/js-apis-device-mgmt.md)
-        -   [传感器](apis/js-apis-sensor.md)
-        -   [振动](apis/js-apis-vibrator.md)
-        -   [屏幕亮度](apis/js-apis-brightness.md)
-        -   [电量信息](apis/js-apis-battery-info.md)
-        -   [系统电源管理](apis/js-apis-power.md)
-        -   [Runninglock锁](apis/js-apis-runninglock.md)
-        -   [设备信息](apis/js-apis-device-info.md)
-        -   [系统属性](apis/js-apis-system-parameter.md)
-        -   [设备管理](apis/js-apis-device-manager.md)
-        -   [显示设备属性](apis/js-apis-display.md)
-        -   [升级](apis/js-apis-libupdateclient.md)  
-        -   [启动恢复](apis/js-apis-update.md)
-    -   [基本功能](apis/js-apis-basic-features.md)
-        -   [应用上下文](apis/js-apis-basic-features-app-context.md)
-        -   [日志打印](apis/js-apis-basic-features-logs.md)
-        -   [页面路由](apis/js-apis-basic-features-routes.md)
-        -   [弹窗](apis/js-apis-basic-features-pop-up.md)
-        -   [应用配置](apis/js-apis-basic-features-configuration.md)
-        -   [定时器](apis/js-apis-basic-features-timer.md)
-        -   [设置系统时间](apis/js-apis-system-time.md)
-        -   [动画](apis/js-apis-basic-features-animator.md)
-        -   [应用打点](apis/js-apis-hiappevent.md)
-        -   [性能打点](apis/js-apis-bytrace.md)
-    -   [语言基础类库](apis/js-apis-base-library.md)
-        -   [获取进程相关的信息](apis/js-apis-process.md)
-        -   [URL字符串解析](apis/js-apis-url.md)
-        -   [字符串编解码](apis/js-apis-util.md)
-        -   [启动一个worker](apis/js-apis-worker.md)
-

zh-cn/application-dev/reference/Readme-CN.md

+# 开发参考
+
+-   [基于JS扩展的类Web开发范式](arkui-js/Readme-CN.md)
+
+-   [基于TS扩展的声明式开发范式](arkui-ts/Readme-CN.md)
+
+-   [接口](apis/Readme-CN.md)
+

zh-cn/application-dev/reference/apis/Readme-CN.md

+# 接口
+
+-   [Ability框架](js-apis-ability.md)
+    -   [FeatureAbility模块](js-apis-featureAbility.md)
+    -   [ParticleAbility模块](js-apis-particleAbility.md)
+    -   [DataAbilityHelper模块](js-apis-dataAbilityHelper.md)
+    -   [DataUriUtils模块](js-apis-DataUriUtils.md)
+    -   [Bundle模块](js-apis-Bundle.md)
+    -   [CommonEvent模块](js-apis-commonEvent.md)
+    -   [Notification模块](js-apis-notification.md)
+    -   [Context模块](js-apis-Context.md)
+-   [资源管理](js-apis-resource.md)
+    -   [资源管理](js-apis-resource-manager.md)
+    -   [国际化（I18n）](js-apis-i18n.md)
+    -   [国际化（Intl）](js-apis-intl.md)
+-   [媒体](js-apis-multmedia.md)
+    -   [音频管理](js-apis-audio.md)
+    -   [音频播放](js-apis-media.md)
+    -   [音频录制](js-apis-recorder.md)
+-   [数据管理](js-apis-data.md)
+    -   [文件管理](js-apis-fileio.md)
+    -   [轻量级存储](js-apis-data-storage.md)
+    -   [分布式数据管理](js-apis-distributed-data.md)
+    -   [关系型数据库](js-apis-data-rdb.md)
+    -   [结果集](js-apis-data-resultset.md)
+    -   [DataAbility 谓词](js-apis-data-ability.md)
+-   [账号管理](js-apis-account.md)
+    -   [分布式帐号管理](js-apis-distributed-account.md)
+-   [电话服务](js-apis-telephony.md)
+    -   [拨打电话](js-apis-call.md)
+    -   [短信服务](js-apis-sms.md)
+    -   [SIM卡管理](js-apis-sim.md)
+    -   [网络搜索](js-apis-radio.md)
+-   [网络与连接](js-apis-connectivity.md)
+    -   [WLAN](js-apis-wifi.md)  
+-   [设备管理](js-apis-device-mgmt.md)
+    -   [传感器](js-apis-sensor.md)
+    -   [振动](js-apis-vibrator.md)
+    -   [屏幕亮度](js-apis-brightness.md)
+    -   [电量信息](js-apis-battery-info.md)
+    -   [系统电源管理](js-apis-power.md)
+    -   [Runninglock锁](js-apis-runninglock.md)
+    -   [设备信息](js-apis-device-info.md)
+    -   [系统属性](js-apis-system-parameter.md)
+    -   [设备管理](js-apis-device-manager.md)
+    -   [显示设备属性](js-apis-display.md)
+    -   [升级](js-apis-libupdateclient.md)  
+-   [基本功能](js-apis-basic-features.md)
+    -   [应用上下文](js-apis-basic-features-app-context.md)
+    -   [日志打印](js-apis-basic-features-logs.md)
+    -   [页面路由](js-apis-basic-features-routes.md)
+    -   [弹窗](js-apis-basic-features-pop-up.md)
+    -   [应用配置](js-apis-basic-features-configuration.md)
+    -   [定时器](js-apis-basic-features-timer.md)
+    -   [设置系统时间](js-apis-system-time.md)
+    -   [动画](js-apis-basic-features-animator.md)
+    -   [应用打点](js-apis-hiappevent.md)
+    -   [性能打点](js-apis-bytrace.md)
+-   [语言基础类库](js-apis-base-library.md)
+    -   [获取进程相关的信息](js-apis-process.md)
+    -   [URL字符串解析](js-apis-url.md)
+    -   [字符串编解码](js-apis-util.md)
+    -   [启动一个worker](js-apis-worker.md)
+

zh-cn/application-dev/js-reference/apis/js-apis-DataUriUtils.md → zh-cn/application-dev/reference/apis/js-apis-DataUriUtils.md

-### DataUriUtils模块(JS端SDK接口)
-
-#### 权限列表
-
-ohos.permission.RUNNING_LOCK permission
-
-#### 导入模块
-
-```js
-import notify from '@ohos.ability.dataUriUtils';
-```
-
-#### DataUriUtils.getId(uri: string)
-
-- 接口说明
-
-  获取附加到给定uri的路径组件末尾的ID
-
-- 参数描述
-
-
-| 名称 | 读写属性 | 类型   | 必填 | 描述                      |
-| ---- | -------- | ------ | ---- | ------------------------- |
-| uri  | 只读     | string | 是   | 指示要从中获取ID的uri对象 |
-
-- 返回值
-
-  附加到路径组件末尾的ID
-
-- 示例
-
-```js
-import dataUriUtils from '@ohos.ability.datauriutils'
-dataUriUtils.getIdSync("com.example.dataUriUtils/1221")
-```
-
-
-
-#### DataUriUtils.attachId(uri: string, id: number)  
-
-- 接口说明
-
-  将给定ID附加到给定uri的路径组件的末尾
-
-- 参数描述
-
-
-| 名称 | 读写属性 | 类型   | 必填 | 描述                      |
-| ---- | -------- | ------ | ---- | ------------------------- |
-| uri  | 只读     | string | 是   | 指示要从中获取ID的uri对象 |
-| id   | 只读     | number | 是   | 指示要附加的ID            |
-
-- 返回值
-
-  附加给定ID的uri对象
-
-- 示例
-
-```js
-import dataUriUtils from '@ohos.ability.datauriutils'
-var idint = 1122;
-dataUriUtils.attachId(
-    "com.example.dataUriUtils"
-	idint,
-)
-```
-
-
-
-#### DataUriUtils.deleteId(uri: string)
-
-- 接口说明
-
-  从给定uri的路径组件的末尾删除ID
-
-- 参数描述
-
-  | 名称 | 读写属性 | 类型   | 必填 | 描述                      |
-  | ---- | -------- | ------ | ---- | ------------------------- |
-  | uri  | 只读     | string | 是   | 指示要从中删除ID的uri对象 |
-
-- 返回值
-
-  ID已删除的uri对象
-
-- 示例
-
-```js
-import dataUriUtils from '@ohos.ability.datauriutils'
-dataUriUtils.deleteId("com.example.dataUriUtils/1221")
-```
-
-
-
-#### DataUriUtils.updateId(uri: string, id: number) 
-
-- 接口说明 
-
-  更新指定uri中的ID
-
-- updateId参数描述
-
-  | 名称 | 读写属性 | 类型   | 必填 | 描述                |
-  | ---- | -------- | ------ | ---- | ------------------- |
-  | uri  | 只读     | string | 是   | 指示要更新的uri对象 |
-  | id   | 只读     | number | 是   | 指示新ID            |
-
-- 返回值
-
-  更新的uri对象
-
-- 示例
-
-```js
-import dataUriUtils from '@ohos.ability.datauriutils'
-var idint = 1122;
-dataUriUtils.updateId(
-    "com.example.dataUriUtils"
-	idint,
-)
-```
-
+### DataUriUtils模块(JS端SDK接口)
+
+#### 权限列表
+
+ohos.permission.RUNNING_LOCK permission
+
+#### 导入模块
+
+```js
+import notify from '@ohos.ability.dataUriUtils';
+```
+
+#### DataUriUtils.getId(uri: string)
+
+- 接口说明
+
+  获取附加到给定uri的路径组件末尾的ID
+
+- 参数描述
+
+
+| 名称 | 读写属性 | 类型   | 必填 | 描述                      |
+| ---- | -------- | ------ | ---- | ------------------------- |
+| uri  | 只读     | string | 是   | 指示要从中获取ID的uri对象 |
+
+- 返回值
+
+  附加到路径组件末尾的ID
+
+- 示例
+
+```js
+import dataUriUtils from '@ohos.ability.datauriutils'
+dataUriUtils.getIdSync("com.example.dataUriUtils/1221")
+```
+
+
+
+#### DataUriUtils.attachId(uri: string, id: number)  
+
+- 接口说明
+
+  将给定ID附加到给定uri的路径组件的末尾
+
+- 参数描述
+
+
+| 名称 | 读写属性 | 类型   | 必填 | 描述                      |
+| ---- | -------- | ------ | ---- | ------------------------- |
+| uri  | 只读     | string | 是   | 指示要从中获取ID的uri对象 |
+| id   | 只读     | number | 是   | 指示要附加的ID            |
+
+- 返回值
+
+  附加给定ID的uri对象
+
+- 示例
+
+```js
+import dataUriUtils from '@ohos.ability.datauriutils'
+var idint = 1122;
+dataUriUtils.attachId(
+    "com.example.dataUriUtils"
+	idint,
+)
+```
+
+
+
+#### DataUriUtils.deleteId(uri: string)
+
+- 接口说明
+
+  从给定uri的路径组件的末尾删除ID
+
+- 参数描述
+
+  | 名称 | 读写属性 | 类型   | 必填 | 描述                      |
+  | ---- | -------- | ------ | ---- | ------------------------- |
+  | uri  | 只读     | string | 是   | 指示要从中删除ID的uri对象 |
+
+- 返回值
+
+  ID已删除的uri对象
+
+- 示例
+
+```js
+import dataUriUtils from '@ohos.ability.datauriutils'
+dataUriUtils.deleteId("com.example.dataUriUtils/1221")
+```
+
+
+
+#### DataUriUtils.updateId(uri: string, id: number) 
+
+- 接口说明 
+
+  更新指定uri中的ID
+
+- updateId参数描述
+
+  | 名称 | 读写属性 | 类型   | 必填 | 描述                |
+  | ---- | -------- | ------ | ---- | ------------------- |
+  | uri  | 只读     | string | 是   | 指示要更新的uri对象 |
+  | id   | 只读     | number | 是   | 指示新ID            |
+
+- 返回值
+
+  更新的uri对象
+
+- 示例
+
+```js
+import dataUriUtils from '@ohos.ability.datauriutils'
+var idint = 1122;
+dataUriUtils.updateId(
+    "com.example.dataUriUtils"
+	idint,
+)
+```
+

zh-cn/application-dev/js-reference/apis/js-apis-device-mgmt.md → zh-cn/application-dev/reference/apis/js-apis-device-mgmt.md

@@ -11,6 +11,4 @@
 -   **[设备管理](js-apis-device-manager.md)**  
 -   **[显示设备属性](js-apis-display.md)**  
 -   **[升级](js-apis-libupdateclient.md)**  
--   **[启动恢复](js-apis-update.md)**
-
 

zh-cn/application-dev/reference/arkui-js/Readme-CN.md

+# 基于JS扩展的类Web开发范式
+
+-   [框架说明](js-framework.md)
+    -   [文件组织](js-framework-file.md)
+    -   [js标签配置](js-framework-js-tag.md)
+    -   [app.js](js-framework-js-file.md)
+    -   [语法](js-framework-syntax.md)
+        -   [HML语法参考](js-framework-syntax-hml.md)
+        -   [CSS语法参考](js-framework-syntax-css.md)
+        -   [JS语法参考](js-framework-syntax-js.md)
+
+    -   [生命周期](js-framework-lifecycle.md)
+    -   [资源限定与访问](js-framework-resource-restriction.md)
+    -   [多语言支持](js-framework-multiple-languages.md)
+
+-   [组件](js-components.md)
+    -   [通用](js-components-common.md)
+        -   [通用属性](js-components-common-attributes.md)
+        -   [通用样式](js-components-common-styles.md)
+        -   [通用事件](js-components-common-events.md)
+        -   [通用方法](js-components-common-methods.md)
+        -   [动画样式](js-components-common-animation.md)
+        -   [渐变样式](js-components-common-gradient.md)
+        -   [转场样式](js-components-common-transition.md)
+        -   [媒体查询](js-components-common-mediaquery.md)
+        -   [自定义字体样式](js-components-common-customizing-font.md)
+        -   [原子布局](js-components-common-atomic-layout.md)
+
+    -   [容器组件](js-components-container.md)
+        -   [badge](js-components-container-badge.md)
+        -   [dialog](js-components-container-dialog.md)
+        -   [div](js-components-container-div.md)
+        -   [form](js-components-container-form.md)
+        -   [list](js-components-container-list.md)
+        -   [list-item](js-components-container-list-item.md)
+        -   [list-item-group](js-components-container-list-item-group.md)
+        -   [panel](js-components-container-panel.md)
+        -   [popup](js-components-container-popup.md)
+        -   [refresh](js-components-container-refresh.md)
+        -   [stack](js-components-container-stack.md)
+        -   [stepper](js-components-container-stepper.md)
+        -   [stepper-item](js-components-container-stepper-item.md)
+        -   [swiper](js-components-container-swiper.md)
+        -   [tabs](js-components-container-tabs.md)
+        -   [tab-bar](js-components-container-tab-bar.md)
+        -   [tab-content](js-components-container-tab-content.md)
+
+    -   [基础组件](js-components-basic.md)
+        -   [button](js-components-basic-button.md)
+        -   [chart](js-components-basic-chart.md)
+        -   [divider](js-components-basic-divider.md)
+        -   [image](js-components-basic-image.md)
+        -   [image-animator](js-components-basic-image-animator.md)
+        -   [input](js-components-basic-input.md)
+        -   [label](js-components-basic-label.md)
+        -   [marquee](js-components-basic-marquee.md)
+        -   [menu](js-components-basic-menu.md)
+        -   [option](js-components-basic-option.md)
+        -   [picker](js-components-basic-picker.md)
+        -   [picker-view](js-components-basic-picker-view.md)
+        -   [piece](js-components-basic-piece.md)
+        -   [progress](js-components-basic-progress.md)
+        -   [qrcode](js-components-basic-qrcode.md)
+        -   [rating](js-components-basic-rating.md)
+        -   [richtext](js-components-basic-richtext.md)
+        -   [search](js-components-basic-search.md)
+        -   [select](js-components-basic-select.md)
+        -   [slider](js-components-basic-slider.md)
+        -   [span](js-components-basic-span.md)
+        -   [switch](js-components-basic-switch.md)
+        -   [text](js-components-basic-text.md)
+        -   [textarea](js-components-basic-textarea.md)
+        -   [toolbar](js-components-basic-toolbar.md)
+        -   [toolbar-item](js-components-basic-toolbar-item.md)
+        -   [toggle](js-components-basic-toggle.md)
+
+    -   [媒体组件](js-components-media.md)
+        -   [video](js-components-media-video.md)
+
+    -   [画布组件](js-components-canvas.md)
+        -   [canvas组件](js-components-canvas-canvas.md)
+        -   [CanvasRenderingContext2D对象](js-components-canvas-canvasrenderingcontext2d.md)
+        -   [Image对象](js-components-canvas-image.md)
+        -   [CanvasGradient对象](js-components-canvas-canvasgradient.md)
+        -   [ImageData对象](js-components-canvas-imagedata.md)
+        -   [Path2D对象](js-components-canvas-path2d.md)
+        -   [ImageBitmap对象](js-components-canvas-imagebitmap.md)
+        -   [OffscreenCanvas对象](js-components-canvas-offscreencanvas.md)
+        -   [OffscreenCanvasRenderingContext2D对象](js-offscreencanvasrenderingcontext2d.md)
+
+    -   [栅格组件](js-components-grid.md)
+        -   [基本概念](js-components-grid-basic-concepts.md)
+        -   [grid-container](js-components-grid-container.md)
+        -   [grid-row](js-components-grid-row.md)
+        -   [grid-col](js-components-grid-col.md)
+
+    -   [svg组件](js-svg.md)
+        -   [通用属性](js-components-svg-common-attributes.md)
+        -   [svg](js-components-svg.md)
+        -   [rect](js-components-svg-rect.md)
+        -   [circle](js-components-svg-circle.md)
+        -   [ellipse](js-components-svg-ellipse.md)
+        -   [path](js-components-svg-path.md)
+        -   [line](js-components-svg-line.md)
+        -   [polyline](js-components-svg-polyline.md)
+        -   [polygon](js-components-svg-polygon.md)
+        -   [text](js-components-svg-text.md)
+        -   [tspan](js-components-svg-tspan.md)
+        -   [textPath](js-components-svg-textpath.md)
+        -   [animate](js-components-svg-animate.md)
+        -   [animateMotion](js-components-svg-animatemotion.md)
+        -   [animateTransform](js-components-svg-animatetransform.md)
+
+-   [自定义组件](js-components-custom.md)
+    -   [基本用法](js-components-custom-basic-usage.md)
+    -   [自定义事件](js-components-custom-events.md)
+    -   [Props](js-components-custom-props.md)
+    -   [事件参数](js-components-custom-event-parameter.md)
+    -   [slot插槽](js-components-custom-slot.md)
+    -   [生命周期定义](js-components-custom-lifecycle.md)
+
+-   [附录](js-appendix.md)
+    -   [类型说明](js-appendix-types.md)
\ No newline at end of file