投稿

【黑马程序员】vue.js从入门到应用

12.5万

1262

2020-03-30 22:47:54

未经作者授权，禁止转载

源码仓库地址 https://gitee.com/vsdeveloper/code_2020_4_2 线上接口 http://api.cms.liulongbin.top/api/getlunbo 三连之后看笔记噢 http://doc.cms.liulongbin.top

刘龙彬发消息

历史的车轮滚滚向前，古法编程注定要被碾碎，积极探索新时代程序员的成长之路！

01.前端框架学习介绍

26:42

02.了解库和框架的区别

03:41

03.MVVM的介绍

13:33

04.通过代码理解Vue基本使用和MVVM的对应关系

12:36

05.vue中指令的特点

05:46

06.插值表达式和v-text指令的两个区别

13:15

07.v-html渲染HTML字符串

01:59

08.v-bind指令的使用和注意点

09:42

09.v-on指令为元素绑定事件

13:10

10.v-on指令的使用和简化写法

04:08

11.跑马灯案例的制作

14:54

12.v-model指令实现数据的双向绑定

06:02

13.使用v-model指令实现简易计算器

10:25

14.上午总结

05:35

15.事件修饰符-上

08:59

16.事件修饰符-下

08:54

17.在Vue中使用类样式的4种方式

15:15

18.在Vue中使用style行内样式

03:58

19.v-for循环数组-上

08:35

20.v-for中key属性的使用

14:42

21.v-show和v-if的使用

11:06

22.渲染品牌列表并实现添加功能

11:20

23.使用数组的findIndex方法查找对应项的索引值

16:43

24.实现品牌检索功能

18:33

25.使用字符串的includes新方法来判断是否包含

01:59

26.优化品牌列表检索的功能

07:24

27.全局过滤器的介绍和总结

24:04

01.反馈和作业

12:57

02.全局过滤器的使用复习

11:42

03.定义全局和私有的过滤器

06:03

04.自定义全局指令让文本框获得焦点

19:28

05.自定义全局的v-color指令

08:20

06.自定义私有指令和函数的简写形式

07:06

07.按键修饰符的使用

06:41

08.vue实例生命周期函数介绍

04:56

09.实例生命周期-创建阶段

24:05

10.实例生命周期-运行和销毁阶段

24:00

11.使用vue-resource发起get请求

08:59

12.使用async和await来修饰实现数据请求的异步方法

03:03

13.使用vue-resource发起post和jsonp请求

04:06

14.使用axios发起数据请求

06:36

15.使用node服务器模拟JSONP实现过程

23:30

16.品牌案例-获取品牌列表

11:06

17.品牌案例-实现添加品牌功能

11:21

18.配置axios请求的根路径并且抽离为单独的文件

07:29

19.品牌案例-实现删除功能

02:17

20.动画-相关概念

10:20

21.动画-使用过渡类名

07:36

22.动画-使用第三方CSS动画样式库

08:18

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

16:20

24.动画-小球动画执行过程的分析

06:47

25.动画-flag变化的过程分析

02:43

26.动画-列表动画和动动画元素的name属性

25:04

01.关于后端Node接口

02:18

02.模块化和组件化的定义

12:02

03.关于created函数和mounted函数的说明

13:16

04.定义全局组件的第一种方式

11:13

05.Vue中的组件也是一个特殊的Vue实例

03:22

06.定义组件的第二种方式

03:41

07.关于Vue.component定义组件的几个注意点

04:47

08.定义全局组件的第三种方式

08:19

09.定义私有组件

04:45

10.在组件中定义私有的data和methods方法

08:54

11.为什么组件的data必须是function并返回对象

12:28

12.使用flag标识符和v-if与v-else实现组件的切换

10:48

13.使用component标签结合is属性切换多个组件

07:47

14.为组件切换添加动画效果

06:50

15.父组件通过属性绑定为子组件传递数据

11:17

16.父组件向子组件传递对象

06:00

17.父组件把方法传递给子组件

08:25

18.子组件向父组件传递数据

06:07

19.案例-评论列表案例练习父子组件传值

18:44

20.使用ref属性操作页面上的元素或组件

13:18

21.vue中data和props的区别

12:32

22.使用hash模拟前端路由的实现过程

21:03

23.vue-router最基本的使用方式

14:07

24.路由的使用步骤总结

