投稿

最全最新Vue、Vuejs教程，从入门到精通

657.5万

29.6万

2020-02-18 00:05:36

未经作者授权，禁止转载

学习资料添加微信 ilovecoding，我尽力了你们的三连看着办吧，老师微信 coderwhy00（之前那个满了），老师也来B站了

coderwhy官方账号发消息

《JavaScript高级编程权威指南》《Vue.js 3+TypeScript完全指南》图书作者，老师微信 coderwhy666

00-(重要)提示信息

00:35

01-(了解)Vuejs课程介绍

15:56

02-(理解)Vuejs的认识和特点介绍

24:01

03-(掌握)vuejs安装方式

11:09

04-(掌握)HelloVuejs的初体验

21:29

05-(掌握)Vue列表的展示

11:38

06-(掌握)小案例-计数器

16:20

07-(理解)Vue的mvvm

11:41

08-(理解)Vue的options选项

07:19

09-(理解)什么是Vue的生命周期

17:44

10-(理解)Vue的生命周期函数有哪些

10:00

11-(了解)定义vue的template

10:18

12-(掌握)插值操作-mustache语法

08:09

13-(掌握)插值操作-其他指令使用

21:55

14-(掌握)v-bind的基本使用

13:34

15-(掌握)v-bind动态绑定class(对象语法)

13:10

16-(了解)v-bind动态绑定class(数组语法)

07:39

17-(完成)v-bind和v-for结合的作业布置

05:30

18-(掌握)v-bind动态绑定style(对象语法)

19:41

19-(了解)v-bind动态绑定style(数组语法)

02:58

20-(掌握)计算属性的基本使用

10:13

21-(掌握)计算属性的复杂操作

08:32

22-(了解)课堂回顾

14:38

01-(理解)计算属性setter和getter

16:02

02-(掌握)计算属性和methods的对比

09:54

03-(掌握)块级作用域-let和var

37:54

04-(理解)三种方案对比-ES5没有闭包-有闭包-ES6的let

14:01

05-(掌握)const的使用和注意点

15:05

06-(掌握)ES6对象字面量增强写法

17:32

08-(掌握)v-on的基本使用和语法糖

07:56

09-(掌握)v-on的参数传递问题

17:56

10-(掌握)v-on的修饰符使用

12:34

11-(掌握)v-if和v-else-if和v-else的使用

12:02

12-(掌握)登录切换的小案例

07:03

13-(理解)登录切换的input复用问题

12:13

14-(掌握)v-show的使用以及和v-if的区别

07:55

15-(掌握)v-for遍历数组和对象

11:12

16-(理解)v-for-绑定和非绑定key的区别

16:56

17-(掌握)数组中哪些方法是响应式的

30:17

18-(掌握)作业的回顾和实现

10:42

19-(掌握)购物车案例-界面搭建

13:18

20-(掌握)购物车案例-过滤器的使用

05:33

21-(掌握)购物车案例-改变购买数量

08:44

22-(掌握)购物车案例-移除按钮-最终价格

06:25

01-(掌握)JavaScript高阶函数的使用

50:00

02-(掌握)v-model的使用和原理

16:33

03-(掌握)v-model结合radio类型使用

08:51

04-(掌握)v-model结合checkbox类型使用

09:39

05-(掌握)v-model结合select类型使用

07:20

06-(掌握)input中的值绑定

07:53

07-(掌握)v-model修饰符的使用

10:20

08-(掌握)组件化的实现和使用步骤

15:59

09-(掌握)组件化的基本使用过程

11:32

10-(掌握)全局组件和局部组件

10:56

11-(掌握)父组件和子组件的区分

12:38

12-(掌握)注册组件的语法糖写法

10:39

13-(掌握)组件模板抽离的写法

07:38

14-(理解)为什么组件data必须是函数

28:58

15-(掌握)父子组件通信-父传子props

37:36

16-(掌握)父子组件通信-props驼峰标识

10:29

17-(掌握)父子组件通信-子传父(自定义事件)

22:16

18-(了解)项目演示

11:33

19-(了解)知识回顾

16:57

01-(掌握)父子组件通信-结合双向绑定案例

32:07

02-(掌握)结合双向绑定案例-画图分析

12:47

03-(了解)结合双向绑定案例-watch实现

04:57

04-(掌握)父访问子-children-refs

17:54

05-(理解)子访问父-parent-root

10:57

06-(掌握)slot-插槽的基本使用

17:53

07-(掌握)slot-具名插槽的使用

07:14

08-(理解)编译作用域的概念

09:18

09-(掌握)作用域插槽的使用

16:20

10-(理解)前端代码复杂带来的问题

16:01

11-(理解)前端模块化雏形和CommonJS

22:21

12-(掌握)ES模块化的导入和导出

32:25

13-(理解)webpack的介绍和安装

24:42

14-(掌握)webpack的基本使用过程

18:54

15-(掌握)webpack.config.js配置和package.json配置

28:15

