投稿

vue.js 十一天课程 VUE入门加实战

5771

1

2020-03-18 21:43:41

https://www.youtube.com/playlist?list=PLat5PBX57wqZoDoWlEhqiDIr8Xe9toCoQ 视频没有缺，需要本地视频，下载连接私聊

电视的看看发消息

在这个全球化的时代，不会拍摄视频是很难生存的

豆包-会思考的AI助手,轻松应对复杂需求,立即体验!

3万人感兴趣

day 1 01 反馈

09:40

day 1 02 Vue课程介绍

02:01

day 1 03 什么是Vue

04:38

day 1 04 为什么要学习前端的流行框架

09:35

day 1 05 框架和库的区别

03:41

day 1 06 MVC和MVVM的关系图解

17:07

day 1 07 Vue基本代码和MVVM之间对应关系

11:59

day 1 08 讲解v cloak、v text、v html的基本使用

12:20

day 1 09 v bind指令的学习

05:18

day 1 10 使用v on指令定义Vue中的事件

05:53

day 1 11 跑马灯效果制作上

18:33

day 1 12 跑马灯效果制作下

05:41

day 1 13 事件修饰符的介绍

17:58

day 1 14 讲解v model实现表单元素的数据双向绑定

10:20

day 1 15 使用v model实现计算器的案例

10:39

day 1 16 vue中通过属性绑定为元素设置class类样式

14:17

day 1 17 vue中通过属性绑定为元素绑定style行内样式

04:49

day 1 18 v for指令的四种使用方式

12:07

day 1 19 v for中key的使用注意事项

12:41

day 1 20 v if和v show的使用和特点

07:55

day 1 21 今天内容总结

08:39

day2视频 01 反馈

01:55

day2视频 02 今天内容的说明

01:53

day2视频 03 品牌案例完成品牌列表的添加功能

19:59

day2视频 04 品牌案例根据Id完成品牌的删除

07:36

day2视频 05 Vue devtools的两种安装方式

04:34

day2视频 06 品牌案例根据关键字实现数组的过滤

14:17

day2视频 07 过滤器 Vue中全局过滤器的基本使用

13:26

day2视频 08 过滤器定义格式化时间的全局过滤器

09:22

day2视频 09 过滤器定义私有过滤器

08:31

day2视频 10 字符串的padStart方法使用

02:59

day2视频 11 自定义按键修饰符

07:23

day2视频 12 指令自定义全局指令让文本框获取焦点

16:41

day2视频 13 指令使用钩子函数的第二个binding参数拿到传递的值

12:20

day2视频 14 指令定义私有指令

03:28

day2视频 15 指令指令函数的简写形式

04:14

day2视频 16 生命周期函数组件创建期间的4个钩子函数

23:36

day2视频 17 生命周期函数组件运行和销毁阶段的钩子函数

17:23

day2视频 18 vue resource发起get、post、jsonp请求

16:48

day2视频 19 结合Node手写JSONP服务器剖析JSONP原理

16:04

day3 01 品牌列表从数据库获取列表

23:57

day3 02 品牌列表完成添加功能

09:32

day3 03 品牌列表完成删除功能

03:30

day3 04 品牌列表全局配置数据接口的根域名

09:03

day3 05 品牌列表全局配置emulateJSON选项

03:33

day3 06 动画使用过渡类名实现动画

16:32

day3 07 动画自定义v 前缀

03:49

day3 08 动画使用第三方animate css类库实现动画

08:15

day3 09 动画钩子函数实现半场动画的介绍

06:15

day3 10 动画钩子函数实现小球半场动画

17:44

day3 11 动画小球动画每次重新开始的位置说明

02:02

day3 12 动画使用transition group元素实现列表动画

11:17

day3 13 动画实现列表删除和删除时候的动画效果

04:04

day3 14 动画 transition group中appear和tag属性的作用

03:46

day3 15 组件化和模块化的区别

04:27

day3 16 组件创建组件的方式1

07:24

day3 17 组件创建组件的方式2

07:44

day3 18 组件创建组件的方式3

04:02

day3 19 组件使用components定义私有组件

05:33

day3 20 组件组件中的data

06:07

day3 21 组件为什么组件的data必须是一个function

06:52

day3 22 组件切换使用v if和v else结合flag进行切换

05:21

day3 23 组件切换使用Vue提供的component元素实现组件切换

07:10

day3 24 组件切换应用切换动画和mode方式

05:17

day4 01 动画小球动画flag标识符的作用分析

