avalon2框架应用注意事项

　　采用avalon2框架的项目结束了，大家都第一次使用这个框架，难免踩到坑。这里是一份项目组人员归纳出来的几个注意点，分享出来希望能帮到大家。

　　domReady后如何扫描

$(function(){var vm = avalon.define({/* */});//如果你将vm定义在jQuery的ready方法内部,那么avalon的扫描就会失效,需要手动扫描
        avalon.scan(document.body) })

　　直接提交 avalon 对象

JSON.parse(JSON.stringify(vm.data.$model))

　　不能将vm中的数组或子对象取出来,再用它们赋给vm的某个数组或子对象

vm.arr2 = vm.arr1 //报错
vm.arr2 = vm.arr1.$model //正常

　　在使用日期过滤器的时候

    <td><div>{{ el.startTime | date("yyyy-MM-dd HH:mm:ss") }}</div></td> //运用时错误var common = {dateFormatStr:"yyyy-MM-dd HH:mm:ss"};<td><div>{{ el.startTime | date(common.dateFormatStr) }}</div></td> //正常

　　我们在首次渲染页面时, 解决avalon的源码闪动问题,可以尝试这样干（记得在ms-controller属性处添加类名）

.ms-controller{visibility: hidden;}

　　关闭控制台打印消息

avalon.config({debug: false})

　　checkbox 勾选问题

    var vm=avalon.define({showList:[] //当前显示题目列表
    });//重新赋值 需要先清空 不然原先的 input可能会被勾选上vm.showList=[];vm.showList = data.resultObject.items;//
    <div ms-for="el in @showList"><p width="30" class="tdborder"><input type="checkbox" class="chk_box" ms-attr="{value:el.id}" /></p></div>

　　关键字问题（ie兼容）

    //ms-attr 不能有 class 等某些（未知）关键字；<a class="btns1 frontcls60bj10" ms-attr="{paperId:el.paperId,class:'aa'}"></a> // 错误

　　ms-if （ie兼容）

ms-if="el.testStatus >=1"  ||  ms-if="el.testStatus <=1"
//最好用 ms-visible  代替 否则可能 会出现显示不了的 情况；原因未知；

　　选择框方法

$("input[type='checkbox']").not(":checked");$("input[type='checkbox']").is(":checked");

　　这些是avalon2结合实际开发（兼容ie8）归纳出的可行的解决方案。更加详细的资料请参阅avalon2官方文档。

转载于:https://www.cnblogs.com/sharpall/p/6098524.html

avalon2框架应用注意事项相关推荐

DL之Keras： Keras深度学习框架的注意事项(默认下载存放路径等)、使用方法之详细攻略
DL之Keras: Keras深度学习框架的注意事项(自动下载存放路径等).使用方法之详细攻略目录 Keras深度学习框架的注意事项 1.Keras自动下载默认数据集/模型存放位置 Windows系 ...
Maven构建Struts2框架的注意事项
[本人出错点:404,就是在web.xml配置文件中少配置了struts.xml的路径] 1.创建Maven,搭建Struts框架,实现最基本的Hello World 在pom.xml中加入strut ...
bootstrap框架使用注意事项
1.可以直接在要清除浮动的元素标签汇总添加类名 "clearfix" ,bootstrap框架已经定义好了清除浮动的,直接使用就行 2.bootstrap框架定义了 h1 ~ h6 ...
web游戏框架哪家强？国内外精选优质框架分析及注意事项
网页端实现各种小游戏已经是家常便饭.微信小游戏出现后,游戏(特别是小型游戏)的开发已经进入了一个相当火爆的时期.那么作为一名前端开发者,如何取选择一个合适的游戏开发框架来学习和提高开发效率呢? 下面我 ...
DL框架之Keras：深度学习框架Keras框架的简介、安装(Python库)、相关概念、Keras模型使用、使用方法之详细攻略
DL框架之Keras:深度学习框架Keras框架的简介.安装(Python库).相关概念.Keras模型使用.使用方法之详细攻略目录 Keras的简介 1.Keras的特点 2.Keras四大特性 ...
自动化测试框架-pytest框架入门篇
前段时间,九九姐更新了自动化测试中unittest框架,然后有很多小伙伴私聊九九姐,说想学习一下pytest框架的内容.既然大家已经说话了,九九姐怎么能不安排呢,所以今天就给大家说一说pytest框架 ...
Android设计一个图片加载框架
本文不是具体编码去实现一个图片加载的框架,而是从理论上来讲解设计一个图片加载框架的注意事项和涉及的知识点,提供一个思路,或者帮助童鞋们应付面试.目前Android 发展至今优秀的图片加载框架太多,例如 ...
【JS逆向】魔改Node JS补环境框架
[JS逆向]魔改Node JS补环境框架前言魔改Node Js补环境框架内置模块wanfeng 内置对象Utils node框架使用说明 js框架简介注意事项警告赞助结束语前言由于J ...
web游戏框架有哪些？_h5游戏开发引擎推荐
随着浏览器功能越来越强大,在网页端实现各种小游戏已经是家常便饭.微信小游戏出现后,游戏(特别是小型游戏)的开发已经进入了一个相当火爆的时期.那么作为一个普通的前端开发者,如何取选择一个合适的手游平台开 ...

avalon2框架应用注意事项

domReady后如何扫描

直接提交 avalon 对象

不能将vm中的数组或子对象取出来,再用它们赋给vm的某个数组或子对象

在使用日期过滤器的时候

我们在首次渲染页面时, 解决avalon的源码闪动问题,可以尝试这样干（记得在ms-controller属性处添加类名）

关闭控制台打印消息

checkbox 勾选问题

关键字问题（ie兼容）

ms-if （ie兼容）

选择框方法

avalon2框架应用注意事项相关推荐

最新文章

热门文章