当前目录: avalon.js笔记
avalon查看版本号avalon.version

2016年9月8日  avalon.js笔记   

查看当前使用的avalon版本号 <script> alert(avalon.version) </script>

avalon创建视图模型avalon.define()

2016年9月8日  avalon.js笔记   

现在创建一个avalon视图模型就用define()方法。 1.5或者2.x一般都用这种书写方法: avalon.define({ $id: 'aaa', bbb: 1 })  

avalon扫描 avalon.scan()

2016年9月8日  avalon.js笔记   

扫描有ms-controller/ms-imporant的DOM容器。   *注意: 如果你是将vm定义放在jQuery.ready或avalon.ready中必须手动调用这个方法. *注意: avalon2不会像avalon1那样将ms-*属性去掉了 *注意: avalon不能扫描iframe的内容 参数1:原生DOM,填写扫描的节点一般都是从html或者是body开始,在2.0第一个参数为必填。 参数2:数组,可选指定扫描视图模块如果不填也会自动是寻找,这过程会耗时。 avalon.ready(function(){ var vm=avalon.define({ $id:'ceshi', text:'1', array:[11,'我','ta'] }); avalon.scan(document.body,[vm,vm1]); //在2.0中如果使用了ready方法,就必须手动扫描avalon.scan不然就无法工作, //一般scan都会跟ready一...

avalon等待dom加载完毕后触发 avalon.ready()

2016年9月8日  avalon.js笔记   

该方法与jQuery.ready相仿. 熟悉jQuery的人, 都知道domReady事件. window.onload事件是在页面所有的资源都加载完毕后触发的. 如果页面上有大图片等资源响应缓慢, 会导致window.onload事件迟迟无法触发.所以出现了DOM Ready事件. 此事件在DOM文档结构准备完毕后触发, 即在资源加载前触发. 另外我们需要在DOM准备完毕后, 再修改DOM结构, 比如添加DOM元素等. 否则有可能出现“Internet Explorer无法打开站点”的问题. avalon.ready(function(){ //等待dom加载完成后才执行avalon代码 var vm=avalon.define({ $id:'ceshi', text:'1', array:[11,'我','ta'] }); avalon.scan(document.body,[vm,vm1]); //在2.0中如果使用了ready方法,就必须手动扫描avalon.scan不然就无法工作 });    ...

avalon ms-skip

2016年9月7日  avalon.js笔记   

ms-skip 有此属性的容器avalon将忽视此容器,不作用于此范围直接跳过。 <script> var vm = avalon.define({ $id: "test", aaa: "XXXX" }) </script> <body ms-controller="test"> <div ms-skip='true' >{{@aaa}}</div> </body>