{"id":15030460,"url":"https://github.com/rubylouvre/avalon","last_synced_at":"2025-05-13T21:06:14.164Z","repository":{"id":8866799,"uuid":"10579398","full_name":"RubyLouvre/avalon","owner":"RubyLouvre","description":"an elegant efficient express mvvm framework","archived":false,"fork":false,"pushed_at":"2019-03-11T15:06:57.000Z","size":119904,"stargazers_count":5794,"open_issues_count":248,"forks_count":1420,"subscribers_count":438,"default_branch":"master","last_synced_at":"2025-04-28T13:59:11.208Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://avalonjs.coding.me/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/RubyLouvre.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2013-06-09T06:34:28.000Z","updated_at":"2025-04-23T12:08:36.000Z","dependencies_parsed_at":"2022-07-17T02:16:15.740Z","dependency_job_id":null,"html_url":"https://github.com/RubyLouvre/avalon","commit_stats":null,"previous_names":[],"tags_count":86,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RubyLouvre%2Favalon","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RubyLouvre%2Favalon/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RubyLouvre%2Favalon/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/RubyLouvre%2Favalon/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/RubyLouvre","download_url":"https://codeload.github.com/RubyLouvre/avalon/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254028721,"owners_count":22002277,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-09-24T20:13:25.343Z","updated_at":"2025-05-13T21:06:09.135Z","avatar_url":"https://github.com/RubyLouvre.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"![](./components/logo.png)\n-------\n\n\u003cp align=\"center\"\u003e\n\u003ca href=\"https://badge.fury.io/js/avalon2\"\u003e\n\u003cimg src=\"https://badge.fury.io/js/avalon2.svg\" alt=\"npm version\" height=\"18\"\u003e\n\u003c/a\u003e\n\u003ca href=\"https://travis-ci.org/RubyLouvre/avalon\"\u003e\n\u003cimg src=\"https://travis-ci.org/RubyLouvre/avalon.svg?branch=master\" alt=\"Travis CI Status\"/\u003e\n\u003c/a\u003e\n\u003ca href=\"https://codeclimate.com/github/RubyLouvre/avalon\"\u003e\u003cimg src=\"https://codeclimate.com/github/RubyLouvre/avalon/badges/gpa.svg\" /\u003e\u003c/a\u003e\n\n\u003ca href=\"https://codecov.io/gh/RubyLouvre/avalon\"\u003e\n  \u003cimg src=\"https://codecov.io/gh/RubyLouvre/avalon/branch/master/graph/badge.svg\" alt=\"Codecov\" /\u003e\n\u003c/a\u003e\n\n\u003ca href=\"https://github.com/RubyLouvre/avalon\"\u003e\n\u003cimg src=\"https://camo.githubusercontent.com/fc56303af12c023343f338a762b6bfb2a5f1e4dc/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6c6963656e73652d4d49542d677265656e2e7376673f7374796c653d666c6174\" alt=\"LICENSE\" data-canonical-src=\"https://img.shields.io/badge/license-MIT-green.svg?style=flat\" style=\"max-width:100%;\"\u003e\u003c/a\u003e\n\u003ca href=\"https://saucelabs.com/beta/builds/7c80ed0dd7b34c55815d65a132ff0226\"\u003e\u003cimg src=\"https://saucelabs.com/buildstatus/rubylouvre\" alt=\"Build Status\"\u003e\u003c/a\u003e\n\u003c/p\u003e\n\u003cp align=\"center\"\u003e\n\u003ca href=\"https://saucelabs.com/beta/builds/7c80ed0dd7b34c55815d65a132ff0226\"\u003e\u003cimg src=\"https://saucelabs.com/browser-matrix/rubylouvre.svg\" alt=\"Browser Matrix\"\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n```javascript\nnpm install avalon2\n```\n\nes6调用方式\n```\nimport * as avalon from 'avalon2'\n```\n\n### [English tutorials](https://github.com/RubyLouvre/avalon/tree/master/tutorials)\n\n### [avalon cookbook](https://github.com/RubyLouvre/avalon/blob/2.1.8/avalon%20cookbook.pdf)\n\n这是基于官网制成的电子书,方便大家离线阅览\n\n### [avalon2官网](http://avalonjs.coding.me/)\n这是基于gitbook制作的,对移动端支持很好,大家上班或睡觉时,可以过目一下.\n\n### [avalon2+webpack2手脚架](https://github.com/sayll/avalon-webpack-start)\n\n### [QuickStart](https://github.com/crazyliuzc/webpack-avalon2-SPA-seed.git)\n大家期望已久的avalon2+mmRouter+各种组件的综合示例,不断完善中\n\n### [UI库1](http://weeksun23.github.io/AvalonBootstrap/index.html#overview)\n\n### [UI库2](https://github.com/aLoNeIT/flyUI)\n\n### [avalon 单页后台管理系统框架：webpack+avalon+自定义avalon-router组件+jquery+bootstrap](https://github.com/Levan-Du/avalon-spa-app)\n\n### [avalon2 SPA脚手架 MS-BUS](https://github.com/xxapp/ms-bus)\n一个 SPA 的脚手架（模块组织加载方式、单页面局部刷新技术、路由控制、后端数据的接入与模拟等实践/完整的增删改查示例）\n\n### [avalon2 组件库 ANE](https://github.com/xxapp/ane)\n一个基于 bootstrap 的组件库，有用于数据展示的 table 组件、用于数据提交的 form 组件、用于消息提示的 message 与 notification 组件、dialog 组件和用户输入组件（input/textarea/checkbox/radio/select/datepicker/timepicker/upload）等，并且还在不断完善中\n\n---\n\nCDN: `https://unpkg.com/avalon2@2.2.8/dist/avalon.js`\n\n用法见[https://unpkg.com/#/](https://unpkg.com/#/)\n\n 请不要用2.0s这个最古老的版本\n\n### 谁在用avalon\n\n\u003cimg src='http://avalonjs.coding.me/styles/logos.jpg' width='639' height='477' /\u003e\n\n`欢迎大家提交logo与官网链接`\n\n\n### 超高性能\n\n\u003cimg src=\"http://avalonjs.coding.me/styles/performance.jpg\" width='770' height='451' /\u003e\n\n\n\n\n\n\n测试页面 perf目录下的index.html, index1.4.html, index-ng.html, index-vue.html,index-react.html\n\n亮点,如果页面上存在一个大表格或列表,其他框架会在浏览器加载页面时会卡一下(白屏),\n而avalon则平缓多了\n\nthanks http://charts.udpwork.com/\n\n### 支持后端渲染\n\navalon2.1.5起支持后端渲染,详见[这里](https://github.com/RubyLouvre/avalon-server-render-example)\n\n\n### [avalon2 学习教程(包括组件)](https://segmentfault.com/u/situzhengmei/articles)\n\n\nHTML指南\n\n属性值必须用双引号括起,标签名必须小写, 标签必须被关闭（正常关闭，或自关闭）\n\n组件, 在兼容IE6-8的情况下,组件必须用wbr, xmp做容器\n\n组件名如果不充当标签名,可以不以ms-开头.\n\n绑定属性建议使用短指令方式定义,即ms-if可以改成:if\n\nms-duplex指令除了change, rebounce过滤器外,不建议使用其他过滤器做格式化,\n建议添加ms-input, ms-change在里面处理\n\nms-duplex不支持对简单数组的元素的处理, 即`vm.arr = [1,2,4]`,\n`\u003cinput :for=\"el in @arr\" duplex=\"el\"`\n\n\nms-important与ms-controller对应的vm.$id一个页面上只能用一次,不能存在多个同名的ms-controller.\n     ms-important由于不继承上级的$element与$render,每次只更新它所在的区域,善用它能大大提高性能\n```html\n   \u003cdiv ms-controller='test'\u003e{{@aaa}}\u003c/div\u003e\n   \u003cdiv ms-controller='test'\u003e{{@bbb}}\u003c!--test已经使用了1次!会导致程序出错--\u003e\u003c/div\u003e\n   \u003cdiv ms-important='test'\u003e{{@bbb}}\u003c!--test已经使用了2次!会导致程序出错--\u003e\u003c/div\u003e\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frubylouvre%2Favalon","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frubylouvre%2Favalon","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frubylouvre%2Favalon/lists"}