04:23

25.router的匹配过程介绍

01:23

26.设置被选中路由高亮的两种方式

16:00

27.使用路由规则的redirect属性实现重定向

02:20

28.为路由的切换添加动画效果

02:40

29.在路由中获取query形式传递的参数

07:43

30.在路由中获取params形式传递的参数

05:37

31.路由中使用props获取参数

05:10

01.复习-单页面应用程序介绍

17:37

02.复习vue-router中的路由

09:12

03.使用路由规则的children属性实现路由和组件的嵌套

23:21

04.关于node.js对前端技术的重要性说明

06:08

05.命名视图的使用

14:45

06.watch的基本用法

14:59

07.使用watch监视URL地址的改变

11:01

08.computed计算属性的基本使用

10:16

09.computed计算属性的get和set方法

05:38

10.cnpm工具的介绍

08:17

11.webpack的介绍

21:04

12.关于webpack可以做什么事情

06:20

13.介绍webpack的两种安装方式

06:08

14.使用全局的webpack构建列表隔行变色案例

30:04

15.使用最简单的webpack.config.js配置文件

12:04

16.使用webpack-dev-server实时打包编译

22:27

17.总结webpack和webpack-dev-server的使用步骤

08:45

18.使用html-webpack-plugin插件在内存中生成HTMl页面

16:15

19.为webpack-dev-server设置指令

14:32

20.了解配置webpack-dev-server指令的第二种方式

10:20

21.了解webpack解决文件之间依赖关系的设计方式

19:22

01.复习-为什么要使用webpack和项目的基本结构搭建

19:52

02.复习-webpack-dev-server的基本使用

19:06

03.复习-html-webpack-plugin的基本使用

06:47

04.复习-webpack-dev-server运行的指令

03:04

05.在webpack中处理css文件

17:53

06.webpack处理css文件时的注意事项

07:47

07.第三方loader和webpack之间的调用关系

08:02

08.在webpack中打包处理less文件

09:38

09.在webpack中处理scss文件

05:41

10.在webpack中打包处理样式表中的图片路径

10:38

11.关于url-loader中limit参数的介绍和使用

10:44

12.关于url-loader自动生成的文件名的说明

15:24

13.演示webpack打包ES6新特性时候的问题

04:23

14.配置babel-loader解析高级的JS语法

20:15

15.关于babel配置文件的说明

08:36

16.babel配置总结

04:29

17.关于export default和 export 的使用区别

19:16

18.class中constructor的使用

11:23

19.在class类中定义静态属性静态方法和实例属性实例方法

17:22

20.class实现面向对象-上

29:42

21.class实现面向对象-下

05:41

22.介绍fetch API发送Ajax请求

16:25

23.今天内容的总结

12:40

01.反馈

14:53

02.什么是webpack的发布策略

09:52

03.使用pub脚本实现最简单的发布策略

09:34

04.发布期间将所有图片统一放到images目录下

03:28

05.使用clean-webpack-plugin清除dist目录

03:21

06.使用webpack.optimize.CommonsChunkPlugin抽离第三方包

11:30

07.压缩优化Javascript文件

13:27

08.抽离CSS样式表到单独的文件中

13:48

09.压缩CSS文件

03:07

10.webpack发布策略结束

09:42

11.在普通的网页中使用render函数渲染组件

17:22

12.介绍为什么webpack构建的项目中不能定义普通的组件

19:31

13.在webpack中使用.vue组件文件

12:17

14.在webpack中配置vue-router

15:15

15.style标签的scoped属性实现组件私有样式

07:57

16.将路由抽离为单独的模块

03:54

17.在项目中配置全局Mint-UI

10:04

18.使用Mint-ui中的Button按钮

04:07

19.尝试使用Toast弹框并使用Bootstrap图标

07:16

20.为Toast弹框修改图标的颜色

10:22

21.介绍mui的使用并和Mint-UI做对比

07:40

22.创建项目的基本解构

07:49

23.使用码云托管项目并使用VSCode集成的git工具

16:02

24.绘制App.vue组件的Header区域

08:08

25.绘制App.vue组件的tabbar区域

11:06

26.制作tabbar的路由组件切换

11:50

27.将路由单独抽离为一个JS模块

02:01

28.实现路由的高亮和首页的重定向

03:01

29.绘制轮播图区域的样式

