# 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)