2019-06-26(avalon 2 解读)
来源http://avalonjs.coding.me/ 介绍实验背景:avalon 2 是一款 迷你 、 易用 、 高性能 的前端MVVM框架
实验目的:#学习#avalon 2 框架
实验过程:理解与应用
avalon2是一款基于虚拟DOM与属性劫持的 迷你、 易用、 高性能 的 前端MVVM框架, 拥有超优秀的兼容性(ie8以下), 支持移动开发, 后端渲染, WEB Component式组件开发, 无需编译, 开箱即用。
兼容支持:
avalon 支持IE6+及古老的W3C浏览器,判断依据:VBScript, __defineSetter__, __defineGetter__
avalon.modern 支持IE10+及较新的W3C浏览器,判断依据: Object.defineProperty, addEventListener
avalon.next 支持IE12+(edge)及chrome49, firefox49, 判断依据: Proxy, document.registerElement
使用过VUE的应该比较容易上手!!
学习文件:使用Icecream Ebook Reader软件打开 avalon.cookbook.mobi文件
文件下载地址:https://github.com/RubyLouvre/avalon/blob/v2.2.5/avalon.cookbook.mobi
入门使用 avalon2.1.15后还可以使用:xxxx短指令.
<script src="https://cdn.staticfile.org/avalon.js/2.2.4/avalon.js"></script>
页面调用 花括号中可以 直接写属性名称,也可以@,##符号加属性名称
如:{{name}} {{@name}} {{##name}}
参考链接
http://avalonjs.coding.me/home.html
查看更多.....请看下回
网友评论