
avalon
goodgirl1991
这个作者很懒,什么都没留下…
展开
-
data-duplex-event="change"
对于该属性,本人未做太多查询,通过该属性在代码的显示效果来判断,应该是当事件失去焦点时触发该事件的吧原创 2015-12-09 15:04:33 · 789 阅读 · 0 评论 -
对avalon进行精简改造
本文内容转自http://www.uml.org.cn/AJAX/201503182.aspavalon源码里有自己的AMD加载器和DOMReady模块,使用requireJS来加载各依赖脚本的话,使用其配套插件DOMReady来ready执行会更合适,而且avalon的AMD模块也多余了。故我们可以把这俩块代码咔嚓掉。只需要在源码里搜索“AMD”和“DOMReady”就能找到位于转载 2016-03-01 10:02:23 · 514 阅读 · 0 评论 -
avalon中数组所具备的方法与变量
avalon中的数组具有以下变量:$index:用于指明当前数组中的指针所在索引值,即指向数组中第几个元素(索引值从0开始)示例代码: var model = avalon.define({ $id: "test", array: [原创 2015-12-12 23:10:52 · 3875 阅读 · 0 评论 -
实例中this的困惑
今日实现avalon教程中的实例时,对this产生了一些疑惑,经过实验好不容易清晰了些,在此记录,以备日后忘记时查询。var model=avalon.define({ $id:"test", firstName:"司徒", lastName:"正美", arr:["aaa","bbb","ccc","ddd"], name: {原创 2016-01-31 14:45:09 · 357 阅读 · 0 评论 -
avalon中ms-duplex
ms-duplex-checked.通过该标签,可以及时根据是否对checkbox、以及radio控件进行了选择,从而返回true或false给vm。示例代码如下; ab效果图:以及ms-duplex-number通过该标签,可以将每个表单控件所代表的number类型的值动态传入vm对象。示例代码如下:原创 2015-12-05 23:51:41 · 5747 阅读 · 0 评论 -
avalon指令和js函数简单介绍
1.setInterval(执行函数,间隔时间T)函数和setTimeout(执行函数,间隔时间T)函数这两个函数的作用都是在指定时间T后执行指定函数。但setTimeout在T时间后执行了一次后就不再执行了,而setInterval则每经过T时间就执行一次。2、ms-if=“表达式”和ms-visible=“表达式“”这两个指令都是通过表达式的值来判断是否显示标签内容,若表达式为真,原创 2015-12-02 10:02:00 · 1925 阅读 · 0 评论 -
ms-include与ms-include-src
部分内容引自http://www.cnblogs.com/rubylouvre/p/3181291.html#top7该属性用于将内部模板引入页面。比如我先定义一个内部模板:js代码 here, {{ 3 + 6 * 5 }} 现在我想要将该模板引入页面的一个div标签中,将其作为div中的innerHTML内容。htm原创 2016-01-21 10:13:34 · 1805 阅读 · 0 评论 -
MVC、MVP以及MVVM框架简要介绍
本文内容很大一部分引用自阮一峰的网络日志http://www.ruanyifeng.com/blog/2015/02/mvcmvp_mvvm.html1、MVC框架该框架由三部分组成:视图(VIEW):即用户可视界面控制器(Controller):此部分为业务逻辑处理模型(Model):此部分为数据的存储MVC框架三部分的交互如图中箭头所示。视图将数据提供给控制器,控制原创 2015-12-11 08:46:17 · 446 阅读 · 0 评论 -
前端工作的简单化——MVVM框架
在前端代码的传统编写方式中(即不涉及到框架的代码编写),围绕着对DOM即文档对象的处理,需要考虑三个问题:何时开始使用DOM、如何寻找到指定的DOM对象以及如何对指定DOM对象进行操作(对于这三个问题的具体介绍以及js对三个问题的处理方式,见本人的博文http://blog.youkuaiyun.com/goodgirl1991/article/details/50248015)。我们需要通过js编写不同的模原创 2015-12-10 21:33:44 · 820 阅读 · 0 评论 -
avalon对于视图样式的动态更新
通过avalon,可以在ms-duplex更新vm对象值的的同时,实现对视图样式的动态更新。代码示例: 通过该段代码,实现通过input输入值的变化,动态改变div标签视图样式的width属性。原创 2015-12-09 15:50:47 · 2170 阅读 · 0 评论 -
avalon的扫描机制
avalon的扫描行为在DOMready后执行。在avalon中,默认就设置了scan函数,若删掉了avalon中的scan,想自己添加,则在$(function(){})函数内部最后执行,即$(function(){............avalon.scan(....);})一、DOMReady和window.onloadDOM中所有节点都生成好,即DOMReady。原创 2016-03-25 11:21:52 · 503 阅读 · 0 评论