# JS Reference

-   [Framework](framework.md)
    -   [File Organization](file-organization.md)
    -   ["js" Tag](js-tag.md)
    -   [app.js](app-js.md)
    -   [Syntax](syntax.md)
        -   [HML](hml.md)
        -   [CSS](css.md)
        -   [JavaScript](javascript.md)

    -   [Loading Images Based on DPI](loading-images-based-on-dpi.md)

-   [Components](components.md)
    -   [Common](common.md)
        -   [Component Methods](component-methods.md)
        -   [Animation Styles](animation-styles.md)
        -   [Gradient Styles](gradient-styles.md)
        -   [Transition Styles](transition-styles.md)
        -   [Custom Font Styles](custom-font-styles.md)
        -   [Atomic Layout](atomic-layout.md)
        
-   [Container Components](container-components.md)
        -   [badge](badge.md)
        -   [dialog](dialog.md)
        -   [div](div.md)
        -   [list](list.md)
        -   [list-item](list-item.md)
        -   [list-item-group](list-item-group.md)
        -   [panel](panel.md)
        -   [popup](popup.md)
        -   [refresh](refresh.md)
        -   [stack](stack.md)
        -   [stepper](stepper.md)
        -   [stepper-item](stepper-item.md)
        -   [swiper](swiper.md)
        -   [tabs](tabs.md)
        -   [tab-bar](tab-bar.md)
        -   [tab-content](tab-content.md)
    
-   [Basic Components](basic-components.md)
        -   [button](button.md)
        -   [chart](chart.md)
        -   [divider](divider.md)
        -   [image](image.md)
        -   [image-animator](image-animator.md)
        -   [input](input.md)
        -   [label](label.md)
        -   [marquee](marquee.md)
        -   [menu](menu.md)
        -   [option](option.md)
        -   [picker](picker.md)
        -   [picker-view](picker-view.md)
        -   [piece](piece.md)
        -   [progress](progress.md)
        -   [qrcode](qrcode.md)
        -   [rating](rating.md)
        -   [search](search.md)
        -   [select](select.md)
        -   [slider](slider.md)
        -   [span](span.md)
        -   [switch](switch.md)
        -   [text](text.md)
        -   [textarea](textarea.md)
        -   [toolbar](toolbar.md)
        -   [toolbar-item](toolbar-item.md)
        -   [toggle](toggle.md)
    
-   [Canvas Components](canvas-components.md)
        -   [canvas](canvas.md)
        -   [CanvasRenderingContext2D](canvasrenderingcontext2d.md)
        -   [Image](image-0.md)
        -   [CanvasGradient](canvasgradient.md)
        -   [ImageData](imagedata.md)
    
-   [Grid Components](grid-components.md)
        -   [Basic Concepts](basic-concepts.md)
        -   [grid-container](grid-container.md)
        -   [grid-row](grid-row.md)
        -   [grid-col](grid-col.md)
    
-   [Custom Components](custom-components.md)
    -   [Basic Usage](basic-usage.md)
    -   [Custom Events](custom-events.md)
    -   [Props](props.md)
    -   [Event Parameter](event-parameter.md)

-   [Universal Description](universal-description.md)
    -   [Universal Events](universal-events.md)
    -   [Universal Attributes](universal-attributes.md)
    -   [Common Styles](common-styles.md)

-   [APIs](apis.md)
    -   [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](audio-management.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)