# 基于JS扩展的类Web开发范式

- 组件通用信息
    - [通用属性](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)
- 容器组件
    - [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)
- 基础组件
    - [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)
    - [web](js-components-basic-web.md)
- 媒体组件
    - [video](js-components-media-video.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-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-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-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-types.md)