Vue

  • 其它
    12-13 07:05
    VUE脚手构建前后端分离项目实战 VUE进阶课程与项目实操部署教程 很多的Vue课程的重心都是放在了VUE的前端阶段,而放在后端部分的经理就略显不足。课程内容运用了多个在实战案例中常用的高级开发技术,通过技术和案例相结合的方式,又把课程的教学质量提高了一个档次,Vue中脚手架使用也作为项目构建的一部分进行了重点教学。 课程目录 01 1.Vue的引言.mp4 02 2.vue中v-text和v-html的使用.mp4 03 3.vue中事件的定义和使用.mp4 04 4.v-show v-if v-bind使用.mp4 05 5.vue的基础复习.mp4 06 6.v-for,v-model的使用.mp4 07 7.记事本综合案例.mp4 08 8.Vue中的事件修饰符.mp4 09 9.按键修饰符.mp4 10 10.axios的基本使用.mp4 11 11.vue结合axios的综合案例.mp4 12 12.vue的生命周期钩子.mp4 13 11.vue结合axios的综合案例.mp4 14 12.vue的生命周期钩子.mp4 15 13.vue结合bootstrap综合案例之页面搭建.mp4 16 14.vue结合bootstrap综合案例之查询所有(一).mp4 17 15.vue集合bootstrap综合案例之查询所有实现(二).mp4 18 16.vue结合bootsrap综合案例之用户添加的实现.mp4 19 17.vue结合bootstrap综合案例之用户删除的实现.mp4 20 18.vue结合bootsrap综合案例之用户信息修改的实现(一).mp4 21 19.vue结合bootstrap综合案例之修改功能的实现(二).mp4 22 20.vue结合boostrap综合案例之用户的搜索功能的实现.mp4 23 21.vue中组件以及组件的使用.mp4 24 22.vue中组件中prop属性的使用.mp4 25 23.vue组件中定义数据和事件的使用.mp4 26 24.vue中父组件传递子组件事件并在子组件中调用.mp4 27 25.vue中组件的快速回顾.mp4 28 26.路由的安装和使用.mp4 29 27.router-link和默认路由使用.mp4 30 28.路由传递参数的两种方式.mp4 31 29.嵌套路由的使用.mp4 32 30.项目中路由和组件应用以及存在问题.mp4 33 31.Vue脚手架的引言和优势.mp4 34 32.nodejs的环境安装.mp4 35 33.Vue中脚手架使用(一).mp4 36 34.Vue中脚手架使用(二).mp4 37 35.Vue脚手构建前后端分离项目入门之前端用户列表(一).mp4 38 36.Vue脚手构建前后端分离项目入门之前端用户添加(二).mp4 39 37.Vue脚手构建前后端分离项目入门之前端用户删除修改(三).mp4 40 38.Vue脚手构建前后端分离项目入门之后台开发(四).mp4 41 39.Vue脚手构建前后端分离项目入门之后台开发(五).mp4 42 40.Vue脚手构建项目打包部署之完结(六).mp4
    • 437
  • 其它
    11-16 01:08
    VUE项目实战超级课堂 小码哥手把手带你学VUE开发 VUE提升到项目实战课堂 VUE视频教程 小码哥手把手带你学VUE开发课程,针对VUE在实际工作中用到的技术和项目进行了经验性的总结教学。课程融合了实战中使用的多种VUE开发技术,主要以项目全程的开发为主,更适合有一定基础和经验的同学们进行深度研习。完成课程的学习可以极大的提高同学们对VUE开发的认识,提高系统化开发的能力。 教程目录: (1)\Day 01 (2)\Day 02 (3)\Day 03 (4)\Day 04 (5)\Day 05 (6)\Day 06 (7)\Day 07 (8)\Day 08 (9)\Day 09 (10)\Day 10 (11)\Day 11 (12)\Day12 (13)\Day13 (14)\Day14 (15)\Day 01\Day 01 ├─PPT.zip ├─Vue源码.zip ├─Xmind.zip ├─文本笔记.zip ├─课堂代码.zip ├─预习代码.zip (16)\Day 02\Day 02 ├─.zip ├─._.zip ├─PPT.zip ├─Xmind.zip ├─上课画图.zip ├─课堂代码.zip ├─预习代码.zip (17)\Day 03\Day 03 ├─PPT.zip ├─课堂代码.zip ├─课堂笔记.zip ├─预习代码.zip (18)\Day 04\Day 04 ├─PPT.zip ├─上课画图.zip ├─上课笔记.zip ├─课堂代码4.zip ├─预习代码.zip (19)\Day 05\Day 05 ├─课堂代码5.zip (20)\Day 06\Day 06 ├─上课代码.zip ├─预习代码.zip (21)\Day 07\Day 07 ├─上课代码.zip (22)\Day 08\Day 08 ├─上课代码.zip ├─预习代码.zip (23)\Day 09\Day 09 ├─课堂代码.zip ├─预习代码.zip (24)\Day 10\Day 10 ├─课堂代码.rar (25)\Day 11\Day 11 ├─课堂代码.zip (26)\Day12\高清视频;目录中文件数:15个 ├─01-(掌握)详情页-从首页跳转详情页-iid.mp4 ├─02-(掌握)详情页-首页位置的保持.mp4 ├─03-(掌握)详情页-详情页导航栏的实现.mp4 ├─04-(理解)Better-Scroll的scrollto函数的Bug.mp4 ├─05-(掌握)详情页-根据iid详情页数据的请求.mp4 ├─06-(掌握)详情页-顶部轮播图的展示.mp4 ├─07-(掌握)详情页-商品的基本信息展示.mp4 ├─08-(掌握)详情页-滚动问题处理和TabBar隐藏.mp4 ├─09-(掌握)详情页-详情页店铺信息展示.mp4 ├─10-(掌握)详情页-详情页商品图片信息展示.mp4 ├─11-(掌握)详情页-商品参数信息的展示.mp4 ├─12-(掌握)详情页-商品评论信息的展示.mp4 ├─13-(掌握)详情页-商品推荐数据的展示.mp4 ├─14-(掌握)详情页-首页和详情页监听全局事件和mixin的使用.mp4 ├─15-(了解)课堂内容回顾.mp4 (27)\Day13\Day11;目录中文件数:16个 ├─01-(掌握)bug处理-首页TabControl不一致的问题.mp4 ├─02-(掌握)bug处理-详情页不能滚动的bug处理.mp4 ├─03-(掌握)详情页-点击标题滚到对应内容.mp4 ├─04-(掌握)详情页-滚动内容显示对应标题.mp4 ├─05-(掌握)详情页-对复杂判断条件分析和优化.mp4 ├─06-(掌握)详情页-底部工具栏的封装.mp4 ├─07-(掌握)详情页-BackTop的混入封装.mp4 ├─08-(掌握)详情页-将商品添加到购物车中.mp4 ├─09-(掌握)详情页-将商品添加到store中.mp4 ├─10-(掌握)详情页-Vuex中代码的重构.mp4 ├─11-(掌握)购物车-导航栏实现-Vuex知识点.mp4 ├─12-(掌握)购物车-购物车商品列表展示.mp4 ├─13-(掌握)购物车-购物车列表的Item展示.mp4 ├─14-(掌握)购物车-Item选中和不选中的切换.mp4 ├─15-(掌握)购物车-顶部工具的封装和应用.mp4 ├─16-(了解)内容回顾.mp4 (28)\Day14\Day12;目录中文件数:14个 ├─01-(掌握)购物车-全选按钮的状态显示.mp4 ├─02-(掌握)购物车-全选按钮的点击效果.mp4 ├─03-(掌握)Vuex-actions返回Promise-mapActions.mp4 ├─04-(掌握)Toast封装-普通方式的封装.mp4 ├─05-(掌握)Toast封装-插件方式的封装.mp4 ├─06-(掌握)fastclick-解决移动端300ms延迟.mp4 ├─07-(掌握)图片懒加载-vue-lazyload框架.mp4 ├─08-(掌握)px2vw-css单位转化插件.mp4 ├─09-(理解)nginx-项目在window下的部署.mp4 ├─10-(理解)nginx-项目在远程linux下的部署.mp4 ├─11-(理解)响应式原理-依赖技术的分析和学习.mp4 ├─12-(理解)响应式原理-通过图解理解过程.mp4 ├─13-(理解)响应式原理-对应的代码阅读.mp4 ├─14-(了解)Vue课程回顾.mp4 (29)\Day 01\Day 01\上课画图 ├─01-计数器的MVVM.png (30)\Day 01\Day 01\导出视频;目录中文件数:22个 ├─01-(了解)Vuejs课程介绍.mp4 ├─02-(理解)Vuejs的认识和特点介绍.mp4 ├─03-(掌握)vuejs安装方式.mp4 ├─04-(掌握)HelloVuejs的初体验.mp4 ├─05-(掌握)Vue列表的展示.mp4 ├─06-(掌握)小案例-计数器.mp4 ├─07-(理解)Vue的mvvm.mp4 ├─08-(理解)Vue的options选项.mp4 ├─09-(理解)什么是Vue的生命周期.mp4 ├─10-(理解)Vue的生命周期函数有哪些.mp4 ├─11-(了解)定义vue的template.mp4 ├─12-(掌握)插值操作-mustache语法.mp4 ├─13-(掌握)插值操作-其他指令使用.mp4 ├─14-(掌握)v-bind的基本使用.mp4 ├─15-(掌握)v-bind动态绑定class(对象语法).mp4 ├─16-(了解)v-bind动态绑定class(数组语法).mp4 ├─17-(完成)v-bind和v-for结合的作业布置.mp4 ├─18-(掌握)v-bind动态绑定style(对象语法).mp4 ├─19-(了解)v-bind动态绑定style(数组语法).mp4 ├─20-(掌握)计算属性的基本使用.mp4 ├─21-(掌握)计算属性的复杂操作.mp4 ├─22-(了解)课堂回顾.mp4 (31)\Day 02\Day 02\高清视频;目录中文件数:21个 ├─01-(理解)计算属性setter和getter.mp4 ├─02-(掌握)计算属性和methods的对比.mp4 ├─03-(掌握)块级作用域-let和var.mp4 ├─04-(理解)三种方案对比-ES5没有闭包-有闭包-ES6的let.mp4 ├─05-(掌握)const的使用和注意点.mp4 ├─06-(掌握)ES6对象字面量增强写法.mp4 ├─08-(掌握)v-on的基本使用和语法糖.mp4 ├─09-(掌握)v-on的参数传递问题.mp4 ├─10-(掌握)v-on的修饰符使用.mp4 ├─11-(掌握)v-if和v-else-if和v-else的使用.mp4 ├─12-(掌握)登录切换的小案例.mp4 ├─13-(理解)登录切换的input复用问题.mp4 ├─14-(掌握)v-show的使用以及和v-if的区别.mp4 ├─15-(掌握)v-for遍历数组和对象.mp4 ├─16-(理解)v-for-绑定和非绑定key的区别.mp4 ├─17-(掌握)数组中哪些方法是响应式的.mp4 ├─18-(掌握)作业的回顾和实现.mp4 ├─19-(掌握)购物车案例-界面搭建.mp4 ├─20-(掌握)购物车案例-过滤器的使用.mp4 ├─21-(掌握)购物车案例-改变购买数量.mp4 ├─22-(掌握)购物车案例-移除按钮-最终价格.mp4 (32)\Day 03\Day 03\day03高清视频;目录中文件数:19个 ├─01-(掌握)JavaScript高阶函数的使用.mp4 ├─02-(掌握)v-model的使用和原理.mp4 ├─03-(掌握)v-model结合radio类型使用.mp4 ├─04-(掌握)v-model结合checkbox类型使用.mp4 ├─05-(掌握)v-model结合select类型使用.mp4 ├─06-(掌握)input中的值绑定.mp4 ├─07-(掌握)v-model修饰符的使用.mp4 ├─08-(掌握)组件化的实现和使用步骤.mp4 ├─09-(掌握)组件化的基本使用过程.mp4 ├─10-(掌握)全局组件和局部组件.mp4 ├─11-(掌握)父组件和子组件的区分.mp4 ├─12-(掌握)注册组件的语法糖写法.mp4 ├─13-(掌握)组件模板抽离的写法.mp4 ├─14-(理解)为什么组件data必须是函数.mp4 ├─15-(掌握)父子组件通信-父传子props.mp4 ├─16-(掌握)父子组件通信-props驼峰标识.mp4 ├─17-(掌握)父子组件通信-子传父(自定义事件).mp4 ├─18-(了解)项目演示.mp4 ├─19-(了解)知识回顾.mp4 (33)\Day 04\Day 04\day04高清视频;目录中文件数:16个 ├─01-(掌握)父子组件通信-结合双向绑定案例.mp4 ├─02-(掌握)结合双向绑定案例-画图分析.mp4 ├─03-(了解)结合双向绑定案例-watch实现.mp4 ├─04-(掌握)父访问子-children-refs.mp4 ├─05-(理解)子访问父-parent-root.mp4 ├─06-(掌握)slot-插槽的基本使用.mp4 ├─07-(掌握)slot-具名插槽的使用.mp4 ├─08-(理解)编译作用域的概念.mp4 ├─09-(掌握)作用域插槽的使用.mp4 ├─10-(理解)前端代码复杂带来的问题.mp4 ├─11-(理解)前端模块化雏形和CommonJS.mp4 ├─12-(掌握)ES模块化的导入和导出.mp4 ├─13-(理解)webpack的介绍和安装.mp4 ├─14-(掌握)webpack的基本使用过程.mp4 ├─15-(掌握)webpack.config.js配置和package.json配置.mp4 ├─16-(掌握)webpack中使用css文件的配置.mp4 (34)\Day 05\Day 05\day05高清视频;目录中文件数:15个 ├─01-(掌握)webpack-less文件的处理.mp4 ├─02-(掌握)webpack-图片文件的处理.mp4 ├─03-(掌握)webpack-ES6转ES5的babel.mp4 ├─04-(掌握)webpack-使用Vue的配置过程.mp4 ├─05-(掌握)创建Vue时template和el关系.mp4 ├─06-(掌握)Vue的终极使用方案.mp4 ├─07-(掌握)webpack-横幅Plugin的使用.mp4 ├─08-(掌握)webpack-HtmlWebpackPlugin的使用.mp4 ├─09-(掌握)webpack-UglifyjsWebpackPlugin的使用.mp4 ├─10-(掌握)webpack-dev-server搭建本地服务器.mp4 ├─11-(掌握)webpack-配置文件的分离.mp4 ├─12-(理解)vuecli-脚手架的介绍和安装.mp4 ├─13-(掌握)vuecli-CLI2初始化项目过程.mp4 ├─14-(理解)vuecli-CLI2的目录结构解析.mp4 ├─15-(了解)知识回顾.mp4 (35)\Day 05\Day 05\PPT ├─._05-前端模块化.pptx ├─._06-webpack详解.pptx ├─._07-Vue CLI详解.pptx ├─06-webpack详解.pptx ├─07-Vue CLI详解.pptx (36)\Day 05\Day 05\课堂随笔 ├─笔记大纲.md (37)\Day 06\Day 06\day06高清视频;目录中文件数:13个 ├─01-(掌握)安装CLI错误和ESLint规范.mp4 ├─02-(理解)runtime-compiler和runtime-only的区别.mp4 ├─03-(掌握)VueCLI3创建项目和目录结构.mp4 ├─04-(掌握)VueCLI3配置文件的查看和修改.mp4 ├─05-(掌握)箭头函数的使用和this指向.mp4 ├─06-(理解)什么是路由和其中映射关系.mp4 ├─07-(理解)前端渲染后端渲染和前端路由后端路由.mp4 ├─08-(掌握)url的hash和HTML5的history.mp4 ├─09-(掌握)vue-router-安装和配置方式.mp4 ├─10-(掌握)路由映射配置和呈现出来.mp4 ├─11-(掌握)路由的默认值和修改为history模式.mp4 ├─12-(掌握)router-link的其他属性补充.mp4 ├─13-(掌握)通过代码跳转路由.mp4 (38)\Day 06\Day 06\PPT ├─._06-Vue CLI详解.pptx ├─._07-vue-router详解.pptx ├─._08-Vuex详解.pptx ├─06-Vue CLI详解.pptx ├─07-vue-router详解.pptx ├─08-Vuex详解.pptx (39)\Day 06\Day 06\上课画图 ├─01-后端路由阶段.png ├─02-前端后端分离阶段.png ├─03-SPA页面页面的阶段.png ├─04-前端路由中url和组件的关系.jpg (40)\Day 06\Day 06\课堂随笔 ├─随笔.md (41)\Day 07\Day 07\PPT ├─07-vue-router详解.pptx ├─08-Promise的使用.pptx ├─09-Vuex详解.pptx (42)\Day 07\Day 07\知识回顾 ├─随笔.md (43)\Day 07\Day 07\高清视频;目录中文件数:17个 ├─01-(掌握)vue-router-动态路由的使用.mp4 ├─02-(掌握)vue-router-打包文件的解析.mp4 ├─03-(掌握)vue-router-路由懒加载的使用.mp4 ├─04-(掌握)vue-router-路由的嵌套使用.mp4 ├─05-(掌握)vue-router-参数传递(一).mp4 ├─06-(掌握)vue-router-参数传递(二).mp4 ├─07-(理解)vue-router-router和route的由来.mp4 ├─08-(掌握)vue-router-全局导航守卫.mp4 ├─09-(理解)vue-router-导航守卫的补充.mp4 ├─10-(掌握)vue-router-keep-alive及其他问题.mp4 ├─11-(掌握)vue-router-keep-alive属性介绍.mp4 ├─12-(掌握)tabbar-基本结构的搭建.mp4 ├─13-(掌握)tabbar-TabBar和TabBarItem组件封装.mp4 ├─14-(掌握)tabbar-给TabBarItem传入active图片.mp4 ├─15-(掌握)tabbar-TabBarItem和路由结合效果.mp4 ├─16-(掌握)tabbar-TabBarItem的颜色动态控制.mp4 ├─17-(了解)知识回顾.mp4 (44)\Day 08\Day 08\PPT ├─08-Promise的使用.pptx ├─09-Vuex详解.pptx (45)\Day 08\Day 08\上课随笔 ├─上课随笔.md (46)\Day 08\Day 08\课堂画图 ├─属性被添加到响应式系统中.jpg (47)\Day 08\Day 08\高清视频;目录中文件数:17个 ├─01-(掌握)tabbar-文件路径的引用问题.mp4 ├─02-(掌握)Promise-Promise的介绍和基本使用.mp4 ├─03-(掌握)Promise-Promise的三种状态和另外处理方式.mp4 ├─04-(掌握)Promise-Promise的链式调用.mp4 ├─05-(掌握)Promise-Promise的all方法使用.mp4 ├─06-(掌握)vuex-Vuex概念和作用解析.mp4 ├─07-(掌握)vuex-单界面到多界面状态管理切换.mp4 ├─08-(掌握)vuex-devtools和mutations.mp4 ├─09-(掌握)vuex-state单一状态树的理解.mp4 ├─10-(掌握)vuex-getters的使用详解.mp4 ├─11-(掌握)vuex-mutations的携带参数.mp4 ├─12-(掌握)vuex-mutations的提交风格.mp4 ├─13-(掌握)vuex-数据的响应式原理.mp4 ├─14-(掌握)vuex-mutations的类型常量.mp4 ├─15-(掌握)vuex-actions的使用详解.mp4 ├─16-(掌握)vuex-modules的使用详解.mp4 ├─17-(掌握)vuex-store文件夹的目录组织.mp4 (48)\Day 09\Day 09\PPT ├─10-网络模块封装.pptx ├─项目思路.md (49)\Day 09\Day 09\课堂随笔 ├─上课随笔.md (50)\Day 09\Day 09\高清视频;目录中文件数:17个 ├─01-(了解)网络请求模块的选择-axios.mp4 ├─02-(掌握)axios框架的基本使用.mp4 ├─03-(掌握)axios发送并发请求.mp4 ├─04-(掌握)axios的配置信息相关.mp4 ├─05-(掌握)axios的实例和模块封装.mp4 ├─06-(掌握)axios的***的使用.mp4 ├─07-(掌握)项目开发-项目创建和GitHub托管.mp4 ├─08-(掌握)项目开发-划分目录结构.mp4 ├─09-(掌握)项目开发-css文件的引入.mp4 ├─10-(掌握)项目开发-vue.config和editorconfig.mp4 ├─11-(掌握)项目开发-tabbar引入和项目模块划分.mp4 ├─12-(理解)项目开发-小图标的修改以及路径问题.mp4 ├─13-(掌握)首页开发-首页导航栏的封装和使用.mp4 ├─14-(掌握)首页开发-请求首页的多个数据.mp4 ├─15-(掌握)首页开发-轮播图的展示.mp4 ├─16-(掌握)首页开发-推荐信息的展示.mp4 ├─17-(了解)知识回顾.mp4 (51)\Day 10\Day 10\上课随笔 ├─上课随笔.md (52)\Day 10\Day 10\高清视频;目录中文件数:13个 ├─01-(掌握)首页开发-FeatureView的封装.mp4 ├─02-(掌握)首页开发-TabControl的封装.mp4 ├─03-(掌握)首页开发-保存商品的数据结构设计.mp4 ├─04-(掌握)首页开发-首页数据的请求和保存.mp4 ├─05-(掌握)首页开发-首页商品数据的展示.mp4 ├─06-(掌握)首页开发-TabControl点击切换商品.mp4 ├─07-(掌握)Better-Scroll的安装和使用.mp4 ├─08-(掌握)Better-scroll的基本使用解析.mp4 ├─09-(掌握)Better-Scroll在Vue项目中使用过程.mp4 ├─10-(掌握)首页开发-BScroll的封装以及使用.mp4 ├─11-(掌握)首页开发-BackTop组件的封装和使用.mp4 ├─12-(掌握)首页开发-BackTop的显示和隐藏.mp4 ├─13-(掌握)首页开发-完成上拉加载更多.mp4 (53)\Day 11\Day 11\上课画图 ├─Home.vue和Scroll.vue之间的通信.jpg (54)\Day 11\Day 11\上课笔记 ├─知识点总结.md (55)\Day 11\Day 11\高清视频;目录中文件数:17个 ├─01-(掌握)对昨天内容的回顾.mp4 ├─02-(掌握)首页开发-滚动区域的Bug分析和解决.mp4 ├─03-(掌握)refresh函数找不到的bug处理.mp4 ├─04-(掌握)刷新频繁的防抖函数处理.mp4 ├─05-(掌握)上拉加载更多的完成.mp4 ├─06-(掌握)tabControl的offsetTop获取分析.mp4 ├─07-(掌握)TabControl的吸顶效果完成.mp4 ├─08-(掌握)Home离开时记录状态和位置.mp4 ├─09-(掌握)跳转到详情页并且携带iid.mp4 ├─10-(掌握)详情页-导航栏的封装.mp4 ├─11-(掌握)详情页-数据请求以及轮播图展示.mp4 ├─12-(掌握)详情页-商品基本信息的展示.mp4 ├─13-(掌握)详情页-店铺信息的解析和展示.mp4 ├─14-(掌握)详情页-加入滚动的效果Scroll.mp4 ├─15-(掌握)详情页-商品详情数据展示.mp4 ├─16-(掌握)详情页-商品参数信息的展示.mp4 ├─17-(了解)内容的回顾.mp4
    • 300
  • 其它
    06-19 02:23
    VUE项目实战超级课堂 小码哥手把手带你学VUE开发 VUE提升到项目实战课堂 VUE视频教程 小码哥手把手带你学VUE开发课程,针对VUE在实际工作中用到的技术和项目进行了经验性的总结教学。课程融合了实战中使用的多种VUE开发技术,主要以项目全程的开发为主,更适合有一定基础和经验的同学们进行深度研习。完成课程的学习可以极大的提高同学们对VUE开发的认识,提高系统化开发的能力。 教程目录: (1)\Day 01 (2)\Day 02 (3)\Day 03 (4)\Day 04 (5)\Day 05 (6)\Day 06 (7)\Day 07 (8)\Day 08 (9)\Day 09 (10)\Day 10 (11)\Day 11 (12)\Day12 (13)\Day13 (14)\Day14 (15)\Day 01\Day 01 ├─PPT.zip ├─Vue源码.zip ├─Xmind.zip ├─文本笔记.zip ├─课堂代码.zip ├─预习代码.zip (16)\Day 02\Day 02 ├─.zip ├─._.zip ├─PPT.zip ├─Xmind.zip ├─上课画图.zip ├─课堂代码.zip ├─预习代码.zip (17)\Day 03\Day 03 ├─PPT.zip ├─课堂代码.zip ├─课堂笔记.zip ├─预习代码.zip (18)\Day 04\Day 04 ├─PPT.zip ├─上课画图.zip ├─上课笔记.zip ├─课堂代码4.zip ├─预习代码.zip (19)\Day 05\Day 05 ├─课堂代码5.zip (20)\Day 06\Day 06 ├─上课代码.zip ├─预习代码.zip (21)\Day 07\Day 07 ├─上课代码.zip (22)\Day 08\Day 08 ├─上课代码.zip ├─预习代码.zip (23)\Day 09\Day 09 ├─课堂代码.zip ├─预习代码.zip (24)\Day 10\Day 10 ├─课堂代码.rar (25)\Day 11\Day 11 ├─课堂代码.zip (26)\Day12\高清视频;目录中文件数:15个 ├─01-(掌握)详情页-从首页跳转详情页-iid.mp4 ├─02-(掌握)详情页-首页位置的保持.mp4 ├─03-(掌握)详情页-详情页导航栏的实现.mp4 ├─04-(理解)Better-Scroll的scrollto函数的Bug.mp4 ├─05-(掌握)详情页-根据iid详情页数据的请求.mp4 ├─06-(掌握)详情页-顶部轮播图的展示.mp4 ├─07-(掌握)详情页-商品的基本信息展示.mp4 ├─08-(掌握)详情页-滚动问题处理和TabBar隐藏.mp4 ├─09-(掌握)详情页-详情页店铺信息展示.mp4 ├─10-(掌握)详情页-详情页商品图片信息展示.mp4 ├─11-(掌握)详情页-商品参数信息的展示.mp4 ├─12-(掌握)详情页-商品评论信息的展示.mp4 ├─13-(掌握)详情页-商品推荐数据的展示.mp4 ├─14-(掌握)详情页-首页和详情页监听全局事件和mixin的使用.mp4 ├─15-(了解)课堂内容回顾.mp4 (27)\Day13\Day11;目录中文件数:16个 ├─01-(掌握)bug处理-首页TabControl不一致的问题.mp4 ├─02-(掌握)bug处理-详情页不能滚动的bug处理.mp4 ├─03-(掌握)详情页-点击标题滚到对应内容.mp4 ├─04-(掌握)详情页-滚动内容显示对应标题.mp4 ├─05-(掌握)详情页-对复杂判断条件分析和优化.mp4 ├─06-(掌握)详情页-底部工具栏的封装.mp4 ├─07-(掌握)详情页-BackTop的混入封装.mp4 ├─08-(掌握)详情页-将商品添加到购物车中.mp4 ├─09-(掌握)详情页-将商品添加到store中.mp4 ├─10-(掌握)详情页-Vuex中代码的重构.mp4 ├─11-(掌握)购物车-导航栏实现-Vuex知识点.mp4 ├─12-(掌握)购物车-购物车商品列表展示.mp4 ├─13-(掌握)购物车-购物车列表的Item展示.mp4 ├─14-(掌握)购物车-Item选中和不选中的切换.mp4 ├─15-(掌握)购物车-顶部工具的封装和应用.mp4 ├─16-(了解)内容回顾.mp4 (28)\Day14\Day12;目录中文件数:14个 ├─01-(掌握)购物车-全选按钮的状态显示.mp4 ├─02-(掌握)购物车-全选按钮的点击效果.mp4 ├─03-(掌握)Vuex-actions返回Promise-mapActions.mp4 ├─04-(掌握)Toast封装-普通方式的封装.mp4 ├─05-(掌握)Toast封装-插件方式的封装.mp4 ├─06-(掌握)fastclick-解决移动端300ms延迟.mp4 ├─07-(掌握)图片懒加载-vue-lazyload框架.mp4 ├─08-(掌握)px2vw-css单位转化插件.mp4 ├─09-(理解)nginx-项目在window下的部署.mp4 ├─10-(理解)nginx-项目在远程linux下的部署.mp4 ├─11-(理解)响应式原理-依赖技术的分析和学习.mp4 ├─12-(理解)响应式原理-通过图解理解过程.mp4 ├─13-(理解)响应式原理-对应的代码阅读.mp4 ├─14-(了解)Vue课程回顾.mp4 (29)\Day 01\Day 01\上课画图 ├─01-计数器的MVVM.png (30)\Day 01\Day 01\导出视频;目录中文件数:22个 ├─01-(了解)Vuejs课程介绍.mp4 ├─02-(理解)Vuejs的认识和特点介绍.mp4 ├─03-(掌握)vuejs安装方式.mp4 ├─04-(掌握)HelloVuejs的初体验.mp4 ├─05-(掌握)Vue列表的展示.mp4 ├─06-(掌握)小案例-计数器.mp4 ├─07-(理解)Vue的mvvm.mp4 ├─08-(理解)Vue的options选项.mp4 ├─09-(理解)什么是Vue的生命周期.mp4 ├─10-(理解)Vue的生命周期函数有哪些.mp4 ├─11-(了解)定义vue的template.mp4 ├─12-(掌握)插值操作-mustache语法.mp4 ├─13-(掌握)插值操作-其他指令使用.mp4 ├─14-(掌握)v-bind的基本使用.mp4 ├─15-(掌握)v-bind动态绑定class(对象语法).mp4 ├─16-(了解)v-bind动态绑定class(数组语法).mp4 ├─17-(完成)v-bind和v-for结合的作业布置.mp4 ├─18-(掌握)v-bind动态绑定style(对象语法).mp4 ├─19-(了解)v-bind动态绑定style(数组语法).mp4 ├─20-(掌握)计算属性的基本使用.mp4 ├─21-(掌握)计算属性的复杂操作.mp4 ├─22-(了解)课堂回顾.mp4 (31)\Day 02\Day 02\高清视频;目录中文件数:21个 ├─01-(理解)计算属性setter和getter.mp4 ├─02-(掌握)计算属性和methods的对比.mp4 ├─03-(掌握)块级作用域-let和var.mp4 ├─04-(理解)三种方案对比-ES5没有闭包-有闭包-ES6的let.mp4 ├─05-(掌握)const的使用和注意点.mp4 ├─06-(掌握)ES6对象字面量增强写法.mp4 ├─08-(掌握)v-on的基本使用和语法糖.mp4 ├─09-(掌握)v-on的参数传递问题.mp4 ├─10-(掌握)v-on的修饰符使用.mp4 ├─11-(掌握)v-if和v-else-if和v-else的使用.mp4 ├─12-(掌握)登录切换的小案例.mp4 ├─13-(理解)登录切换的input复用问题.mp4 ├─14-(掌握)v-show的使用以及和v-if的区别.mp4 ├─15-(掌握)v-for遍历数组和对象.mp4 ├─16-(理解)v-for-绑定和非绑定key的区别.mp4 ├─17-(掌握)数组中哪些方法是响应式的.mp4 ├─18-(掌握)作业的回顾和实现.mp4 ├─19-(掌握)购物车案例-界面搭建.mp4 ├─20-(掌握)购物车案例-过滤器的使用.mp4 ├─21-(掌握)购物车案例-改变购买数量.mp4 ├─22-(掌握)购物车案例-移除按钮-最终价格.mp4 (32)\Day 03\Day 03\day03高清视频;目录中文件数:19个 ├─01-(掌握)JavaScript高阶函数的使用.mp4 ├─02-(掌握)v-model的使用和原理.mp4 ├─03-(掌握)v-model结合radio类型使用.mp4 ├─04-(掌握)v-model结合checkbox类型使用.mp4 ├─05-(掌握)v-model结合select类型使用.mp4 ├─06-(掌握)input中的值绑定.mp4 ├─07-(掌握)v-model修饰符的使用.mp4 ├─08-(掌握)组件化的实现和使用步骤.mp4 ├─09-(掌握)组件化的基本使用过程.mp4 ├─10-(掌握)全局组件和局部组件.mp4 ├─11-(掌握)父组件和子组件的区分.mp4 ├─12-(掌握)注册组件的语法糖写法.mp4 ├─13-(掌握)组件模板抽离的写法.mp4 ├─14-(理解)为什么组件data必须是函数.mp4 ├─15-(掌握)父子组件通信-父传子props.mp4 ├─16-(掌握)父子组件通信-props驼峰标识.mp4 ├─17-(掌握)父子组件通信-子传父(自定义事件).mp4 ├─18-(了解)项目演示.mp4 ├─19-(了解)知识回顾.mp4 (33)\Day 04\Day 04\day04高清视频;目录中文件数:16个 ├─01-(掌握)父子组件通信-结合双向绑定案例.mp4 ├─02-(掌握)结合双向绑定案例-画图分析.mp4 ├─03-(了解)结合双向绑定案例-watch实现.mp4 ├─04-(掌握)父访问子-children-refs.mp4 ├─05-(理解)子访问父-parent-root.mp4 ├─06-(掌握)slot-插槽的基本使用.mp4 ├─07-(掌握)slot-具名插槽的使用.mp4 ├─08-(理解)编译作用域的概念.mp4 ├─09-(掌握)作用域插槽的使用.mp4 ├─10-(理解)前端代码复杂带来的问题.mp4 ├─11-(理解)前端模块化雏形和CommonJS.mp4 ├─12-(掌握)ES模块化的导入和导出.mp4 ├─13-(理解)webpack的介绍和安装.mp4 ├─14-(掌握)webpack的基本使用过程.mp4 ├─15-(掌握)webpack.config.js配置和package.json配置.mp4 ├─16-(掌握)webpack中使用css文件的配置.mp4 (34)\Day 05\Day 05\day05高清视频;目录中文件数:15个 ├─01-(掌握)webpack-less文件的处理.mp4 ├─02-(掌握)webpack-图片文件的处理.mp4 ├─03-(掌握)webpack-ES6转ES5的babel.mp4 ├─04-(掌握)webpack-使用Vue的配置过程.mp4 ├─05-(掌握)创建Vue时template和el关系.mp4 ├─06-(掌握)Vue的终极使用方案.mp4 ├─07-(掌握)webpack-横幅Plugin的使用.mp4 ├─08-(掌握)webpack-HtmlWebpackPlugin的使用.mp4 ├─09-(掌握)webpack-UglifyjsWebpackPlugin的使用.mp4 ├─10-(掌握)webpack-dev-server搭建本地服务器.mp4 ├─11-(掌握)webpack-配置文件的分离.mp4 ├─12-(理解)vuecli-脚手架的介绍和安装.mp4 ├─13-(掌握)vuecli-CLI2初始化项目过程.mp4 ├─14-(理解)vuecli-CLI2的目录结构解析.mp4 ├─15-(了解)知识回顾.mp4 (35)\Day 05\Day 05\PPT ├─._05-前端模块化.pptx ├─._06-webpack详解.pptx ├─._07-Vue CLI详解.pptx ├─06-webpack详解.pptx ├─07-Vue CLI详解.pptx (36)\Day 05\Day 05\课堂随笔 ├─笔记大纲.md (37)\Day 06\Day 06\day06高清视频;目录中文件数:13个 ├─01-(掌握)安装CLI错误和ESLint规范.mp4 ├─02-(理解)runtime-compiler和runtime-only的区别.mp4 ├─03-(掌握)VueCLI3创建项目和目录结构.mp4 ├─04-(掌握)VueCLI3配置文件的查看和修改.mp4 ├─05-(掌握)箭头函数的使用和this指向.mp4 ├─06-(理解)什么是路由和其中映射关系.mp4 ├─07-(理解)前端渲染后端渲染和前端路由后端路由.mp4 ├─08-(掌握)url的hash和HTML5的history.mp4 ├─09-(掌握)vue-router-安装和配置方式.mp4 ├─10-(掌握)路由映射配置和呈现出来.mp4 ├─11-(掌握)路由的默认值和修改为history模式.mp4 ├─12-(掌握)router-link的其他属性补充.mp4 ├─13-(掌握)通过代码跳转路由.mp4 (38)\Day 06\Day 06\PPT ├─._06-Vue CLI详解.pptx ├─._07-vue-router详解.pptx ├─._08-Vuex详解.pptx ├─06-Vue CLI详解.pptx ├─07-vue-router详解.pptx ├─08-Vuex详解.pptx (39)\Day 06\Day 06\上课画图 ├─01-后端路由阶段.png ├─02-前端后端分离阶段.png ├─03-SPA页面页面的阶段.png ├─04-前端路由中url和组件的关系.jpg (40)\Day 06\Day 06\课堂随笔 ├─随笔.md (41)\Day 07\Day 07\PPT ├─07-vue-router详解.pptx ├─08-Promise的使用.pptx ├─09-Vuex详解.pptx (42)\Day 07\Day 07\知识回顾 ├─随笔.md (43)\Day 07\Day 07\高清视频;目录中文件数:17个 ├─01-(掌握)vue-router-动态路由的使用.mp4 ├─02-(掌握)vue-router-打包文件的解析.mp4 ├─03-(掌握)vue-router-路由懒加载的使用.mp4 ├─04-(掌握)vue-router-路由的嵌套使用.mp4 ├─05-(掌握)vue-router-参数传递(一).mp4 ├─06-(掌握)vue-router-参数传递(二).mp4 ├─07-(理解)vue-router-router和route的由来.mp4 ├─08-(掌握)vue-router-全局导航守卫.mp4 ├─09-(理解)vue-router-导航守卫的补充.mp4 ├─10-(掌握)vue-router-keep-alive及其他问题.mp4 ├─11-(掌握)vue-router-keep-alive属性介绍.mp4 ├─12-(掌握)tabbar-基本结构的搭建.mp4 ├─13-(掌握)tabbar-TabBar和TabBarItem组件封装.mp4 ├─14-(掌握)tabbar-给TabBarItem传入active图片.mp4 ├─15-(掌握)tabbar-TabBarItem和路由结合效果.mp4 ├─16-(掌握)tabbar-TabBarItem的颜色动态控制.mp4 ├─17-(了解)知识回顾.mp4 (44)\Day 08\Day 08\PPT ├─08-Promise的使用.pptx ├─09-Vuex详解.pptx (45)\Day 08\Day 08\上课随笔 ├─上课随笔.md (46)\Day 08\Day 08\课堂画图 ├─属性被添加到响应式系统中.jpg (47)\Day 08\Day 08\高清视频;目录中文件数:17个 ├─01-(掌握)tabbar-文件路径的引用问题.mp4 ├─02-(掌握)Promise-Promise的介绍和基本使用.mp4 ├─03-(掌握)Promise-Promise的三种状态和另外处理方式.mp4 ├─04-(掌握)Promise-Promise的链式调用.mp4 ├─05-(掌握)Promise-Promise的all方法使用.mp4 ├─06-(掌握)vuex-Vuex概念和作用解析.mp4 ├─07-(掌握)vuex-单界面到多界面状态管理切换.mp4 ├─08-(掌握)vuex-devtools和mutations.mp4 ├─09-(掌握)vuex-state单一状态树的理解.mp4 ├─10-(掌握)vuex-getters的使用详解.mp4 ├─11-(掌握)vuex-mutations的携带参数.mp4 ├─12-(掌握)vuex-mutations的提交风格.mp4 ├─13-(掌握)vuex-数据的响应式原理.mp4 ├─14-(掌握)vuex-mutations的类型常量.mp4 ├─15-(掌握)vuex-actions的使用详解.mp4 ├─16-(掌握)vuex-modules的使用详解.mp4 ├─17-(掌握)vuex-store文件夹的目录组织.mp4 (48)\Day 09\Day 09\PPT ├─10-网络模块封装.pptx ├─项目思路.md (49)\Day 09\Day 09\课堂随笔 ├─上课随笔.md (50)\Day 09\Day 09\高清视频;目录中文件数:17个 ├─01-(了解)网络请求模块的选择-axios.mp4 ├─02-(掌握)axios框架的基本使用.mp4 ├─03-(掌握)axios发送并发请求.mp4 ├─04-(掌握)axios的配置信息相关.mp4 ├─05-(掌握)axios的实例和模块封装.mp4 ├─06-(掌握)axios的***的使用.mp4 ├─07-(掌握)项目开发-项目创建和GitHub托管.mp4 ├─08-(掌握)项目开发-划分目录结构.mp4 ├─09-(掌握)项目开发-css文件的引入.mp4 ├─10-(掌握)项目开发-vue.config和editorconfig.mp4 ├─11-(掌握)项目开发-tabbar引入和项目模块划分.mp4 ├─12-(理解)项目开发-小图标的修改以及路径问题.mp4 ├─13-(掌握)首页开发-首页导航栏的封装和使用.mp4 ├─14-(掌握)首页开发-请求首页的多个数据.mp4 ├─15-(掌握)首页开发-轮播图的展示.mp4 ├─16-(掌握)首页开发-推荐信息的展示.mp4 ├─17-(了解)知识回顾.mp4 (51)\Day 10\Day 10\上课随笔 ├─上课随笔.md (52)\Day 10\Day 10\高清视频;目录中文件数:13个 ├─01-(掌握)首页开发-FeatureView的封装.mp4 ├─02-(掌握)首页开发-TabControl的封装.mp4 ├─03-(掌握)首页开发-保存商品的数据结构设计.mp4 ├─04-(掌握)首页开发-首页数据的请求和保存.mp4 ├─05-(掌握)首页开发-首页商品数据的展示.mp4 ├─06-(掌握)首页开发-TabControl点击切换商品.mp4 ├─07-(掌握)Better-Scroll的安装和使用.mp4 ├─08-(掌握)Better-scroll的基本使用解析.mp4 ├─09-(掌握)Better-Scroll在Vue项目中使用过程.mp4 ├─10-(掌握)首页开发-BScroll的封装以及使用.mp4 ├─11-(掌握)首页开发-BackTop组件的封装和使用.mp4 ├─12-(掌握)首页开发-BackTop的显示和隐藏.mp4 ├─13-(掌握)首页开发-完成上拉加载更多.mp4 (53)\Day 11\Day 11\上课画图 ├─Home.vue和Scroll.vue之间的通信.jpg (54)\Day 11\Day 11\上课笔记 ├─知识点总结.md (55)\Day 11\Day 11\高清视频;目录中文件数:17个 ├─01-(掌握)对昨天内容的回顾.mp4 ├─02-(掌握)首页开发-滚动区域的Bug分析和解决.mp4 ├─03-(掌握)refresh函数找不到的bug处理.mp4 ├─04-(掌握)刷新频繁的防抖函数处理.mp4 ├─05-(掌握)上拉加载更多的完成.mp4 ├─06-(掌握)tabControl的offsetTop获取分析.mp4 ├─07-(掌握)TabControl的吸顶效果完成.mp4 ├─08-(掌握)Home离开时记录状态和位置.mp4 ├─09-(掌握)跳转到详情页并且携带iid.mp4 ├─10-(掌握)详情页-导航栏的封装.mp4 ├─11-(掌握)详情页-数据请求以及轮播图展示.mp4 ├─12-(掌握)详情页-商品基本信息的展示.mp4 ├─13-(掌握)详情页-店铺信息的解析和展示.mp4 ├─14-(掌握)详情页-加入滚动的效果Scroll.mp4 ├─15-(掌握)详情页-商品详情数据展示.mp4 ├─16-(掌握)详情页-商品参数信息的展示.mp4 ├─17-(了解)内容的回顾.mp4
    • 525
  • 其它
    05-14 02:48
  • 其它
    04-19 02:24
    VUE全家桶搭建SPA应用实战框架 Laravel Vue项目开发实践 VUE下的SPA应用部署指南 ├─2- Laravel Vue SPA – 与后端交互laravel-vue-spa-ajax-call-kshugeybnuvdf.mp4 ├─3- Laravel Vue SPA – 重构 Vue 组件目录laravel-vue-spa-refactor-vue-component-ywgfbwyetbfunwef.mp4 ├─4- Laravel Vue SPA – 实现用户注册laravel-vue-spa-register-eirgyenrgjrhg.mp4 ├─5-Laravel Vue SPA – 表单验证larave-vue-spa-vee-validate-wrgjhmneuyrgn.mp4 ├─6-Laravel Vue SPA – 验证消息自定义laravel-vue-sap-passport-wyhdfuetwfubwt.mp4 ├─7-使用 Laravel Passport 配置后端 OAuth 服务laravel-vue-spa-child-components-jsgbyrtbuyebfyet.mp4 ├─8-Laravel Vue SPA – 登录返回 Tokenlaravel-vue-spa-code-recape-bug-fix-sjfkhnsvuybeplsnj.mp4 ├─9-Laravel Vue SPA – 代理 Tokenlaravel-vue-spa-code-recape-jgrwsescdfsxwe.mp4 ├─10-Laravel Vue SPA – Vuex 管理登录状态laravel-vue-spa-handle-error-in-js-skhfnejyrbnhbsf.mp4 ├─11-Laravel Vue SPA – Vuex 代码回顾laravel-vue-spa-jwt-login-uwyurbcdhgfncbcg.mp4 ├─12-Laravel Vue SPA – 保持用户登录态laravel-vue-spa-keep-user-login-shfjdhvjdfvafsf.mp4 ├─13-Laravel Vue SPA – 用户退出登录laravel-vue-spa-notifications-kwfhjsnwueyfbnba.mp4 ├─14-Laravel Vue SPA – JS 处理后端错误laravel-vue-spa-refresh-token-kxjncvhyetrfgyetrg.mp4 ├─15-Refresh Token 换取 Access Tokenlaravel-vue-spa-update-password-ishdnbwtebskfnewuyf.mp4 ├─16-Laravel Vue SPA – 修改 buglaravel-vue-spa-update-user-profile-ksjdsfhdhjfdjhf.mp4 ├─17- Laravel Vue SPA – 子组件应用laravel-vue-spa-user-logout-uywehgnweutrbwuet.mp4 ├─18-Laravel Vue SPA – 更新用户资料laravel-vue-spa-vee-validate-locale-wugrbfeuyfhuerty.mp4 ├─19-Laravel Vue SPA – 用户修改密码laravel-vue-spa-vuex-state-jhsdjvhfjhgvjfhbjhksuifu.mp4 ├─20-Laravel Vue SPA – Notification 反馈vue-spa-token-proxy-sivnrgbvyefvb.mp4
    • 486
  • 其它
    04-07 03:43
  • 其它
    04-07 03:41
    课程介绍: 将Vue核心模块一一拆解,手写底层源码,拒绝纸上谈兵,带你手撸一个自己的Vue框架!本套教程带你手写响应式数据系统底层、手写模板编译系统底层、手写虚拟DOM和diff算法底层……内容循序渐进,深入浅出,讲解图文并茂,鞭辟入里,用丰富的图示和例子做演示,注重编程思想讲解,真正让你提升编程底蕴,达到中高级前端标准。教程兼顾Vue2.0和3.0,并着重讲解二者的底层区别,力求让你理解每一个核心机理。 课程目录: 第01课、虚拟DOM和diff算法-课程简介.mp4 第02课、虚拟DOM和diff算法-snabbdom简介和测试环境搭建.mp4 第03课、虚拟DOM和diff算法-虚拟DOM和h函数.mp4 第04课、虚拟DOM和diff算法-手写h函数.mp4 第05课、虚拟DOM和diff算法-感受diff算法.mp4 第06课、虚拟DOM和diff算法-diff处理新旧节点不是同一个节点时.mp4 第07课、虚拟DOM和diff算法-手写第一次上树时.mp4 第08课、虚拟DOM和diff算法-手写递归创建子节点.mp4 第09课、虚拟DOM和diff算法-diff处理新旧节点是同一个节点时.mp4 第10课、虚拟DOM和diff算法-手写新旧节点text的不同情况.mp4 第11课、虚拟DOM和diff算法-尝试书写diff更新子节点.mp4 第12课、虚拟DOM和diff算法-diff算法的子节点更新策略.mp4 第13课、虚拟DOM和diff算法-手写子节点更新策略(上级).mp4 第14课、虚拟DOM和diff算法-手写子节点更新策略(中级).mp4 第15课、虚拟DOM和diff算法-手写子节点更新策略(下级).mp4 第16课、虚拟DOM和diff算法-课程总结.mp4
    • 506
  • 其它
    04-07 03:40
    第1章 课程导学 这门课主讲以Vue SSR+Koa2全栈技术为目标,最终实现美团网项目。本章节旨在告诉大家我们会用到哪些技能、教学方法、课程内容分布、学习方法等。备注:我们会涉及Vue2.5、Nuxt、Koa2、element-ui、Mongodb等 第2章 Vue基础知识 整个SSR部分都是用的Vue框架,需要给初级用户讲解Vue的基础语法,不会让他们在学习实战的时候感到迷茫,这个章节会通过vue-cli搭建一个简单的demo,让大家快速的掌握Vue的基础应用,即使他没有学习过。 第3章 Koa2基础知识 Node服务是全栈的核心,异步操作是为了提高并发数,koa2最大的特色就是灵活、轻巧,这都要归功于中间件机制。路由、数据库连接都是中间件的一种,通过这个章节的学习让大家掌握服务端开发基本技能。 第4章 Mongoose和Redis基础 mongoose是mongodb的对象模型管理工具,使用mongoose可以更简单的操作mongodb数据库,通过可视化工具的robo 3t的介绍,任何数据库操作都可以直观的感受到,非常利于数据库操作的学习。redis是服务端开发必备的工具之一,通过本章的学习可以快速掌握常用redis命令以及在node中的应用。... 第5章 Nuxt.js基础知识 Nuxt是Vue实现SSR最好的方案,我们整个项目都是基于Nuxt框架来实现的,我们需要了解如何通过脚手架快速初始化一个工程项目,熟悉每个目录的含义,知道如何配置各个页面的视图、模板、异步获取数据等。这个章节让学员快速掌握Nuxt本身的知识点,为实战做好准备。... 第6章 实战准备 工程搭建使用Nuxt脚手架快速搭建工程,这块是通用的,所有学员都可以直接应用到自己的项目。 第7章 开发美团网首页 从需求分析到设计思路讲述再通过手把手的引导实现首页设计,在功能上包括城市定位服务,头部引导导航,搜索等。 第8章 开发美团网首页-登录注册 从静态页面实现到真实的业务逻辑,一步一步带领大家实现注册、登录、退出,其中还用到了第三方RTMP服务,在技术上mongodb,passport,redis一应俱全 第9章 开发美团网首页-Search搜索 只用7个模板dom节点实现复杂的搜索框,一改传统的dom结构设计,充分利用组件设计特性,让业务做到极致。除了交互,也使用了搜索、推荐等真实的线上数据服务,为大家提供真实的体验。 第10章 切换城市页 切换城市页的难点是如何把复杂的数据内容利用数据结构设计、Vue语法并使用最简单的DOM结构完成开发。整个页面介绍了如何自定义常用的级联操作、远程搜索、中文转拼音等内容,精彩不可错过。 第11章 美团网产品列表页 点击产品列表可以进入到产品详情页,详情页也有类似的推荐列表和地图服务,我们会在搜索页的时候考虑好接口的复用,重点内容在于数据结构的设计和接口的复用设计能力。 第12章 美团网产品详情页开发 产品详情页有购买入口,点进去进入到订单页,点击支付进入到支付页,购买完成进入到订单详情页。这块涉及较复杂的后端接口设计和数据库操作。学员可以进一步掌握真实的开发场景。 第13章 购物车开发 购物车难点在于数据库的设计、是于订单相融合的一个页面,在前端页面交互上的难点是element-ui对于表格的数据绑定 第14章 订单页开发 订单页是对整个产品的最后呈现页面,是课程完整性的一部分,难点在于数据库设计,前端页面无难点。 第15章 课程总结 对课程整体进行回顾与总结
    • 433
  • 其它
    03-25 02:20
    Vue核心技术 Vue+Vue-Router+Vuex+SSR实战精讲 这是一门重技术讲解的课程,会把Vue的核心技术都深入细致地进行讲解,通过一个Todo应用深入讲解Vue应用开发,Vue+Webpack工作流搭建,Vue+Vue-Router+Vuex项目架构和Vue服务端渲染深度集成,以此给学员展示Vue应用开发中的各种问题和最适合的解决方案。 • 第1章 课程介绍 课程介绍,介绍课程的章节安排和学习本门课程的一些注意点。 o 1-1 课程导学试看 o 1-2 项目介绍 o 1-3 Webpack4升级注意 o 1-4 项目运行报错最新问题总结 o 1-5 (如果您初学,建议您先跟着课程版本走,项目完成后再升级)补充Webpack4.29升级(1) o 1-6 (如果您初学,建议您先跟着课程版本走,项目完成后再升级)补充Webpack4.29升级(2) o 1-7 (如果您初学,建议您先跟着课程版本走,项目完成后再升级)补充vue-loader15.6.2升级 • 第2章 Vue+Webpack的前端工程工作流搭建 详细讲解webpack的配置以及vue-loader,css-module等较为高级的内容如何进行配置。 o 2-1 项目目录升级-一个正式项目的目录结构 o 2-2 vue-loader配置 o 2-3 css module配置 o 2-4 安装使用eslint和editorconfig以及precommit o 2-5 Webpack4升级 • 第3章 Vue核心知识 从Vue的实例、生命周期、原生指令、数据绑定、特殊API和组件开发等角度详细分析Vue的方方面面。并且深入讲解Vue的组件开发,包括一些高级属性slot、自定义双向绑定、render function等。 o 3-1 一点小准备-单独讲解vue核心内容的配置 o 3-2 Vue实例 o 3-3 Vue的生命周期方法 o 3-4 Vue的数据绑定 o 3-5 computed和watch使用场景和方法 o 3-6 Vue的原生指令 o 3-7 Vue的组件之组件的定义 o 3-8 Vue的组件之组件的继承.mp4 o 3-9 Vue的组件之自定义双向绑定 o 3-10 Vue的组件之高级属性 o 3-11 Vue的组件之render function • 第4章 Vue-Router和Vuex 首先把Vue-Router和Vuex集成到项目开发当中。然后分别讲解Vue-Router和Vuex的详细使用方法和API,包括Router的配置,导航守卫,Vuex的配置,分模块等。并实现了Vuex Store的热更替功能。 o 4-1 Vue-router之集成 o 4-2 Vue-router之配置 o 4-3 Vue-router之路由参数传递 o 4-4 Vue-router之导航守卫 o 4-5 Vuex之集成 o 4-6 Vuex之state和getters o 4-7 Vuex之mutation和action o 4-8 Vuex之模块 o 4-9 Vuex之其他一些API和配置 • 第5章 服务器渲染 在项目当中加入Node Server,同时集成服务端渲染。解决服务端渲染需要考虑的基础问题,包括开发时如何跟webpack-dev-server配合,title信息的处理,正式环境的服务端渲染使用等。 o 5-1 开发时服务端渲染的配置和原理试看 o 5-2 使用koa实现node server o 5-3 服务端渲染的entry配置 o 5-4 开发时服务端渲染静态资源路径处理 o 5-5 使用vue-meta处理元信息 o 5-6 生产环境服务端渲染 • 第6章 高级组件开发 通过两个高级组件:Notification和Tabs,讲解一些只有在高级组件开发当中才会用到的开发技巧。比如通过extend继承组件,通过一个js方法调用组件的显示,以及嵌套组件父组件显示子组件中的内容等。 o 6-1 notification之基本组件实现 o 6-2 notification之通过方法调用 o 6-3 notification之优化 o 6-4 tabs组件之基本组件实现 o 6-5 tabs组件之选中状态和切换 o 6-6 tabs组件之在父组件中渲染子组件的slot • 第7章 项目开发 首先开发服务端的API接口,然后进行前后端的接口联调,登录页面的实现,以及最后调整服务端渲染的代码,让服务端渲染的时候用到的数据可以在客户端重用。 o 7-1 服务端api请求基础实现 o 7-2 数据API实现 o 7-3 后端登录接口实现以及session的使用.mp4 o 7-4 登录页面实现 o 7-5 联调第一个API o 7-6 请求错误处理和登录接口联调 o 7-7 所有接口进行联调 o 7-8 在数据请求的时候使用全局loading o 7-9 在服务端渲染时获取数据试看 o 7-10 前后端数据复用以及服务端用户认证 o 7-11 服务端渲染进行redirect操作 o 7-12 createRenderer的方式进行服务端渲染 o 7-13 正式环境打包以及异步模块打包优化 • 第8章 部署和总结 通过PM2在服务器上部署项目应用,并自动化把静态资源部署到七牛CDN上面。同时使用nginx配置让应用可以通过域名访问。最后总结课程内容。 o 8-1 pm2使用以及服务器端部署 o 8-2 静态资源上传cdn o 8-3 总结
    • 479
  • 其它
    03-25 02:05