16-(掌握)webpack中使用css文件的配置

24:12

01-(掌握)webpack-less文件的处理

20:48

02-(掌握)webpack-图片文件的处理

38:35

03-(掌握)webpack-ES6转ES5的babel

14:12

04-(掌握)webpack-使用Vue的配置过程

22:15

05-(掌握)创建Vue时template和el关系

09:16

06-(掌握)Vue的终极使用方案

25:41

07-(掌握)webpack-横幅Plugin的使用

12:54

08-(掌握)webpack-HtmlWebpackPlugin的使用

12:34

09-(掌握)webpack-UglifyjsWebpackPlugin的使用

06:14

10-(掌握)webpack-dev-server搭建本地服务器

17:14

11-(掌握)webpack-配置文件的分离

16:51

12-(理解)vuecli-脚手架的介绍和安装

23:53

13-(掌握)vuecli-CLI2初始化项目过程

25:38

14-(理解)vuecli-CLI2的目录结构解析

40:15

15-(了解)知识回顾

10:16

01-(掌握)安装CLI错误和ESLint规范

29:35

02-(理解)runtime-compiler和runtime-only的区别

32:43

03-(掌握)VueCLI3创建项目和目录结构

42:08

04-(掌握)VueCLI3配置文件的查看和修改

28:06

05-(掌握)箭头函数的使用和this指向

21:56

06-(理解)什么是路由和其中映射关系

17:54

07-(理解)前端渲染后端渲染和前端路由后端路由

48:18

08-(掌握)url的hash和HTML5的history

23:04

09-(掌握)vue-router-安装和配置方式

11:12

10-(掌握)路由映射配置和呈现出来

12:49

11-(掌握)路由的默认值和修改为history模式

09:38

12-(掌握)router-link的其他属性补充

09:41

13-(掌握)通过代码跳转路由

06:44

01-(掌握)vue-router-动态路由的使用

26:40

02-(掌握)vue-router-打包文件的解析

20:14

03-(掌握)vue-router-路由懒加载的使用

13:55

04-(掌握)vue-router-路由的嵌套使用

15:48

05-(掌握)vue-router-参数传递(一)

23:32

06-(掌握)vue-router-参数传递(二)

04:44

07-(理解)vue-router-router和route的由来

25:38

08-(掌握)vue-router-全局导航守卫

16:46

09-(理解)vue-router-导航守卫的补充

14:50

10-(掌握)vue-router-keep-alive及其他问题

30:24

11-(掌握)vue-router-keep-alive属性介绍

07:11

12-(掌握)tabbar-基本结构的搭建

25:16

13-(掌握)tabbar-TabBar和TabBarItem组件封装

24:39

14-(掌握)tabbar-给TabBarItem传入active图片

11:15

15-(掌握)tabbar-TabBarItem和路由结合效果

15:44

16-(掌握)tabbar-TabBarItem的颜色动态控制

15:12

17-(了解)知识回顾

12:02

01-(掌握)tabbar-文件路径的引用问题

16:39

02-(掌握)Promise-Promise的介绍和基本使用

40:45

03-(掌握)Promise-Promise的三种状态和另外处理方式

10:14

04-(掌握)Promise-Promise的链式调用

19:53

05-(掌握)Promise-Promise的all方法使用

13:10

06-(掌握)vuex-Vuex概念和作用解析

21:18

07-(掌握)vuex-单界面到多界面状态管理切换

30:35

08-(掌握)vuex-devtools和mutations

13:13

09-(掌握)vuex-state单一状态树的理解

12:36

10-(掌握)vuex-getters的使用详解

21:28

11-(掌握)vuex-mutations的携带参数

10:49

12-(掌握)vuex-mutations的提交风格

06:03

13-(掌握)vuex-数据的响应式原理

22:00

14-(掌握)vuex-mutations的类型常量

08:37

15-(掌握)vuex-actions的使用详解

24:26

16-(掌握)vuex-modules的使用详解

19:59

17-(掌握)vuex-store文件夹的目录组织

10:56

01-(了解)网络请求模块的选择-axios

12:56

02-(掌握)axios框架的基本使用

22:24

03-(掌握)axios发送并发请求

14:01

04-(掌握)axios的配置信息相关

09:17

05-(掌握)axios的实例和模块封装

40:15

06-(掌握)axios的拦截器的使用

27:40

07-(掌握)项目开发-项目创建和GitHub托管

22:24

08-(掌握)项目开发-划分目录结构

13:34

09-(掌握)项目开发-css文件的引入

11:15

10-(掌握)项目开发-vue.config和editorconfig

10:56

11-(掌握)项目开发-tabbar引入和项目模块划分

15:33

12-(理解)项目开发-小图标的修改以及路径问题

05:11

13-(掌握)首页开发-首页导航栏的封装和使用

18:21

14-(掌握)首页开发-请求首页的多个数据

27:51

15-(掌握)首页开发-轮播图的展示

19:47