04:10

30.完成轮播图区域数据获取并提交今天代码

16:27

01.反馈

10:12

02.制作首页九宫格布局

17:23

03.实现路由组件的切换动画效果

16:10

04.添加新闻资讯的路由

07:49

05.绘制新闻列表的页面布局

11:14

06.使用axios获取新闻列表并渲染列表页面

09:21

07.总结新闻列表数据展示的步骤

03:31

08.定义全局的时间过滤器

13:18

09.将过滤器抽离为单独的filters.js模块

04:12

10.使用模块化的思想分割main.js中的代码到独立的模块中

06:55

11.实现新闻资讯页面到新闻详情页面的路由跳转并使用props接收路由参数

13:05

12.总结模块化的使用和路由跳转props传参

07:58

13.完成新闻详情页面的数据渲染

10:41

14.评论子组件的封装和引用

11:22

15.完成评论组件的样式美化

08:47

16.获取评论数据并渲染评论列表

13:12

17.实现点击加载更多的评论

07:22

18.总结加载更多的实现步骤

04:25

19.完成发表评论的功能并解决评论加载的问题

17:09

20.总结发表评论的实现步骤

01:40

21.实现图片分享页面的路由改造

05:02

22.实现图片分享列表的滑动条效果

33:24

23.移除滑动区域的警告问题

06:30

24.打卡

03:04

01.解决tabbar切换问题

12:12

02.获取图片分类数据并渲染列表和设置高亮效果

11:17

03.封装根据分类Id获取图片列表的方法

05:20

04.实现图片的懒加载效果

07:30

05.分析和总结图片分类和懒加载效果实现过程

05:13

06.关于全局组件的问题

06:48

07.实现图片列表样式美化

15:28

08.实现点击图片分类切换图片的列表

03:32

09.点击图片跳转到图片详情页面

05:55

10.实现图片详情页面的制作

11:29

11.总结点击图片跳转到详情页和图片详情页的开发步骤

05:55

12.使用vue-preview来渲染缩略图

21:19

13.添加商品列表的路由规则

05:01

14.实现经典的商品两列布局样式

23:44

15.渲染商品列表并解决商品高度问题

11:45

16.完成点击加载更多商品和添加节流阀

06:10

17.使用手机调试Vue项目

12:28

18.添加商品列表跳转到商品详情的路由规则

07:30

19.实现商品详情页面的卡片布局

05:21

20.封装轮播图组件并设计如何解决轮播图的分歧

14:12

21.通过isfull属性来设置轮播图组件的样式

12:59

22.完成商品详情页面的布局和美化

07:56

23.渲染商品详情页面的数据

04:54

24.封装数字选择框组件并引入到页面中

07:48

25.使用watch属性监听nobox的max值改变

17:10

26.打卡

01:03

01.通过编程式导航实现路由的跳转

24:08

02.渲染商品的描述页面

06:53

03.实现评论页面的功能

04:40

04.编程式导航的使用总结

04:32

05.设置小球的基本样式和位置

07:43

06.实现小球动画的基本效果

15:25

07.解决小球动画的分辨率和滚动条兼容性问题

20:05

08.实现nobox的值自动传递给goodsinfo父组件

16:20

09.vuex的介绍

18:50

10.使用传统的父子组件传值实现count值共享

12:13

11.在项目中使用Vuex的基本步骤

13:16

12.使用mapState映射state数据到组件中

04:34

13.关于展开运算符的使用介绍

18:00

14.使用mutations定义操作数据的方法并调用

09:34

15.关于mutations中方法使用的两种方式

10:28

16.使用getters来包装数据

07:56

17.关于vuex中actions的使用和mutations的区别

15:19

18.在vue-cms项目中配置vuex

05:00

19.数组some方法的使用

10:47

20.将商品添加到购物车

06:31

21.同步徽标中的数量

04:28

22.通过localStorage实现购物车数据的持久化存储

06:02

23.实现购物车页面的布局

13:23

24.根据cart加载商品列表

07:08

25.初始化商品的购买数量

06:17

26.通过nobox更新购物车中商品的数量

06:10

27.实现购物车中商品删除的功能

07:49

28.实现开关效果

13:00

29.完成总价和勾选数量

05:47

30.发布Vue的项目

11:46

31.拓展-打包手机App

12:28

顶部