Vue

  • 其它
    01-27 02:59
    Vue Element+Node.js开发企业通用管理后台系统 完整版 第1章 课程介绍 介绍项目背景、达到的目标、技术栈和功能演示 第2章 课程分析 课程分析 第3章 Vue进阶(上) 对Vue的进阶知识进行讲解,包括$emit和$on、directive指令、组件化、Vue插件等相关内容。 第4章 Vue进阶(下) 对Vue的进阶知识进行讲解,包括组件通信、过滤器、监听器、Vue2.6重要新特性等相关内容。 第5章 Element-UI入门 对Element-UI的内容进行讲解,包括如何搭建Element-UI使用环境,如何使用插件快速集成Element-UI,并通过el-form源码解读说明Element-UI的基本实现原理。 第6章 Vuex和Vue-router进阶 对Vue的全家桶中两个重要插件:Vuex和Vue-router进行更加深入的介绍,包含原理讲解以及一些重要特性讲解。 第7章 前端开发框架搭建 集成 Github 4.3w+ Star的明星项目 vue-element-admin,本节将基于该项目完成前端框架搭建。 第8章 服务端开发框架搭建 介绍 Node.js 和 Express,并讲解Express的三个重要特性:中间件、路由和异常处理,在此基础上完成服务端框架搭建。 第9章 项目需求分析 在正式开发前对项目的需求、技术细节进行一次复盘,并介绍项目相关的必备知识:epub、nginx、mysql。 第10章 登录功能开发(上) 深入讲解与登录相关的路由和权限校验、路由和菜单绑定、登录重定向、路由和面包屑导航绑定等预备知识。 第11章 登录功能开发(中) 深入讲解登录模块的前端源码,并基于 axios 封装请求框架,实现请求拦截、响应拦截和异常处理功能。 第12章 第12章 登录功能开发(下) 深入讲解如何开发后端登录 API,通过 JWT 实现登录认证,并完成前后端源码联调 第13章 电子书上传功能开发 完成电子书的上传功能,通过Express的multer库实现核心的上传逻辑,前端使用element-ui的Upload组件实现。 第14章 电子书解析功能开发 课程的重点及难点,集成epub库,实现对epub电子书的解析,并对该库的功能进行增强,实现目录的解析,需要用到xml解析、zip解压等技术,并将解析的结果写入数据库。 第15章 电子书列表页面开发 电子书的列表页面开发,通过element-ui的Table组件实现,基于vue-element-admin进行二次开发。 第16章 电子书编辑和删除功能开发 完成电子书的编辑和删除功能,至此整个开发工作基本结束。 第17章 项目和构建发布 完成项目的上线与发布,可以通过外网访问到本项目,并且搭建https服务。 第18章 课程总结 总结课程学到的知识点。
    • 500
  • 其它
    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
  • 其它
    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
  • 其它
    01-31 06:54
    Vue源码解析系列课程(虚拟DOM和diff算法) 课程介绍: 将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
    • 457
  • 其它
    05-14 02:48
  • 其它
    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
  • 其它
    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
  • 其它
    01-30 12:33
    Vue/Node/MongoDB开发微信全家桶项目实战视频教程 第1章 本地与服务器环境准备 介绍微信公众号/小程序/域名/服务器的申请选购流程,在本地与线上服务器分别对项目的运行环境进行搭建部署,如 Node.js/Vue/Yarn/PM2/Nginx/MongoDB 等等,同时会来简单介绍下从本地通过 PM2 利用 Git 仓库直接往线上服务器部署以及 Nginx 端口映射解析特定域名的实现流程,最终准备好本地线上和外部业务环境为开发... 第2章 公众号小程序的服务能力与场景 简要介绍下公众号小程序各自的使用场景,服务能力,以及暴露出来的 API 功能,支付权限的申请以及微信开放平台的接入绑定。 第3章 相关框架库技术介绍 对项目中所用到的技术/工具做一一简介,如 Sass/Koa/Webpack/Vue SSR/Nuxt/Pug/Mongoose/GraphQL 等,并且配合一些代码的案例,来直观的了解这些工具模块在一个项目中是如何协同,如何发挥作用的,比如通过 Webpack 实现一个小程序 Vue/Pug 模板解析的输出方案。... 第4章 微信公众号基础功能快速开发 通过 Nuxt 初始化本地的初始 Node.js 项目,介绍在本地通过代理工具实现内网的服务代理,同时把微信的核心 API 梳理一遍,比如票据获取、保存,消息回复封装,菜单创建删除,多媒体素材接口等等,特别是在 Node.js 项目中,如何封装消息及权限模块,来实现更加深度的微信 API 定制,已经如何实现多种方式的用户资... 第5章 冰火微信前端页面开发 在 Vue SSR 的项目结构中,通过 Rap mock 数据源模拟接口,快速开发微信 H5 的主要网页,如家族脸谱首页、家族详情页,手办商城、账户页面,以及导航组件等,了解 Vue SSR 中,Actions/Services 在服务器端渲染环境中,他们是如何与 Vue 模板进行交互的。... 第6章 开发数据爬虫与后台 利用 Ramda 封装高阶的 Node.js 爬虫脚本,实现多态的数据源爬取,比如网页的爬取与分析,接口的递归爬取,碎片化数据的清洗整合与打平,学习强大而优雅的爬虫技巧,同时了解批量向图床搬运图片的实现方式,以及批量数据入库。... 第7章 分层开发 Vue SSR 全站后台 利用 Decorator 重构 Koa 路由,实现对不同端的数据接口支持,实现 RestFul API,开发网站管理后台,登录权限与 Session 处理,对商品和订单进行数据建模,开发商品增删改查及商品图片上传到七牛,开发可视化的后台爬虫管理页面。... 第8章 实现全站用户登录策略 实现全站用户登录策略,打通全站登录。 第9章 开发微信商城后台 开发网页中微信支付功能,在 Vue SSR 的网站中,服务端渲染与客户端渲染的双重场景下,如何实现购买功能,如何处理授权跳转与用户订单的流程。 第10章 项目中后期测试与小范围重构 项目中后期测试与小范围重构 。 第11章 小程序开发-基于 Restful API 开发微信小程序 如何用RESTFul API 开发家族首页、家族主页、人物主页以及商城支付和账户页面。 第12章 小程序开发-基于 GraphQL 改造小程序 讲解如何从 RESTFul API 过渡到 GraphQL 的数据交互方案,在 Node.js 项目中如何处理两者共存的场景。 第13章 课程总结 课程总结。
    • 431
  • 其它
    01-31 12:55