16:43

day4 02 组件组件定义方式的复习

08:59

day4 03 组件传值父组件向子组件传值和data与props的区别

16:54

day4 04 组件传值子组件通过事件调用向父组件传值

18:03

day4 05 组件案例发表评论功能的实现

22:25

day4 06 组件案例实现评论的发表和自动刷新列表

09:10

day4 07 使用ref获取DOM元素和组件引用

10:22

day4 08 路由前端路由和后端路由的概念

04:01

day4 09 路由安装vue router的两种方式

04:01

day4 10 路由 vue router的基本使用

17:58

day4 11 路由 router link的使用

02:36

day4 12 路由路由redirect重定向的使用

02:45

day4 13 路由设置选中路由高亮的两种方式

07:36

day4 14 路由为路由切换启动动画

02:27

day4 15 路由传参使用query方式传递参数

10:29

day4 16 路由传参使用params方式传递路由参数

05:08

day4 17 路由使用children属性实现路由嵌套

14:12

day4 18 路由使用命名视图实现经典布局

11:52

day4 19 路由关于命名视图的名称到底是变量还是字符串的说明

02:29

day5 01 复习父子组件之间的传值

07:57

day5 02 复习基本路由的使用

05:03

day5 03 名称案例使用keyup事件实现

05:08

day5 04 名称案例使用watch监听文本框数据的变化

06:38

day5 05 watch 监视路由地址的改变

05:15

day5 06 computed 计算属性的使用和3个特点

11:13

day5 07 watch、computed、methods的对比

04:44

day5 08 nrm的使用

08:37

day5 09 webpack 概念的引入

23:00

day5 10 webpack 最基本的使用方式

21:34

day5 11 webpack 最基本的配置文件的使用

14:12

day5 12 webpack dev server的基本使用

23:00

day5 13 webpack dev server的常用命令参数

07:08

day5 14 webpack dev server配置命令的第2种方式

09:03

day5 15 html webpack plugin的两个基本作用

11:12

day5 16 loader 配置处理css样式表的第三方loader

12:56

day5 17 loader 分析webpack调用第三方loader的过程

04:28

day5 18 loader 配置处理less文件的loader

04:08

day5 19 loader 配置处理scss文件的loader

04:59

day6 01 复习 webpack基本配置1

14:46

day6 02 复习 webpack基本配置2

07:13

day6 03 webpack中url loader的使用

20:54

day6 04 webpack中使用url loader处理字体文件

09:41

day6 05 关于webpack和npm中几个问题的说明

11:22

day6 06 webpack中babel的配置

27:29

day6 07 关于Babel的几点说明

04:53

day6 08 使用vue实例的render方法渲染组件

07:19

day6 09 区分webpack中导入vue和普通网页使用script导入Vue的区别

18:08

day6 10 在vue中结合render函数渲染指定的组件到容器中

12:29

day6 11 webpack结合vue使用的总结

05:11

day6 12 export default 和 export 的使用方式

18:17

day6 13 结合webpack使用vue router

17:39

day6 14 结合webpack实现children子路由

06:42

day6 15 组件中style标签lang属性和scoped属性的介绍

06:20

day6 16 抽离路由模块

02:54

day7 01 scoped属性选择器的实现原理

04:10

day7 02 Mint UI中按钮组件的使用

13:27

day7 03 Mint UI中Toast组件的使用

18:50

day7 04 Mint UI的按需导入组件

08:58

day7 05 介绍MUI

07:29

day7 06 MUI的使用

05:01

day7 07 项目 vue项目演示

04:23

day7 08 项目整理出一个基本的项目模板

03:48

day7 09 项目制作项目首页的Header和Tabbar区域

11:48

day7 10 项目把本地项目托管到码云中

16:27

day7 11 项目使用vs code默认集成的Git工具快速提交代码

06:51

day7 12 项目完成tabbar的小图标设置

13:22

day7 13 项目完成tabbar路由链接的改造和路由高亮

07:14

day7 14 项目实现tabbar路由组件的切换功能

08:08

day7 15 项目完成首页轮播图样式布局

08:10

day7 16 项目完成首页中轮播图数据的加载

12:06

day7 17 项目完成首页中九宫格改造工程

11:25

day7 18 项目完成组件切换时候的动画效果

09:17

day7 19 项目将一天的代码上传到Git服务器

01:16

day8 01 Promise 关于Promise要解决回调地狱问题的说明

27:28

day8 02 Promise 基本概念的介绍【重要】

13:38

