随笔分类 -  avalon

avalon学习笔记ui篇-如何将avalon默认的amd模型禁止，以及用require重写。
摘要：一、如何禁止avalon自带的amd模型1、采用avalon.shim.js这个文件，这个文件删除了原本自带的amd模型，不需要手动删除，修改。2、打开avalon.js这个文件，搜索avalon.config，将true改为false。二，下载text.js和css.js1、因为avalonUI依赖了html文件和css文件。2、并且将text.js和css.js，在配置中预加载priority... 阅读全文
posted @ 2015-05-04 23:22 静文 阅读(684) 评论(0) 推荐(0)
avalon学习笔记ui篇-datepicker篇
摘要：一、介绍 首先avalon是我接触的第一个mvvm框架，angularjs也能实现基本同样的功能，但是老外的产物都是比较先进的，他们早已放弃在IE下摸爬滚打，作为大天朝的我们，还是必须要矜矜业业的伺候着IE6，这就是我为什么选择avalon，没用angularjs的原因。官方文档都是老写法，这让我忍不住深深的吐槽正美，好吧，维护一个框架是艰难的，正美加油吧。 二、日历插件篇datepicker... 阅读全文
posted @ 2015-04-28 21:48 静文 阅读(598) 评论(0) 推荐(0)
avalon视频学习笔记（七）
摘要：一、属性操作 DOM操作之属性操作： 1、类名操作 ms-class （1）ms-class a、ms-class="active" 默认写法，为元素添加active样式 b、ms-class="active:isOk" isOK值为true，添加active，为false，删除... 阅读全文
posted @ 2015-04-25 20:02 静文 阅读(224) 评论(0) 推荐(0)
avalon视频学习笔记（六）
摘要：一、数据缓存 1、绑定属性ms-data-* avalon的数据缓存功能与jquery的data()类似，但不同于jquery的是：avalon是直接将数据保存在元素节点上的data-*属性上。 在从data-*属性还原数据时，它会作简单的数据转换，再返回。 在ms-data绑定属性中，对象与数组是直接保存在元素节点上。 av... 阅读全文
posted @ 2015-04-25 20:02 静文 阅读(142) 评论(0) 推荐(0)
avalon视频学习笔记（五）
摘要：一、插入移除处理 1、绑定属性ms-if a、当ms-if的值为真（true）时，就将元素输出到页面里面。 根据条件显示内容 根据条件显示内容 b、如果当ms-if 的值为假（flase）时，就将元素移除dom树 根据条件显示内容 avalonctrl是为avalon垃圾回收器查找元素所用 是为了将注释的节点重新，装填会d... 阅读全文
posted @ 2015-04-25 20:00 静文 阅读(891) 评论(0) 推荐(0)
avalon视频学习笔记（四）
摘要：二、显示隐藏处理 含义：效果类似于jquery的toggle，如果它后面跟着的表达式为真值时则显示它所在的元素，为假值时则隐藏。 avalon-visible 色块[red] 色块[green] 色块[blue] 来自为知笔记(Wiz) 阅读全文
posted @ 2015-04-25 12:32 静文 阅读(158) 评论(0) 推荐(0)
avalon视频学习笔记（三）
摘要：一、双向同步，双向绑定ms-duplex 含义：ms-duplex实现了双向数据绑定。双向绑定通俗说，除了负责将ViewModel中的应的值放到表单元素的value中，还对表单元素偷偷绑定一些事情，用于监听用户的输入从而自动刷新ViewModel。 使用场景一： 当元素为text、password、textaera时，要求prop为一个字符串，当我们改动它的内容时，ava... 阅读全文
posted @ 2015-04-25 12:31 静文 阅读(256) 评论(0) 推荐(0)
avalon视频学习笔记（二）
摘要：一、数据填充含义：将数据打印到页面上，通过绑定属性，将页面变成动态模版 1、插值表达式 {{prop}}，{{prop | html}}定界符及自动配置 含义：{{prop}}是对某一文本节点的nodeValue进行修改，因此不会影响兄弟节点，{{prop}}只是表示这个地方可以被替换，在avalon中，它只在文本节点中有效，它不能替换属性节点里的名字，特性节点的名字必须以ms... 阅读全文
posted @ 2015-04-25 12:29 静文 阅读(185) 评论(0) 推荐(0)
avalon视频学习笔记（一）
摘要：一、禁用加载器 方法一：在js文件中书写avalon.config({ loader: false}) 方法二：在avalon源文件中添加avalon.config({ loader: false}) 方法三：在源文件中删除amd加载器二、作用域绑定含义：作用域范围圈定，在一个页面中需要形成多个模块，每个模块需要实现不同功能。 1、ms-controller 可以互相嵌套的... 阅读全文
posted @ 2015-04-25 12:27 静文 阅读(226) 评论(0) 推荐(0)