16-(掌握)首页开发-推荐信息的展示

11:20

17-(了解)知识回顾2

10:02

01-(掌握)首页开发-FeatureView的封装

14:04

02-(掌握)首页开发-TabControl的封装

24:05

03-(掌握)首页开发-保存商品的数据结构设计

14:52

04-(掌握)首页开发-首页数据的请求和保存

24:44

05-(掌握)首页开发-首页商品数据的展示

27:10

06-(掌握)首页开发-TabControl点击切换商品

09:35

07-(掌握)Better-Scroll的安装和使用

30:44

08-(掌握)Better-scroll的基本使用解析

33:24

09-(掌握)Better-Scroll在Vue项目中使用过程

12:52

10-(掌握)首页开发-BScroll的封装以及使用

32:32

11-(掌握)首页开发-BackTop组件的封装和使用

22:55

12-(掌握)首页开发-BackTop的显示和隐藏

24:19

13-(掌握)首页开发-完成上拉加载更多

21:40

01-(掌握)对昨天内容的回顾

36:53

02-(掌握)首页开发-滚动区域的Bug分析和解决

28:07

03-(掌握)refresh函数找不到的bug处理

19:02

04-(掌握)刷新频繁的防抖函数处理

30:43

05-(掌握)上拉加载更多的完成

19:12

06-(掌握)tabControl的offsetTop获取分析

10:20

07-(掌握)TabControl的吸顶效果完成

34:59

08-(掌握)Home离开时记录状态和位置

17:44

09-(掌握)跳转到详情页并且携带iid

11:08

10-(掌握)详情页-导航栏的封装

09:48

11-(掌握)详情页-数据请求以及轮播图展示

20:02

13-(掌握)详情页-店铺信息的解析和展示

09:31

12-(掌握)详情页-商品基本信息的展示

25:08

14-(掌握)详情页-加入滚动的效果Scroll

06:53

15-(掌握)详情页-商品详情数据展示

15:30

16-(掌握)详情页-商品参数信息的展示

06:46

17-(了解)内容的回顾3

07:43

01-(掌握)详情页-从首页跳转详情页-iid

13:10

02-(掌握)详情页-首页位置的保持

24:38

03-(掌握)详情页-详情页导航栏的实现

12:15

04-(理解)Better-Scroll的scrollto函数的Bug

12:23

05-(掌握)详情页-根据iid详情页数据的请求

15:00

06-(掌握)详情页-顶部轮播图的展示

14:00

07-(掌握)详情页-商品的基本信息展示

34:35

08-(掌握)详情页-滚动问题处理和TabBar隐藏

09:18

09-(掌握)详情页-详情页店铺信息展示

12:07

10-(掌握)详情页-详情页商品图片信息展示

12:53

11-(掌握)详情页-商品参数信息的展示

31:52

12-(掌握)详情页-商品评论信息的展示

39:12

13-(掌握)详情页-商品推荐数据的展示

07:49

14-(掌握)详情页-首页和详情页监听全局事件和mixin的使用

25:24

15-(了解)课堂内容回顾

07:15

01-(掌握)bug处理-首页TabControl不一致的问题

14:52

02-(掌握)bug处理-详情页不能滚动的bug处理

25:43

03-(掌握)详情页-点击标题滚到对应内容

40:18

04-(掌握)详情页-滚动内容显示对应标题

22:52

05-(掌握)详情页-对复杂判断条件分析和优化

18:27

06-(掌握)详情页-底部工具栏的封装

09:32

07-(掌握)详情页-BackTop的混入封装

13:09

08-(掌握)详情页-将商品添加到购物车中

21:36

09-(掌握)详情页-将商品添加到store中

18:41

10-(掌握)详情页-Vuex中代码的重构

13:12

11-(掌握)购物车-导航栏实现-Vuex知识点

21:07

12-(掌握)购物车-购物车商品列表展示

25:09

13-(掌握)购物车-购物车列表的Item展示

13:29

14-(掌握)购物车-Item选中和不选中的切换

07:22

15-(掌握)购物车-顶部工具的封装和应用

21:47

16-(了解)内容回顾

06:31

01-(掌握)购物车-全选按钮的状态显示

13:47

02-(掌握)购物车-全选按钮的点击效果

07:04

03-(掌握)Vuex-actions返回Promise-mapActions

13:25

04-(掌握)Toast封装-普通方式的封装

14:24

05-(掌握)Toast封装-插件方式的封装

24:16

06-(掌握)fastclick-解决移动端300ms延迟

14:49

07-(掌握)图片懒加载-vue-lazyload框架

15:23

08-(掌握)px2vw-css单位转化插件

41:18

09-(理解)nginx-项目在window下的部署

42:46

10-(理解)nginx-项目在远程linux下的部署

23:27

11-(理解)响应式原理-依赖技术的分析和学习

24:53

12-(理解)响应式原理-通过图解理解过程

08:06

13-(理解)响应式原理-对应的代码阅读

29:14

顶部