投稿

黑马前端VUE视频（36期）

4793

16

2019-10-27 18:59:01

H:\前端\前端视频汇总\黑马前端36期\15.vue.js（独家新版11天+9天赠送）\vuejs(11天）\视频\1

Sindhir 发消息

seedance 2.0 限时即免！

2万人感兴趣

01.反馈

09:40

02.Vue课程介绍

02:01

03.什么是Vue

04:38

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

09:35

05.框架和库的区别

03:41

06.MVC和MVVM的关系图解

17:07

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

11:59

08.讲解v-cloak、v-text、v-html的基本使用

12:21

09.v-bind指令的学习

05:18

10.使用v-on指令定义Vue中的事件

05:53

11.跑马灯效果制作-上

18:33

12.跑马灯效果制作-下

05:41

13.事件修饰符的介绍

17:58

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

10:20

15.使用v-model实现计算器的案例

10:39

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

14:17

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

04:49

18.v-for指令的四种使用方式

12:07

19.v-for中key的使用注意事项

12:41

20.v-if和v-show的使用和特点

07:55

21.今天内容总结

08:39

01.反馈-

01:55

02.今天内容的说明

01:53

03.品牌案例-完成品牌列表的添加功能

19:59

04.品牌案例-根据Id完成品牌的删除

07:36

05.Vue-devtools的两种安装方式

04:34

06.品牌案例-根据关键字实现数组的过滤

14:17

07.过滤器-Vue中全局过滤器的基本使用

13:26

08.过滤器-定义格式化时间的全局过滤器

09:22

09.过滤器-定义私有过滤器

08:31

10.字符串的padStart方法使用

02:59

11.自定义按键修饰符

07:23

12.指令-自定义全局指令让文本框获取焦点

16:41

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

12:20

14.指令-定义私有指令

03:28

15.指令-指令函数的简写形式

04:14

16.生命周期函数-组件创建期间的4个钩子函数

23:36

17.生命周期函数-组件运行和销毁阶段的钩子函数

17:23

18.vue-resource发起get、post、jsonp请求

16:48

19.结合Node手写JSONP服务器剖析JSONP原理

16:04

01.品牌列表-从数据库获取列表

23:57

02.品牌列表-完成添加功能

09:32

03.品牌列表-完成删除功能

03:30

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

09:03

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

03:33

06.动画-使用过渡类名实现动画

16:32

07.动画-自定义v-前缀

03:49

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

08:15

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

06:15

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

17:45

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

02:01

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

11:17

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

04:04

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

03:46

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

04:27

16.组件-创建组件的方式1

07:25

17.组件-创建组件的方式2

07:44

18.组件-创建组件的方式3

04:02

19.组件-使用components定义私有组件

05:33

20.组件-组件中的data

06:07

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

06:52

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

05:21

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

07:10

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

05:17

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

16:43

02.组件-组件定义方式的复习

08:59

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

16:54

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

18:03

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

22:25

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

09:10

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

10:22

08.路由-前端路由和后端路由的概念

04:01

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

04:01

10.路由-vue-router的基本使用

17:58

11.路由-router-link的使用

02:36

12.路由-路由redirect重定向的使用

02:45

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

07:36

14.路由-为路由切换启动动画

02:27

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

10:29

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

05:08

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

14:12

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

11:52

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

02:29

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

07:57

02.复习-基本路由的使用

05:03

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

05:08

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

06:38

05.watch-监视路由地址的改变

05:15

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

11:14

07.watch、computed、methods的对比

04:44

08.nrm的使用

08:36

09.webpack-概念的引入

23:00

10.webpack-最基本的使用方式

21:34

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

14:12

12.webpack-dev-server的基本使用

23:01

13.webpack-dev-server的常用命令参数

07:08

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

09:04

15.html-webpack-plugin的两个基本作用

11:12

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

12:56

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

04:28

18.loader-配置处理less文件的loader

04:08

19.loader-配置处理scss文件的loader

04:59

01.复习-webpack基本配置1

14:46

02.复习-webpack基本配置2

07:13

03.webpack中url-loader的使用

20:54

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

09:42

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

11:22

06.webpack中babel的配置

27:29

07.关于Babel的几点说明

04:53

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

07:19

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

18:08

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

12:29

11.webpack结合vue使用的总结

05:11

12.export default 和 export 的使用方式

18:17

13.结合webpack使用vue-router

17:39

14.结合webpack实现children子路由

06:42

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

06:20

16.抽离路由模块

02:54

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

04:10

02.Mint-UI中按钮组件的使用

13:27

03.Mint-UI中Toast组件的使用

18:51

04.Mint-UI的按需导入组件

08:58

05.介绍MUI

07:29

06.MUI的使用

05:01

07.项目-vue项目演示

04:23

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

03:48

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

11:48

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

16:27

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

06:51

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

13:22

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

07:14

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

08:08

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

08:10

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

12:06

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

11:25

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

09:17

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

01:16

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

27:28

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

13:38

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

03:28

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

07:11

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

09:02

06.Promise-分析Promise的执行步骤

01:52

07.Promise-打开Promise的正确使用方式

09:17

08.Promise-捕获异常的两种方式

12:49

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

05:47

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

11:29

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

08:18

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

09:17

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

06:06

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

07:59

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

11:01

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

15:26

17.项目-加载首页评论内容

08:37

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

07:41

19.每日打卡

01:27

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

20:14

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

02:40

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

07:57

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

24:54

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

06:00

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

07:30

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

11:28

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

12:07

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

17:17

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

12:38

11.项目-改造商品列表路由

03:24

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

17:42

13.项目-在安卓手机中调试网站

13:29

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

10:58

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

22:00

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

04:46

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

04:16

05.项目-抽离轮播图组件

08:12

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

10:44

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

09:19

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

08:25

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

06:58

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

06:23

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

09:57

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

16:40

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

14:49

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

11:51

15.项目-为什么要使用vuex

13:44

16.项目-vuex的基本概念

05:59

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

06:17

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

09:29

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

05:00

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

11:37

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

09:42

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

12:34

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

03:28

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

05:16

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

10:21

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

07:23

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

10:39

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

08:02

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

06:00

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

03:35

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

03:41

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

05:55

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

03:58

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

05:44

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

06:14

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

03:04

顶部