请选择 进入手机版 | 继续访问电脑版
×

QQ登录

只需一步,快速开始

黑马vue.js视频教程-11天精通渐进式JavaScript框架视频课程

标签: 暂无标签

2jhmoq4suq41856.jpg

2jhmoq4suq41856.jpg

教程描述:
                            Vue.js是构建界面的渐进式JavaScript前端框架,通过本套课程11天的视频学习,你能熟悉Vue框架的原理和优势,通过Vue实例的学习轻松掌握Vue组件的使用。本教程适合对html、css、JavaScript网站前端知识有了解或比较熟悉的前端开发人员。
                        
教程目录:
                  
               
            
        
        
        
        
            
        
            教程简介
        
        
        
            

                 本vue.js框架开发视频教程目录如下:

(一)第1天vue视频课程内容:
01.反馈
02.vue课程介绍
03.什么是Vue
04.为什么要学习前端的流行框架
05.框架和库的区别
06.MVC和MVVM的关系图解
07.Vue基本代码和MVVM之间对应关系
08.讲解v-cloak、v-text、v-HTML的基本使用
09.v-bind指令的学习
10.使用v-on指令定义Vue中的事件
11.跑马灯效果制作-上
12.跑马灯效果制作-下
13.事件修饰符的介绍
14.讲解v-model实现表单元素的数据双向绑定
15.使用v-model实现计算器的案例
16.vue中通过属性绑定为元素设置class类样式
17.vue中通过属性绑定为元素绑定style行内样式
18.v-for指令的四种使用方式
19.v-for中key的使用注意事项
20.v-if和v-show的使用和特点
21.今天内容总结
(二)第2天vue视频课程内容:
01.反馈
02.今天内容的说明
03.品牌案例-完成品牌列表的添加功能
04.品牌案例-根据Id完成品牌的删除
05.Vue-devtools的两种安装方式
06.品牌案例-根据关键字实现数组的过滤
07.过滤器-Vue中全局过滤器的基本使用
08.过滤器-定义格式化时间的全局过滤器
09.过滤器-定义私有过滤器
10.字符串的padStart方法使用
11.自定义按键修饰符
12.指令-自定义全局指令让文本框获取焦点
13.指令-使用钩子函数的第二个binding参数拿到传递的值
14.指令-定义私有指令
15.指令-指令函数的简写形式
16.生命周期函数-组件创建期间的4个钩子函数
17.生命周期函数-组件运行和销毁阶段的钩子函数
18.vue-resource发起get、post、jsonp请求
19.结合Node手写JSONP服务器剖析JSONP原理
(三)第3天vue视频课程内容:
01.品牌列表-从数据库获取列表
02.品牌列表-完成添加功能
03.品牌列表-完成删除功能
04.品牌列表-全局配置数据接口的根域名
05.品牌列表-全局配置emulateJSON选项
06.动画-使用过渡类名实现动画
07.动画-自定义v-前缀
08.动画-使用第三方animate.css类库实现动画
09.动画-钩子函数实现半场动画的介绍
10.动画-钩子函数实现小球半场动画
11.动画-小球动画每次重新开始的位置说明
12.动画-使用transition-group元素实现列表动画
13.动画-实现列表删除和删除时候的动画效果
14.动画-transition-group中appear和tag属性的作用
15.组件化和模块化的区别
16.组件-创建组件的方式1
17.组件-创建组件的方式2
18.组件-创建组件的方式3
19.组件-使用components定义私有组件
20.组件-组件中的data
21.组件-为什么组件的data必须是一个function
22.组件切换-使用v-if和v-else结合flag进行切换
23.组件切换-使用Vue提供的component元素实现组件切换
24.组件切换-应用切换动画和mode方式
(四)第4天vue视频课程内容:
01.动画-小球动画flag标识符的作用分析
02.组件-组件定义方式的复习
03.组件传值-父组件向子组件传值和data与props的区别
04.组件传值-子组件通过事件调用向父组件传值
05.组件案例-发表评论功能的实现
06.组件案例-实现评论的发表和自动刷新列表
07.使用ref获取DOM元素和组件引用
08.路由-前端路由和后端路由的概念
09.路由-安装vue-router的两种方式
10.路由-vue-router的基本使用
11.路由-router-link的使用
12.路由-路由redirect重定向的使用
13.路由-设置选中路由高亮的两种方式
14.路由-为路由切换启动动画
15.路由传参-使用query方式传递参数
16.路由传参-使用params方式传递路由参数
17.路由-使用children属性实现路由嵌套
18.路由-使用命名视图实现经典布局
19.路由-关于命名视图的名称到底是变量还是字符串的说明
(五)第5天vue视频课程内容:
01.复习-父子组件之间的传值
02.复习-基本路由的使用
03.名称案例-使用keyup事件实现
04.名称案例-使用watch监听文本框数据的变化
05.watch-监视路由地址的改变
06.computed-计算属性的使用和3个特点
07.watch、computed、methods的对比
08.nrm的使用
09.Webpack-概念的引入
10.webpack-最基本的使用方式
11.webpack-最基本的配置文件的使用
12.webpack-dev-server的基本使用
13.webpack-dev-server的常用命令参数
14.webpack-dev-server配置命令的第2种方式
15.html-webpack-plugin的两个基本作用
16.loader-配置处理css样式表的第三方loader
17.loader-分析webpack调用第三方loader的过程
18.loader-配置处理less文件的loader
19.loader-配置处理scss文件的loader
(六)第6天vue视频课程内容:
01.复习-webpack基本配置1
02.复习-webpack基本配置2
03.webpack中url-loader的使
04.webpack中使用url-loader处理字体文件
05.关于webpack和npm中几个问题的说明
06.webpack中babel的配置
07.关于Babel的几点说明
08.使用vue实例的render方法渲染组件
09.区分webpack中导入vue和普通网页使用script导入Vue的区别
10.在vue中结合render函数渲染指定的组件到容器中
11.webpack结合vue使用的总结
12.export default 和 export 的使用方式
13.结合webpack使用vue-router
14.结合webpack实现children子路由
15.组件中style标签lang属性和scoped属性的介绍
16.抽离路由模块
(七)第7天vue视频课程内容:
01.scoped属性选择器的实现原理
02.Mint-UI中按钮组件的使用
03.Mint-UI中Toast组件的使用
04.Mint-UI的按需导入组件
05.介绍MUI
06.MUI的使用
07.项目-vue项目演示
08.项目-整理出一个基本的项目模板
09.项目-制作项目首页的Header和Tabbar区域
10.项目-把本地项目托管到码云中
11.项目-使用vs code默认集成的Git工具快速提交代码
12.项目-完成tabbar的小图标设置
13.项目-完成tabbar路由链接的改造和路由高亮
14.项目-实现tabbar路由组件的切换功能
15.项目-完成首页轮播图样式布局
16.项目-完成首页中轮播图数据的加载
17.项目-完成首页中九宫格改造工程
18.项目-完成组件切换时候的动画效果
19.项目-将一天的代码上传到Git服务器
(八)第8天vue视频课程内容:
01.Promise-关于Promise要解决回调地狱问题的说明
02.Promise-基本概念的介绍【重要】
03.Promise-形式上的和具体的Promise异步操作的区别
04.Promise-Promise实例只要被创建就会立即执行里面的异步方法
05.Promise-通过.then指定成功和失败的回调
06.Promise-分析Promise的执行步骤
07.Promise-打开Promise的正确使用方式
08.Promise-捕获异常的两种方式
09.Promise-Jquery中Ajax使用Promise指定成功回调函数
10.项目-改造新闻资讯的路由链接
11.项目-绘制新闻资讯列表页面布局
12.项目-获取新闻资讯列表并渲染页面
13.项目-完成新闻列表中时间格式化
14.项目-改造新闻列表跳转到新闻详情的路由
15.项目-获取并渲染新闻详情数据
16.项目-绘制评论子组件的样式
17.项目-加载首页评论内容
18.项目-完成评论数据的点击加载更多功能
19.每日打卡
(九)第9天vue视频课程内容:
01.项目-完成发表评论的功能
02.项目-改造图片分析按钮为路由的链接并显示对应的组件页面
03.项目-图片列表顶部导航条制作1
04.项目-图片列表顶部导航条制作2-解决初始化问题
05.项目-解决tabbar无法正常切换组件的问题
06.项目-渲染分类列表的数据
07.项目-获取对应分类的图片列表数据并渲染页面
08.项目-美化图片列表并实现懒加载效果
09.项目-实现图片详情的数据加载和界面美化
10.项目-完成图片详情中缩略图的制作
11.项目-改造商品列表路由
12.项目-实现商品列表的经典两列布局
13.项目-在安卓手机中调试网站
(十)第10天vue视频课程内容:
01.项目-加载商品列表中的数据并实现加载更多
02.项目-vue-router中编程式导航的介绍
03.项目-绘制商品详情页面的卡片视图
04.项目-获取商品详情的轮播图数据并分析如何抽离轮播组件
05.项目-抽离轮播图组件
06.项目-解决轮播图宽度问题
07.项目-绘制商品购买区域的样式
08.项目-渲染商品详情页面的数据
09.项目-使用编程式导航实现图文介绍和商品评论跳转
10.项目-实现商品详情中的图文介绍和评论页面渲染
11.项目-实现基本的加入购物车小球动画
12.项目-完美实现小球动画适配不同滚动条位置和分辨率
13.项目-每当numbox的值改变立即把购买数量传递给父组件
14.项目-使用JS的API设置numbox的最大值
15.项目-为什么要使用vuex
16.项目-vuex的基本概念
17.项目-将store中的数据显示到组件中
18.项目-使用mutations来操作state中的数据
19.项目-在提交mutaions方法的时候提交参数
20.项目-使用getters包装数据并总结vuex的使用方式
(十一)第11天vue视频课程内容:
01.vue项目-启用vuex并设计购物车数据存储方式
02.vue项目-实现点击加入购物车功能
03.vue项目-实现徽标数值的自动更新
04.vue项目-实现购物车商品的本地持久存储
05.vue项目-绘制购物车页面中商品列表的布局
06.vue项目-获取购物车中所有商品列表并加载显示
07.vue项目-在循环购物车列表时候初始化数量值
08.vue项目-实现购物车商品数量改变同步到store中
09.vue项目-实现购物车中商品的删除
10.vue项目-绘制结算区域样式
11.vue项目-把store中选中的状态同步到页面上
12.vue项目-同步商品的勾选状态到store中保存
13.vue项目-实现勾选数量和总价的自动计算
14.vue项目-实现返回按钮的功能
15.vue项目-将项目托管到Apache并启用Gzip压缩
16.vue项目-使用ngrok把本机的网站端口映射到外网

            
资源链接:
游客,如果您要查看本帖隐藏内容请回复

