尚硅谷Vue技术全家桶、Vue项目硅谷外卖
资源名称:尚硅谷Vue技术全家桶、Vue项目硅谷外卖
教程内容:
视频基于Vue2.5录制, 涵盖Vue开发所需技术: 模板、数据绑定、声明式渲染、计算属性、事件处理、过渡动画、指令、自定义Vue插件、组件化开发、组件间通信、Ajax前后台交互、Vue-Router 等. 对数据代理、模板解析、数据劫持、数据绑定核心部分进行深入的源码分析 。
视频中也涵盖Vue状态管理库Vuex的具体使用和原理结构分析。
1.基于Vue2.5版本
2.项目是关于外卖业务的前后台分离Web App,功能模块包含商家, 商品, 购物车, 用户管理等多个模块
3.后台应用技术架构为: Node + Express + Mongodb + Mongoose
4.前台应用技术架构为: vue + vuex + vue-router + webpack + ES6
5.采用模块化、组件化、工程化的模式开发
6.具体涉及技术:
1).使用代理服务器解决跨域
2).mock数据接口库: mockjs
3).ES7最新语法: async/await
4).最流行的ajax请求库: axIOS
5).常用的滑动库: better-scroll, swiper
6).Vue移动端UI组件库: mint-ui
7).最常用的图片懒加载插件: vue-lazyload
8).一次性短信验证码和图片验证码技术
教程目录:
Vue技术全家桶
1.Vue介绍
2.Vue基本使用
4.Vue计算属性之基本使用
5.Vue监视
6.Vue计算属性之set与get
7.Vue强制绑定class和style
8.Vue条件渲染
9.Vue列表渲染
10.Vue列表的搜索和排序
11.Vue事件处理
12.Vue表单数据的自动收集
13.Vue生命周期
14.Vue动画
15.Vue过滤器
16.Vue指令
17.Vue插件
18.Vue使用vue-cli创建项目
19.Vue基于脚手架编写项目
20.Vue打包发布项目
21.Vueeslint编码规范检查
22.Vue案例_初始化显示
23.Vue案例_交互添加
24.Vue案例_交互删除
25.Vue案例_静态组件
26.Vue案例_动态初始化显示
27.Vue案例_交互添加
28.Vue案例_交互删除todo
29.Vue案例_交互footer组件功能
30.Vue案例_存储数据
31.Vue案例_自定义事件
32.Vue案例_消息订阅与发布
33.Vue案例_slot
34.Vue案例_数据存储优化
35.VueAjax请求
36.Vue案例_初始化显示
37.Vue案例_搜索
38.VueUI组件库_mint-ui
39.Vue路由介绍
40.Vue基本路由
41.Vue嵌套路由
42.Vue缓存路由组件
43.Vue向路由组件传递数据
44.Vue编程式路由导航
45.Vue源码分析_说明
46.Vue源码分析_准备1
47.Vue源码分析_准备2
48.Vue源码分析_准备3
49.Vue源码分析_数据代理_效果
50.Vue源码分析_数据代理_debug
51.Vue源码分析_数据代理_分析
52.Vue源码分析_模板解析_大括号表达式
53.Vue源码分析_模板解析_大括号表达式2
54.Vue源码分析_模板解析_事件指令
55.Vue源码分析_模板解析_一般指令
56.Vue源码分析_数据绑定与数据劫持介绍
57.Vue源码分析_数据绑定_数据劫持准备
58.Vue源码分析_数据绑定_Dep与Watcher之间的关系
59.Vue源码分析_数据绑定_Dep与Watcher之间的关系2
60.Vue源码分析_数据绑定_完成
61.Vue源码分析_MVVM结构图
62.Vue源码分析_双向数据绑定
63.Vue_vuex_counter应用(vue版本)
64.Vue_vuex_理解
65.Vue_vuex_相关介绍
66.Vue_vuex_counter应用(vuex版本1)
67.Vue_vuex_counter应用(vuex版本2)
68.Vue_vuex_结构图
69.Vue_vuex_todolist应用_创建vuex结构
70.Vue_vuex_todolist应用_header组件
71.Vue_vuex_todolist应用_list和item组件
72.Vue_vuex_todolist应用_footer组件
73.Vue_vuex_todolist应用_缓存数据
74.Vue_vuex_render配置
75.Vue_vuex_vuex相关概念总结
VUE项目实战《硅谷外卖》
1.Vue项目_项目功能演示
2.Vue项目_项目开发准备
3.Vue项目_创建项目并运行
4.Vue项目_资源准备
5.Vue项目_项目源码目录设计
6.Vue项目_stylus使用
7.Vue项目_组件化编码
8.Vue项目_引入vue-router
9.Vue项目_FooterGuide组件
10.Vue项目_各导航路由组件(静态)
11.Vue项目_HeaderTop组件
12.Vue项目_使用swiper实现商品分类列表轮播
13.Vue项目_ShopList组件(静态)
14.Vue项目_Login组件(静态)
15.Vue项目_启动后台应用并测试接口
16.Vue项目_封装ajax请求函数
17.Vue项目_封装接口请求函数
18.Vue项目_使用git对项目进行版本控制
19.Vue项目_复习
20.Vue项目_配置代理实现跨域ajax请求
21.Vue项目_创建vuex的整体结构
22.Vue项目_使用vuex管理首页数据
23.Vue项目_异步显示当前地地址
24.Vue项目_异步显示食品分类轮播列表
25.Vue项目_使用watch和$nextTick解决轮播的bug
26.Vue项目_异步显示商家列表
27.Vue项目_使用svg显示加载中提示界面
28.Vue项目_Star组件
29.Vue项目_注册登陆功能演示说明
30.Vue项目_登陆界面效果1_切换登陆方式
31.Vue项目_登陆界面效果2_手机号检查
32.Vue项目_登陆界面效果3_倒计时效果
33.Vue项目_登陆界面效果4_切换密码的显示和隐藏
34.Vue项目_登陆界面效果5_前台表达验证
35.Vue项目_复习
36.Vue项目_动态一次性图形验证码
37.Vue项目_定义接口请求函数
38.Vue项目_登陆_发送短信验证码
39.Vue项目_登陆_完成登陆请求
40.Vue项目_登陆_保存用户信息到vuex
41.Vue项目_登陆后更新个人中心界面
42.Vue项目_登陆更新跳转路由
43.Vue项目_自动登陆
44.Vue项目_退出登陆
45.Vue项目_搭建商家整体界面
46.Vue项目_json的理解
47.Vue项目_设计json数据
48.Vue项目_使用mockjs模拟接口数据
49.Vue项目_ajax请求mockjs模拟的接口
50.Vue项目_ShopHeader组件
51.Vue项目_复习
52.Vue项目_异步显示goods数据
53.Vue项目_滑动效果分析
54.Vue项目_使用better-scroll实现回弹滑动
55.Vue项目_收集scrollY
56.Vue项目_收集tops
57.Vue项目_滑动右侧列表更新当前分类
58.Vue项目_解决惯性滑动不更新当前分类的bug
59.Vue项目_点击分类项滑动右侧列表
60.Vue项目_CartControl组件1
61.Vue项目_CartControl组件2
62.Vue项目_Food组件1
63.Vue项目_Food组件2
64.Vue项目_ShopCart组件1
65.Vue项目_ShopCart组件2
66.Vue项目_显示购物项列表
67.Vue项目_解决列表显示的3个bug
68.Vue项目_复习
69.Vue项目_购物车动画
70.Vue项目_购物车列表的滑动
71.Vue项目_清空购物车
72.Vue项目_ShopRatings组件1
73.Vue项目_ShopRatings组件2
74.Vue项目_ShopInfo组件1
75.Vue项目_ShopInfo组件2
76.Vue项目_ShopInfo组件3
77.Vue项目_Search组件
78.Vue项目_缓存路由组件对象
79.Vue项目_路由组件懒加载
80.Vue项目_图片懒加载vue-lazyload
81.Vue项目_使用moment实现日期过滤器
82.Vue项目_打包文件分析与优化
相关资源