Skip to content

RubyLouvre/avalon

Repository files navigation

 npm version  Travis CI Status  Codecov  LICENSE  Build Status

 Browser Matrix

 npm  install  avalon2

ES6 call mode

 import * as avalon from 'avalon2'

This is an e-book based on the official website for offline reading

This is based on gitbook. It supports mobile terminals very well. You can take a look at it when you go to work or sleep

The long-awaited comprehensive examples of avalon2+mmRouter+various components are constantly improving

Scaffold of a SPA (module organization loading mode, single page local refresh technology, routing control, back-end data access and simulation practices/complete examples of addition, deletion, modification and query)

A bootstrap based component library, including table component for data display, form component for data submission, message and notification component for message prompt, dialog component and user input component (input/textarea/checkbox/radio/select/datepicker/timepicker/upload), is still being improved


CDN: https://unpkg.com/avalon2 @2.2.8/dist/avalon.js

See for usage https://unpkg.com/#/

Please do not use the oldest version of 2.0s

Who is using avalon

Welcome to submit logo and official website link

Ultra high performance

Index.html, index1.4.html, index-ng.html, index-vue.html, index-react.html in the perf directory of the test page

Highlight: if there is a large table or list on the page, other frames will get stuck (white screen) when the browser loads the page, But avalon is much more gentle

thanks http://charts.udpwork.com/

Support for back-end rendering

Avalon supports back-end rendering from 2.1.5. See details here

HTML Guide

The attribute value must be enclosed in double quotation marks, the tag name must be lowercase, and the tag must be closed (normally closed, or self closed)

Components, which are compatible with IE6-8, must use wbr and xmp as containers

If the component name does not serve as a tag name, it may not start with ms -

It is recommended to use short instructions to define binding attributes, that is, ms if can be changed to: if

The ms duplex instruction is not recommended to use other filters for formatting except the change and rebounce filters, It is recommended to add ms input, which is processed by ms change

Ms duplex does not support the processing of elements of simple arrays, that is vm.arr = [1,2,4] , <input :for="el in @arr" duplex="el"

The vm corresponding to ms importer and ms controller$ ID can only be used once on a page, and multiple ms controllers with the same name cannot exist Since ms importer does not inherit the parent $element and $render, it only updates its region each time. Using it properly can greatly improve performance

    < div  ms-controller =' test ' > {{@aaa}} </ div >
    < div  ms-controller =' test ' > {{@bbb}} <!-- Test has been used once! It will cause program errors --> </ div >
    < div  ms-important =' test ' > {{@bbb}} <!-- Test has been used twice! It will cause program errors --> </ div >