木的土纪,第2日

2019-06-26(avalon 2 解读)

实验背景:avalon 2 是一款 迷你 、 易用 、 高性能 的前端MVVM框架


18468891-02febb389e0dc1c3.png
来源http://avalonjs.coding.me/  介绍

实验目的:#学习#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>

18468891-6bbb6cdfb0ebe7e2.png

页面调用 花括号中可以 直接写属性名称,也可以@,##符号加属性名称

如:{{name}}   {{@name}}   {{##name}} 

参考链接

http://avalonjs.coding.me/home.html

查看更多.....请看下回

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值