Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/rubylouvre/avalon

an elegant efficient express mvvm framework
https://github.com/rubylouvre/avalon

Last synced: 3 days ago
JSON representation

an elegant efficient express mvvm framework

Awesome Lists containing this project

README 

        
![](./components/logo.png)

-------







npm version





Travis CI Status








  Codecov






LICENSE

Build Status





Browser Matrix




```javascript

npm install avalon2

```



es6调用方式

```

import * as avalon from 'avalon2'

```



### [English tutorials](https://github.com/RubyLouvre/avalon/tree/master/tutorials)



### [avalon cookbook](https://github.com/RubyLouvre/avalon/blob/2.1.8/avalon%20cookbook.pdf)



这是基于官网制成的电子书,方便大家离线阅览



### [avalon2官网](http://avalonjs.coding.me/)

这是基于gitbook制作的,对移动端支持很好,大家上班或睡觉时,可以过目一下.



### [avalon2+webpack2手脚架](https://github.com/sayll/avalon-webpack-start)



### [QuickStart](https://github.com/crazyliuzc/webpack-avalon2-SPA-seed.git)

大家期望已久的avalon2+mmRouter+各种组件的综合示例,不断完善中



### [UI库1](http://weeksun23.github.io/AvalonBootstrap/index.html#overview)



### [UI库2](https://github.com/aLoNeIT/flyUI)



### [avalon 单页后台管理系统框架：webpack+avalon+自定义avalon-router组件+jquery+bootstrap](https://github.com/Levan-Du/avalon-spa-app)



### [avalon2 SPA脚手架 MS-BUS](https://github.com/xxapp/ms-bus)

一个 SPA 的脚手架（模块组织加载方式、单页面局部刷新技术、路由控制、后端数据的接入与模拟等实践/完整的增删改查示例）



### [avalon2 组件库 ANE](https://github.com/xxapp/ane)

一个基于 bootstrap 的组件库，有用于数据展示的 table 组件、用于数据提交的 form 组件、用于消息提示的 message 与 notification 组件、dialog 组件和用户输入组件（input/textarea/checkbox/radio/select/datepicker/timepicker/upload）等，并且还在不断完善中



---



CDN: `https://unpkg.com/[email protected]/dist/avalon.js`



用法见[https://unpkg.com/#/](https://unpkg.com/#/)



 请不要用2.0s这个最古老的版本



### 谁在用avalon






`欢迎大家提交logo与官网链接`



### 超高性能






测试页面 perf目录下的index.html, index1.4.html, index-ng.html, index-vue.html,index-react.html



亮点,如果页面上存在一个大表格或列表,其他框架会在浏览器加载页面时会卡一下(白屏),

而avalon则平缓多了



thanks http://charts.udpwork.com/



### 支持后端渲染



avalon2.1.5起支持后端渲染,详见[这里](https://github.com/RubyLouvre/avalon-server-render-example)



### [avalon2 学习教程(包括组件)](https://segmentfault.com/u/situzhengmei/articles)



HTML指南



属性值必须用双引号括起,标签名必须小写, 标签必须被关闭（正常关闭，或自关闭）



组件, 在兼容IE6-8的情况下,组件必须用wbr, xmp做容器



组件名如果不充当标签名,可以不以ms-开头.



绑定属性建议使用短指令方式定义,即ms-if可以改成:if



ms-duplex指令除了change, rebounce过滤器外,不建议使用其他过滤器做格式化,

建议添加ms-input, ms-change在里面处理



ms-duplex不支持对简单数组的元素的处理, 即`vm.arr = [1,2,4]`,

`{{@aaa}}

   
{{@bbb}}


   
{{@bbb}}


```