Project Name | Stars | Downloads | Repos Using This | Packages Using This | Most Recent Commit | Total Releases | Latest Release | Open Issues | License | Language |
---|---|---|---|---|---|---|---|---|---|---|
Avalon | 5,743 | 40 | 18 | 4 years ago | 37 | February 07, 2018 | 122 | other | JavaScript | |
an elegant efficient express mvvm framework | ||||||||||
Valley Tpl | 21 | 4 years ago | JavaScript | |||||||
JavaScript Template Engine For ValleyJS | ||||||||||
Askme | 18 | 6 months ago | 6 | mit | Kotlin | |||||
Social media app to ask and answer user questions and interact with users | ||||||||||
Node Library | 6 | 3 years ago | 3 | CSS | ||||||
全栈项目 使用nodejs作为后台 vue作为前台 使用axios进行交互 使用代理解决跨域问题(本项目已废弃,作者正在写新版本) | ||||||||||
Simplemvvmtoolkit.samples.wpf | 4 | 4 years ago | mit | C# | ||||||
Windows Presentation Foundation Sample for Simple MVVM Toolkit Express | ||||||||||
Meteor Chatroom | 4 | 7 years ago | JavaScript | |||||||
Mongodb | 3 | 5 years ago | CSS | |||||||
小米商城 | ||||||||||
Iappraise | 2 | 5 years ago | agpl-3.0 | JavaScript | ||||||
Anonymous appraise system | ||||||||||
Youtubeplayer Kotlin | 2 | 5 years ago | Kotlin | |||||||
simple mock Youtube-like player using MVVM-Architecture Components(Data-Binding, Room, ViewModel, LiveData), Dagger2, Retrofit and RxAndroid and Backend in NodeJS with mongodb |
npm install avalon2
es6调用方式
import * as avalon from 'avalon2'
这是基于官网制成的电子书,方便大家离线阅览
这是基于gitbook制作的,对移动端支持很好,大家上班或睡觉时,可以过目一下.
大家期望已久的avalon2+mmRouter+各种组件的综合示例,不断完善中
一个 SPA 的脚手架(模块组织加载方式、单页面局部刷新技术、路由控制、后端数据的接入与模拟等实践/完整的增删改查示例)
一个基于 bootstrap 的组件库,有用于数据展示的 table 组件、用于数据提交的 form 组件、用于消息提示的 message 与 notification 组件、dialog 组件和用户输入组件(input/textarea/checkbox/radio/select/datepicker/timepicker/upload)等,并且还在不断完善中
CDN: https://unpkg.com/[email protected]/dist/avalon.js
请不要用2.0s这个最古老的版本
欢迎大家提交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起支持后端渲染,详见这里
HTML指南
属性值必须用双引号括起,标签名必须小写, 标签必须被关闭(正常关闭,或自关闭)
组件, 在兼容IE6-8的情况下,组件必须用wbr, xmp做容器
组件名如果不充当标签名,可以不以ms-开头.
绑定属性建议使用短指令方式定义,即ms-if可以改成:if
ms-duplex指令除了change, rebounce过滤器外,不建议使用其他过滤器做格式化, 建议添加ms-input, ms-change在里面处理
ms-duplex不支持对简单数组的元素的处理, 即vm.arr = [1,2,4]
,
<input :for="el in @arr" duplex="el"
ms-important与ms-controller对应的vm.$id一个页面上只能用一次,不能存在多个同名的ms-controller. ms-important由于不继承上级的$element与$render,每次只更新它所在的区域,善用它能大大提高性能
<div ms-controller='test'>{{@aaa}}</div>
<div ms-controller='test'>{{@bbb}}<!--test已经使用了1次!会导致程序出错--></div>
<div ms-important='test'>{{@bbb}}<!--test已经使用了2次!会导致程序出错--></div>