day8 03 Promise 形式上的和具体的Promise异步操作的区别

03:28

day8 04 Promise Promise实例只要被创建就会立即执行里面的异步方法

07:11

day8 05 Promise 通过 then指定成功和失败的回调

09:02

day8 06 Promise 分析Promise的执行步骤

01:52

day8 07 Promise 打开Promise的正确使用方式

09:17

day8 08 Promise 捕获异常的两种方式

12:49

day8 09 Promise Jquery中Ajax使用Promise指定成功回调函数

05:47

day8 10 项目改造新闻资讯的路由链接

11:29

day8 11 项目绘制新闻资讯列表页面布局

08:18

day8 12 项目获取新闻资讯列表并渲染页面

09:17

day8 13 项目完成新闻列表中时间格式化

06:07

day8 14 项目改造新闻列表跳转到新闻详情的路由

07:59

day8 15 项目获取并渲染新闻详情数据

11:01

day8 16 项目绘制评论子组件的样式

15:26

day8 17 项目加载首页评论内容

08:37

day8 18 项目完成评论数据的点击加载更多功能

07:41

day8 19 每日打卡

01:27

day9 01 项目完成发表评论的功能

20:14

day9 02 项目改造图片分析按钮为路由的链接并显示对应的组件页面

02:40

day9 03 项目图片列表顶部导航条制作1

07:57

day9 04 项目图片列表顶部导航条制作2 解决初始化问题

24:54

day9 05 项目解决tabbar无法正常切换组件的问题

06:00

day9 06 项目渲染分类列表的数据

07:30

day9 07 项目获取对应分类的图片列表数据并渲染页面

11:28

day9 08 项目美化图片列表并实现懒加载效果

12:07

day9 09 项目实现图片详情的数据加载和界面美化

17:17

day9 10 项目完成图片详情中缩略图的制作

12:38

day9 11 项目改造商品列表路由

03:24

day9 12 项目实现商品列表的经典两列布局

17:42

day10 01 项目加载商品列表中的数据并实现加载更多

10:58

day10 02 项目 vue router中编程式导航的介绍

22:00

day10 03 项目绘制商品详情页面的卡片视图

04:46

day10 04 项目获取商品详情的轮播图数据并分析如何抽离轮播组件

04:16

day10 05 项目抽离轮播图组件

08:11

day10 06 项目解决轮播图宽度问题

10:44

day10 07 项目绘制商品购买区域的样式

09:19

day10 08 项目渲染商品详情页面的数据

08:25

day10 09 项目使用编程式导航实现图文介绍和商品评论跳转

06:58

day10 10 项目实现商品详情中的图文介绍和评论页面渲染

06:23

day10 11 项目实现基本的加入购物车小球动画

09:57

day10 12 项目完美实现小球动画适配不同滚动条位置和分辨率

16:40

day10 13 项目每当numbox的值改变立即把购买数量传递给父组件

14:49

day10 14 项目使用JS的API设置numbox的最大值

11:51

day10 15 项目为什么要使用vuex

13:44

day10 16 项目 vuex的基本概念

05:59

day10 17 项目将store中的数据显示到组件中

06:17

day10 18 项目使用mutations来操作state中的数据

09:29

day10 19 项目在提交mutaions方法的时候提交参数

05:00

day10 20 项目使用getters包装数据并总结vuex的使用方式

11:37

day11 01 vue项目启用vuex并设计购物车数据存储方式

09:42

day11 02 vue项目实现点击加入购物车功能

12:34

day11 03 vue项目实现徽标数值的自动更新

03:27

day11 04 vue项目实现购物车商品的本地持久存储

05:16

day11 05 vue项目绘制购物车页面中商品列表的布局

10:21

day11 06 vue项目获取购物车中所有商品列表并加载显示

07:23

day11 07 vue项目在循环购物车列表时候初始化数量值

10:39

day11 08 vue项目实现购物车商品数量改变同步到store中

08:01

day11 09 vue项目实现购物车中商品的删除

06:00

day11 10 vue项目绘制结算区域样式

03:35

day11 11 vue项目把store中选中的状态同步到页面上

03:41

day11 12 vue项目同步商品的勾选状态到store中保存

05:55

day11 16 vue项目使用ngrok把本机的网站端口映射到外网

03:04

day11 15 vue项目将项目托管到Apache并启用Gzip压缩

06:14

day11 14 vue项目实现返回按钮的功能

05:44

day11 13 vue项目实现勾选数量和总价的自动计算

03:58

顶部