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

中阶

学习国内最强大的MVVM框架,摆脱AngularJS学习门槛高的困扰。Avalon兼容所有浏览器,同时还具备移动开发分支,并且拥有专业团队打造的OniUI库,是前端架构的**!

4.8分 更新: 近三个月

收藏( 548 下载课程 二维码 下载学院APP 缓存视频离线看 学习社群 二维码 关注公众号 加入官方群

154379 学习人数 6小时54分钟 33课时
课程权益 15分钟内无条件退款 1、仅限付费视频课程适用
2、购买后15分钟内可以找到客服进行沟通退款
3、下载资料后不再享有退款特权
4、客服(Tel:400-101-1651)

24小时内答疑 随时随地观看课程
  • 课程介绍
  • 课程大纲
  • 学员评价
  • 其他课程 7
  • 专题套餐

适合人群:

具备一定的HTML、CSS、JS及jQuery基础的前端开发人员

课程目标:

学习国内最强大的MVVM框架,摆脱AngularJS学习门槛高的困扰。Avalon兼容所有浏览器,同时还具备移动开发分支,并且拥有专业团队打造的OniUI库,是前端架构的**!

课程简介:

Avalon是一款迷你的MVVM框架,其API设计非常简单易用,兼容IE6-8,更好维护,大大提高生产力,并且另有特殊版本支持移动开发。现已在去哪儿网,百度,盛大等大公司使用,大家也快快加入avalon行列,感受一下大公司是如何写代码的神秘!

展开更多

课程大纲-Avalon探索之旅之基础视频教程

  • 第1章 第五站 验证插件

    6小时54分钟33节

  • 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] 开始学习
展开更多

5

学员评分

  • 0%
  • 0%
  • 0%
  • 0%
  • 0%
超过  “JavaScript”   95%的课程

    1
    非常糟

    2
    很差

    3
    一般

    4
    很好

    5
    非常好

      展开更多
      加载中
      没有了哦~
      ¥4.00
      仅需¥3.20
      关注公众号 领VIP会员
      下次再说

      点击打包下载,即可获取该课程全部资料

      打包下载
      充电节满减满200减20 满300减30 满500减50
      是否单独购买该课程?
      直接购买 去凑单
      在线
      客服
      APP
      下载

      下载Android客户端

      下载iphone 客户端

      官方
      微信

      关注官方微信

      返回
      顶部