轻量级MVVM框架Vue.js-张勇-专题视频课程

轻量级MVVM框架Vue.js—642人已学习
课程介绍    

    课程主要分为两部分完成。第一部分:掌握Vue.js设计规范的语法。 第二部分:通过一些实际的前端案例来强化同学们对该技术的灵活运用。 实践阶段由浅入深分为四个案例:动态评分、图片轮播、OLTP管理界面、聊天室。涉及Vue和HTML5技术的整合,而OLTP管理界面应用在很多系统之内,是很常用的案例,里面包括CRUD的操作、数据分页、Ajax等等。通过这些案例,终强化学生驾驭Vue.js的水平。
课程收益
    只要具有JavaScript基础的学员都能灵活运用Vue.js技术设计前端程序。
讲师介绍
    张勇 更多讲师课程
    北风网技术总监,在某大型电信设备公司担任架构师,主要从事电信领域的软件开发,经验丰富。对电信计费系统以及核心网软件系统有深入了解,对设计高可靠性,高扩展性的软件系统具有丰富经验。
课程大纲
    1. Vue.js简介和MVC、MVP以及MVVM架构  14:03
    2. Vue.js介绍、开发工具的介绍以及HelloWorld程序演示  19:30
    3. Vue.js的构造器和扩展  19:37
    4. Vue实例的属性  15:38
    5. Vue实例生命周期  9:56
    6. 计算属性  15:37
    7. 计算属性的案例  15:04
    8. 方法调用  18:52
    9. 观察属性  12:09
    10. 文本插值  12:38
    11. HTML插值  12:43
    12. 属性插值和表达式  9:46
    13. 指令的格式  18:41
    14. 条件指令  14:59
    15. v-show指令  12:53
    16. v-bind指令  11:36
    17. 列表渲染  17:17
    18. 过滤器  10:38
    19. 事件处理  8:16
    20. 事件修饰符_1  12:37
    21. 事件修饰符_2  9:21
    22. 表单处理  19:45
    23. 自定义组件_1  20:04
    24. 自定义组件_2  16:54
    25. 过渡效果  9:44
    26. 动画效果  10:10
    27. 过渡和动画的回调函数  5:20
    28. 路由技术_1  8:08
    29. 路由技术_2  16:18
    30. 混合_1  13:07
    31. 混合_2  12:07
    32. 混合_3  4:13
    33. Render函数_1  14:13
    34. Render函数_2  16:52
    35. Render函数_3  16:36
    36. 单文件工程_1  14:23
    37. 单文件工程_2  18:27
    38. 单元测试  14:29
    39. 服务器端渲染_1  14:17
    40. 服务器端渲染_2  16:16
    41. 服务器端渲染_3  21:20
    42. 生产环境部署  5:31
    43. 动态评分案例_1  18:43
    44. 动态评分案例_2  11:31
    45. 图片轮播案例_1  9:57
    46. 图片轮播案例_2  9:01
    47. 图片轮播案例_3  10:59
    48. OLTP系统的管理界面_1  15:41
    49. OLTP系统的管理界面_2  17:20
    50. OLTP系统的管理界面_3  10:36
    51. OLTP系统的管理界面_4  16:28
    52. OLTP系统的管理界面_5  15:15
    53. OLTP系统的管理界面_6  10:56
    54. 聊天室案例_1  4:28
    55. 聊天室案例_2  13:00
    56. 聊天室案例_3  8:27
    57. 聊天室案例_4  7:21
    58. 聊天室案例_5  10:16
大家可以点击【 查看详情】查看我的课程
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
课程介绍本套课程,大喵将带着大家手把手,编辑每一行代码,使用原生Javascipt及ES6的一些新特性,仿照目前国内非常流行的Vue框架的源码,开发构建一个属于你们自己的MVVM框架。让大家能够很清晰的学习及掌握,模板编译,数据绑定,响应式,文档碎片,观察者模式,发布订阅模式等等,这些Vue的核心知识点,都是怎么回事,它们之间有哪些关联,是如何进行向数据绑定的等等。在使用vue2.x的核心Object.defineProperty构建完成框架后,大喵也会使用Vue3.0引入的数据劫持的Proxy新特性,来改造我们的MVVM框架,提升我们的框架性能。最终,大喵会手把手带着大家,从0开始配置webpack.config.js配置文件以及引入babel-loader,配置.babelrc文件,转换我们JS文件中的的ES6语法,最终压缩输出我们的MVVM框架库文件。课程目录01 手把手搭建MVVM框架 课程介绍、02 文件结构及基础类创建、03 入口类DamiaoMvvm的实现、04 模板编译、05 元素节点解析编译、06 v-model 数据绑定逻辑梳理、07 v-model 数据绑定实现、08 模板文本编译逻辑梳理、09 模板文本渲染绑定、10 观察者Wather逻辑梳理、11 Wather 逻辑实现、12 Object.defineProperty()、13 defineProperty 小案例、14 observer数据劫持梳理、15 defineProperty数据劫持实现、16 发布订阅类实现、17 Proxy 介绍与概述、18 使用Proxy改造MVVM框架、19 使用Proxy实现响应式、20 webpack 打包配置、21 babel 配置及文件输出、22 Mvvm Proxy 框架打包、23 Mvvm 框架搭建课程总结MVVM框架介绍MVVM是 Model-View-ViewModel 的缩写。mvvm是一种设计思想。Model 层代表数据模型,也可以在Model中定义数据修改和操作的业务逻辑;View 代表UI 组件,它负责将数据模型转化成UI 展现出来,ViewModel 是一个同步View 和 Model的对象。在MVVM架构模式下,View 和 Model 之间并没有直接的联系,而是通过ViewModel进行交互,Model 和 ViewModel 之间的交互是向的, 因此View 数据的变化会同步到Model中,而Model 数据的变化也会立即反应到View 上。ViewModel 通过向数据绑定把 View 层和 Model 层连接了起来,而View 和 Model 之间的同步工作完全是自动的,无需人为干涉,因此开发者只需关注业务逻辑,不需要手动操作DOM, 不需要关注数据状态的同步问题,复杂的数据状态维护完全由 MVVM 来统一管理。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值