酷微米 - 社区版权 - 免责声明1、根据二○一三年一月三十日《计算机软件保护条例》2次修订第17条规定
2、为了学习和研究软件内含的设计思想和原理,通过安装、显示、传输或者存储软件等方式使用软件;
3、可以不经软件著作权人许可,不向其支付报酬!鉴于此,也希望大家按此说明研究软件!
4、本主题所有言论和图片纯属会员个人意见,与本论坛立场无关
5、本站所有主题由该帖子作者发表,该帖子作者与酷微米享有帖子相关版权
6、其他单位或个人使用、转载或引用本文时必须同时征得该帖子作者和酷微米的同意
7、帖子作者须承担一切因本文发表而直接或间接导致的民事或刑事法律责任
8、本帖部分内容转载自其它媒体,但并不代表本站赞同其观点和对其真实性负责
9、如本帖侵犯到任何版权问题,请立即告知本站,本站将及时予与删除并致以最深的歉意
10、酷微米管理员和版主有权不事先通知发贴者而删除本文
--- 特别提示:本站资源严禁传播倒卖,不遵守规定者,酷微米有权封号而不作另行通知! ---

小酷酷

写了 2683 篇文章,拥有财富 88218,被 3 人关注

酷微米 技术论坛 你我共享 为兴趣而生 广告投放联系QQ1927026349
您需要登录后才可以回帖 登录 | 中文注册
B Color Link Quote Code Smilies

成为第一个吐槽的人

酷微米 为兴趣而生 立即登录 中文注册
发布主题 快速回复 收藏帖子 返回列表 官方QQ群
Archiver|小黑屋|KUWEIMI |湘ICP备13012205号|网站地图
Powered by KUWEIMI   © 2019 KUWEIMI.COM
返回顶部