全部课程 > 中级 > JavaScript > 6个例子学习Vue.js
6个例子学习Vue.js
中级JavaScript 共计20节课 时长1:48:48 ¥99.00 ¥128.00 购买
课程介绍
本课程是 Vue.js 前端框架的实战课程,利用几个实际的例子来上手Vue.js开发。分别是常见的H5页面切换的实现(包含点击和滑动),音频播放组件,图片预加载组件,页面弹窗组件,合成海报组件以及视频组件等,使你可以快速了解如何使用Vue.js进行H5页面开发。
课程附件
策划稿(内容包含1个PPT文档)
设计稿(psd源件)
代码包
课程目录
  • 课程介绍
    • Vue.js 背景介绍 ( 00:01:51 )

    • 搭建页面脚手架 ( 00:04:21 )

    • 脚手架结构分析 ( 00:03:16 )

  • 页面切换
    • 添加页面 ( 00:06:43 )

    • 添加多个页面 ( 00:09:56 )

    • 控制页面的显隐 ( 00:04:04 )

    • 点击进行页面切换 ( 00:03:41 )

    • 滑动进行页面切换 ( 00:08:23 )

  • 音频播放组件
    • 封装音频播放组件 ( 00:06:00 )

    • 音频资源的播放控制 ( 00:06:16 )

  • 图片预加载组件
    • 封装图片预加载组件 ( 00:07:01 )

    • 图片预加载的实际演示 ( 00:05:59 )

  • 页面弹窗组件
    • 页面弹窗组件 ( 00:02:31 )

    • 页面弹窗组件展示 ( 00:05:11 )

  • 合成海报组件
    • 封装合成海报组件 ( 00:04:46 )

    • 合成海报组件的使用 ( 00:08:34 )

  • 视频组件
    • 视频组件基础属性 ( 00:03:58 )

    • 视频组件的使用 ( 00:09:26 )

    • 视频组件的传值方式 ( 00:01:55 )

  • 课程总结
    • 课程总结 ( 00:04:56 )