Avalon探索之旅之基础视频教程

1-1

第一站：todoList案例 分别应用jQuery,AngularJS及Avalon来实现一个todoList案例，感性的对比一下Avalon的优秀之处。

[34:58] 开始学习

1-2

第一站：认识Avalon 了解什么是Avalon，Avalon的生态环境，Avalon的兼容适配及Avalon与jQuery的对比。

[14:35] 开始学习

1-3

第二站：Avalon通用部署 讲解Avalon下载，库文件引入，加载器等内容，最后讲一个工程案例。

[13:21] 开始学习

1-4

第二站：Avalon fekit部署 介绍fekit源上的Avalon如何使用，用fekit命令新建项目，增加依赖，安装avalon组件，在页面中添加引用，以及一个小例子。

[11:51] 开始学习

1-5

第二站：IDE自动补全设置 讲解Sublime text 3, IDEA, WebStorm, VS 如何加入Avalon代码补全功能。

[04:20] 开始学习

1-6

第三站：作用域绑定 介绍ms-controller、ms-important、ms-skip三个作用域绑定属性。

[12:09] 开始学习

1-7

第三站：数据填充 讲解Avalon的插值表达式，绑定属性，过滤器三部分内容。

[22:37] 开始学习

1-8

第四站：双向同步 本课程讲解ms-duplex实现数据的双向同步。

[19:56] 开始学习

1-9

第四站：显示隐藏处理 本节课介绍ms-visible显示隐藏绑定属性，它的效果类于jQuery的toggle，如果它后面跟着的表达式为真值时则显示它所在的元素，为假值时则隐藏。

[09:24] 开始学习

1-10

第五站：插入移除处理 介绍插入移除处理的绑定属性ms-if的各种用法。

[11:02] 开始学习

1-11

第五站：数据缓存 介绍数据缓存绑定属性ms-data-*。avalon的数据缓存功能与jQuery的data()类似，但不同于jQuery的是:avalon是直接将数据保存到元素节点的data-*属性上。

[08:24] 开始学习

1-12

第六站：属性操作 介绍ms-attr, ms-title, ms-href三个属性操作的绑定属性。

[13:45] 开始学习

1-13

第六站：类名操作 本课程介绍ms-class, ms-active, ms-hover三个类名操作的绑定属性。

[12:40] 开始学习

1-14

第七站：ms-duplex 2.0（上） 本节课介绍ms-duplex2.0概念，ms-duplex-string/ms-duplex，ms-duplex-number，ms-duplex-boolean，ms-duplex-checked

[13:45] 开始学习

1-15

第七站：ms-duplex 2.0（下） 介绍ms-data-duplex-observe、data-duplex-changed、data-duplex-focus及data-duplex-event

[15:03] 开始学习

1-16

第七站：验证插件 本节课介绍如何利用duplexHooks钩子对象与拦截器开发一个验证插件。

[05:47] 开始学习

1-17

第八站：样式操作 本章介绍内联样式操作 ms-css 绑定属性。

[10:36] 开始学习

1-18

第八站：事件绑定 本课程介绍事件绑定属性、事件绑定属性的值及多投事件。

[20:04] 开始学习

1-19

第九站：循环操作（一） 介绍如何应用ms-repeat, ms-each 遍历显示数组，如何应用ms-repeat, ms-with遍历显示哈希（对象）。

[08:15] 开始学习

1-20

第九站：循环操作（二） 详解介绍循环显示数组元素的临时变量：el，$index，$first，$last，$remove，$outer 及 循环显示哈希的临时变量$key，$val，$outer的使用方法。

[13:50] 开始学习