1# JavaScript-compatible Web-like Development Paradigm 2 3- Universal Component Information 4 - [Universal Attributes](js-components-common-attributes.md) 5 - [Universal Styles](js-components-common-styles.md) 6 - [Universal Events](js-components-common-events.md) 7 - [Universal Methods](js-components-common-methods.md) 8 - [Animation Styles](js-components-common-animation.md) 9 - [Gradient Styles](js-components-common-gradient.md) 10 - [Transition Styles](js-components-common-transition.md) 11 - [Media Query](js-components-common-mediaquery.md) 12 - [Custom Font Styles](js-components-common-customizing-font.md) 13 - [Atomic Layout](js-components-common-atomic-layout.md) 14- Container Components 15 - [badge](js-components-container-badge.md) 16 - [dialog](js-components-container-dialog.md) 17 - [div](js-components-container-div.md) 18 - [form](js-components-container-form.md) 19 - [list](js-components-container-list.md) 20 - [list-item](js-components-container-list-item.md) 21 - [list-item-group](js-components-container-list-item-group.md) 22 - [panel](js-components-container-panel.md) 23 - [popup](js-components-container-popup.md) 24 - [refresh](js-components-container-refresh.md) 25 - [stack](js-components-container-stack.md) 26 - [stepper](js-components-container-stepper.md) 27 - [stepper-item](js-components-container-stepper-item.md) 28 - [swiper](js-components-container-swiper.md) 29 - [tabs](js-components-container-tabs.md) 30 - [tab-bar](js-components-container-tab-bar.md) 31 - [tab-content](js-components-container-tab-content.md) 32- Basic Components 33 - [button](js-components-basic-button.md) 34 - [chart](js-components-basic-chart.md) 35 - [divider](js-components-basic-divider.md) 36 - [image](js-components-basic-image.md) 37 - [image-animator](js-components-basic-image-animator.md) 38 - [input](js-components-basic-input.md) 39 - [label](js-components-basic-label.md) 40 - [marquee](js-components-basic-marquee.md) 41 - [menu](js-components-basic-menu.md) 42 - [option](js-components-basic-option.md) 43 - [picker](js-components-basic-picker.md) 44 - [picker-view](js-components-basic-picker-view.md) 45 - [piece](js-components-basic-piece.md) 46 - [progress](js-components-basic-progress.md) 47 - [qrcode](js-components-basic-qrcode.md) 48 - [rating](js-components-basic-rating.md) 49 - [richtext](js-components-basic-richtext.md) 50 - [search](js-components-basic-search.md) 51 - [select](js-components-basic-select.md) 52 - [slider](js-components-basic-slider.md) 53 - [span](js-components-basic-span.md) 54 - [switch](js-components-basic-switch.md) 55 - [text](js-components-basic-text.md) 56 - [textarea](js-components-basic-textarea.md) 57 - [toolbar](js-components-basic-toolbar.md) 58 - [toolbar-item](js-components-basic-toolbar-item.md) 59 - [toggle](js-components-basic-toggle.md) 60 - [web](js-components-basic-web.md) 61 - [xcomponent](js-components-basic-xcomponent.md) 62- Media Components 63 - [video](js-components-media-video.md) 64- Canvas Components 65 - [canvas](js-components-canvas-canvas.md) 66 - [CanvasRenderingContext2D](js-components-canvas-canvasrenderingcontext2d.md) 67 - [Image](js-components-canvas-image.md) 68 - [CanvasGradient](js-components-canvas-canvasgradient.md) 69 - [ImageData](js-components-canvas-imagedata.md) 70 - [Path2D](js-components-canvas-path2d.md) 71 - [ImageBitmap](js-components-canvas-imagebitmap.md) 72 - [OffscreenCanvas](js-components-canvas-offscreencanvas.md) 73 - [OffscreenCanvasRenderingContext2D](js-offscreencanvasrenderingcontext2d.md) 74- Grid Components 75 - [Basic Concepts](js-components-grid-basic-concepts.md) 76 - [grid-container](js-components-grid-container.md) 77 - [grid-row](js-components-grid-row.md) 78 - [grid-col](js-components-grid-col.md) 79- SVG Components 80 - [Universal Attributes](js-components-svg-common-attributes.md) 81 - [svg](js-components-svg.md) 82 - [rect](js-components-svg-rect.md) 83 - [circle](js-components-svg-circle.md) 84 - [ellipse](js-components-svg-ellipse.md) 85 - [path](js-components-svg-path.md) 86 - [line](js-components-svg-line.md) 87 - [polyline](js-components-svg-polyline.md) 88 - [polygon](js-components-svg-polygon.md) 89 - [text](js-components-svg-text.md) 90 - [tspan](js-components-svg-tspan.md) 91 - [textPath](js-components-svg-textpath.md) 92 - [animate](js-components-svg-animate.md) 93 - [animateMotion](js-components-svg-animatemotion.md) 94 - [animateTransform](js-components-svg-animatetransform.md) 95- Custom Components 96 - [Basic Usage](js-components-custom-basic-usage.md) 97 - [props](js-components-custom-props.md) 98 - [Style Inheritance](js-components-custom-style.md) 99 - [slot](js-components-custom-slot.md) 100 - [Lifecycle Definition](js-components-custom-lifecycle.md) 101- [Dynamic Component Creation](js-components-create-elements.md) 102- [Data Type Attributes](js-appendix-types.md) 103