• 投稿

传智播客Web前端开发36期——第15阶段：Vue.js

1.5万
45
2018-09-10 03:34:35
39
19
402
40
转自传智播客
教育
语言
课程
学习
编程
公开课
前端
WEB
Javascript
vue.js
廿二月的天 发消息
萌新菜鸡UP，爱好折腾DIY数码产品
突破产品形态！主动追腰+被动支撑！一款“柔中带刚”的智能人体工学椅
Colin咔咔
17.2万 111
视频选集
（187/205）
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:20
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:54
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:44
11.动画-小球动画每次重新开始的位置说明
02:01
12.动画-使用transition-group元素实现列表动画
11:17
13.动画-实现列表删除和删除时候的动画效果
04:03
14.动画-transition-group中appear和tag属性的作用
03:46
15.组件化和模块化的区别
04:27
16.组件-创建组件的方式1
07:24
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:09
24.组件切换-应用切换动画和mode方式
05:17
01.动画-小球动画flag标识符的作用分析
16:42
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:07
04.名称案例-使用watch监听文本框数据的变化
06:38
05.watch-监视路由地址的改变
05:15
06.computed-计算属性的使用和3个特点
11:13
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:00
13.webpack-dev-server的常用命令参数
07:08
14.webpack-dev-server配置命令的第2种方式
09:03
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:58
01.复习-webpack基本配置1
14:46
02.复习-webpack基本配置2
07:13
03.webpack中url-loader的使用
20:54
04.webpack中使用url-loader处理字体文件
09:41
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:50
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:48
09.Promise-Jquery中Ajax使用Promise指定成功回调函数
05:46
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:56
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:23
12.项目-实现商品列表的经典两列布局
17:42
13.项目-在安卓手机中调试网站
13:29
01.项目-加载商品列表中的数据并实现加载更多
10:58
02.项目-vue-router中编程式导航的介绍
22:00
03.项目-绘制商品详情页面的卡片视图
04:46
04.项目-获取商品详情的轮播图数据并分析如何抽离轮播组件
04:16
05.项目-抽离轮播图组件
08:11
06.项目-解决轮播图宽度问题
10:44
07.项目-绘制商品购买区域的样式
09:19
08.项目-渲染商品详情页面的数据
08:25
09.项目-使用编程式导航实现图文介绍和商品评论跳转
06:58
10.项目-实现商品详情中的图文介绍和评论页面渲染
06:23
11.项目-实现基本的加入购物车小球动画
09:56
12.项目-完美实现小球动画适配不同滚动条位置和分辨率
16:40
13.项目-每当numbox的值改变立即把购买数量传递给父组件
14:49
14.项目-使用JS的API设置numbox的最大值
11:51
15.项目-为什么要使用vuex
13:44
16.项目-vuex的基本概念
05:59
17.项目-将store中的数据显示到组件中
06:16
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:27
04.vue项目-实现购物车商品的本地持久存储
05:16
05.vue项目-绘制购物车页面中商品列表的布局
10:21
06.vue项目-获取购物车中所有商品列表并加载显示
07:23
07.vue项目-在循环购物车列表时候初始化数量值
10:39
08.vue项目-实现购物车商品数量改变同步到store中
08:01
09.vue项目-实现购物车中商品的删除
06:00
10.vue项目-绘制结算区域样式
03:35
11.vue项目-把store中选中的状态同步到页面上
03:41
12.vue项目-同步商品的勾选状态到store中保存
05:54
13.vue项目-实现勾选数量和总价的自动计算
03:58
14.vue项目-实现返回按钮的功能
05:44
15.vue项目-将项目托管到Apache并启用Gzip压缩
06:14
16.vue项目-使用ngrok把本机的网站端口映射到外网
03:04

传智播客Web前端开发36期——第16阶段：React.js
廿二月的天
3845 8

传智播客Web前端开发36期——第14阶段：Node.js（下）
廿二月的天
1487 0

传智播客Web前端开发36期——第10阶段：HTML5和CSS3
廿二月的天
7869 7

传智播客Web前端开发36期——第13阶段：电商项目视频
廿二月的天
3653 1

万献初教授《说文解字》 全96讲
B站知识学院
3.5万 9

小小数学题！
司马一小课堂
3.4万 34

补【全集】 放学等我 有声
KKKPPP897676
19.6万 528

HTML+CSS+JS+Vue全套零基础入门教程_整整14集，小白入门必备前端教程_前端基础_web前端-哔哩哔哩
Python二营长
2007 0

【公开课·2026最新版】李飞飞·斯坦福CS231n计算机视觉课程（全18讲）一口把机器学习、深度学习、计算机视觉、神经网络、全给讲透了！
AI从零开始学
4648 57

2026版最新前端入门教程，零基础必看的HTML、CSS、JS、VUE以及前端实战项目--web前端开发--零基础入门到精通--web前端
别打扰我学习丨
1591 1

小孩现在学习实在太累了？张雪峰：说这话的人脑子有问题！
升学规划知识精选
18.0万 733

各科成绩
你的珑仔
38.3万 172

我删了 100 个复杂策略，留下了这个最能打的
量化研究D老师
5.2万 53

不同学历对孩子的要求
Cheems电玩屋
114.8万 108

进来看看萌新写的第一个网站
nullify_space
4941 6

【整整648集】清华大佬竟把C/C++讲的如此通俗易懂（2026最新版）连草履虫都能听懂！这么好的课程还没人看？我不更了！！
编程导师Pack
1.3万 117

（黎珊彤）八年级舞蹈热身研究课
11113467
5841 0

全388集【高中物理选修二】高中物理选修二2026最新版 高考物理 附高清完整版和配套资料和讲义！ 包含高中物理所有知识点！一个视频带你学好高二物理！！
小初高资料大全
1.0万 22

错过HTML-Anything让你后悔拍大腿！一键生成排版、配图精美的HTML
不吃辣的Chris
4029 1

六年级简便计算，北大学霸的做法绝了
郎老师小课堂
11.7万 58
展开
怪猎痛快杯
客服
顶部
赛事库 课堂 2021拜年纪