为了账号安全,请及时绑定邮箱和手机立即绑定

【九月打卡】第21天 Vue3 + TS 仿知乎专栏企业级项目

课程名称:2022全面升级. Vue3 + TS 仿知乎专栏企业级项目课程章节: 8-3 登录第二部分 axios 设置通用 header主讲老师:张轩课程内容:在每次请求之前设置每个接口必须要用到的请求头课程收获:之前封装好的axios的异步请求在获取到token之后,对axios进行一个设置,具体如下axios.defaults.headers.common.Authorization = `Bearer ${token}`;因为在登录之后需要请求多个接口也就是说需要触发多个actions,这个时候就可以用到组合式axtions,具体写法如下:fetchCurrentUser({ commit }) { return...

71浏览
0推荐
0评论

【九月打卡】第20天 Vue3 + TS 仿知乎专栏企业级项目

课程名称:2022全面升级. Vue3 + TS 仿知乎专栏企业级项目课程章节: 8-1 登录第一部分 获取token,8-2 jwt 的运行机制,主讲老师:张轩课程内容:学习登录相关的知识课程收获:说起登录就会想起token,有token就会想起jwt。JWT(基于token的鉴权机制)jwt(json web...

226浏览
0推荐
0评论

【九月打卡】第19天 Vue3 + TS 仿知乎专栏企业级项目

课程名称:2022全面升级. Vue3 + TS 仿知乎专栏企业级项目课程章节: 7-11 Loader 组件编码第一部分 - 基本实现,7-12 Loader 组件编码第二部分 - 使用 Teleport 进行改造主讲老师:张轩课程内容:封装公共的Loader组件课程收获:我们封装loader的公共组件,正常情况下都会在最外层包裹着的。而这次我们封装的没有在最外层,如果不在最外层的话那么后期可能会造成一些影响。这个时候teleport就可以派上用场了,Vue 3.0 新增了一个内置组件 teleport ,主要是为了解决以下场景:有时组件模板的一部分逻辑上属于该组件,而从技术角度来看,最好将模板的这一部分移动到 DOM 中...

52浏览
0推荐
0评论

【九月打卡】第18天 Vue3 + TS 仿知乎专栏企业级项目

课程名称:2022全面升级. Vue3 + TS 仿知乎专栏企业级项目课程章节: 7-10 使用axios拦截器添加loading效果主讲老师:张轩课程内容:针对没一个请求增加loading的效果课程收获:由于上节课对于多个actions进行了一个封装,封装如下:const getAndCommit = async (url: string, mutationName: string, commit: Commit) => { const { data } = await axios.get(url); commit(mutationName,...

101浏览
0推荐
0评论

【九月打卡】第17天 Vue3 + TS 仿知乎专栏企业级项目

课程名称:2022全面升级. Vue3 + TS 仿知乎专栏企业级项目课程章节: 7-9 使用 async 和 await 改造异步请求主讲老师:张轩课程内容:promise改为async await课程收获:说起异步请求从以前到现在就会想到:回调函数,promise,genarator,async await。对于之前的回调函数把控不好就会陷入回调地狱,而promise则会出现链式的调用,可读性不是很好,所以就出现的async...

213浏览
0推荐
0评论

【九月打卡】第16天 Vue3 + TS 仿知乎专栏企业级项目

课程名称:2022全面升级. Vue3 + TS 仿知乎专栏企业级项目课程章节: 7-7 使用vuex action 发送异步请求第二部分,7-8 CreatePost 页面 ColumnId 类型报错的解决方案主讲老师:张轩课程内容:利用actions发送异步请求,解决请求到的数据带来的报错课程收获:这节课主要就是巩固一下利用store里面仓库的actions发送异步请求,因为以前的数据是写死的,现在需要通过接口来获取,那么接口请求到的数据跟之前写死的数据难免会有一些不一样的地方,所以现在就需要对接口返回的数据进行一个类型校验,改一下之前的类型校验,这时候去回顾 CreatePost 页面的话,由于 ColumnProps...

226浏览
0推荐
0评论

【九月打卡】第15天 Vue3 + TS 仿知乎专栏企业级项目

课程名称:2022全面升级. Vue3 + TS 仿知乎专栏企业级项目课程章节: 7-6 使用vuex action 发送异步请求主讲老师:张轩课程内容:利用actions发送异步请求课程收获:利用actions发送异步请求,mutations里面是不允许发送一步请求的所以只能在actions里面发送。具体写法如下:fetchColumns({ commit }) { axios.get('/columns').then((res) => { commit('fetchColumns', res.data);...

173浏览
0推荐
0评论

【九月打卡】第14天 Vue3 + TS 仿知乎专栏企业级项目

课程名称:2022全面升级. Vue3 + TS 仿知乎专栏企业级项目课程章节: 7-3 使用 swagger在线文档查看接口详情,7-4 axios 的基本用法和独家后端API 使用(必看),7-5 后端Icode终极使用方案主讲老师:张轩课程内容:了解后端生成的swagger文档课程收获:由于前后端分离,前端或者后端无法做到及时协商,最终导致问题爆发,所以程序猿写代码时都是很暴躁的。这个时候,就可以用到Swagger了,它号称世界上最流行的API框架,Restful...

131浏览
0推荐
0评论

【九月打卡】第13天 Vue3 + TS 仿知乎专栏企业级项目

课程名称:2022全面升级. Vue3 + TS 仿知乎专栏企业级项目课程章节: 7-2 RESTful API 设计理念主讲老师:张轩课程内容:主要了解RESTful API设计理念,为什么要这样设计课程收获:Resource:资源,即数据。     Representational:某种表现形式,比如用JSON,XML,JPEG等;     State Transfer:状态变化。通过HTTP动词实现。RESTful API就是REST风格的API,即rest是一种架构风格,跟编程语言无关,跟平台无关,采用HTTP做传输协议。 那么在什么场景下使用RESTful...

61浏览
0推荐
0评论

【九月打卡】第12天 Vue3 + TS 仿知乎专栏企业级项目

课程名称:2022全面升级. Vue3 + TS 仿知乎专栏企业级项目课程章节: 7-1 前后端分离开发是什么主讲老师:张轩课程内容:了解前后端分离开发的好处课程收获:前后端分离之前的开发模式,提出需求,前端页面开发,翻译成模板,前后端对接,集成遇到问题,前端返工,后端返工,耳机集成,集成成功,交付上线。这样的开发模式相互依赖,开发效率特别低。前后端分离以后,前端就有了自己的服务器,不需要依赖后端的服务器支持,摆脱对后端接口的依赖,前后端分离开发最适合的就是spa应用,后端只需要关注数据的问题就好,而前端则通过ajax一步获取数据动态的渲染到页面上,ajax请求返回restful...

89浏览
0推荐
0评论

【九月打卡】第11天 Vue3 + TS 仿知乎专栏企业级项目

课程名称:2022全面升级. Vue3 + TS 仿知乎专栏企业级项目课程章节: 6-15 Vue router 添加路由守卫 - 使用元信息完成权限管理主讲老师:张轩课程内容:添加路由守卫来保证未登录的状态下的一些页面权限课程收获:因为不是每个页面都必须要登录才能查看的,也有一些页面不需要登录就可以查看。所以我们要使用路由原信息meta添加一些标识符来保证每个页面不同的权限性。路由元信息:定义路由的时候可以配置 meta 字段const router = new VueRouter({routes: [{path: '/foo',component: Foo,children: [{path:...

80浏览
0推荐
0评论

【九月打卡】第10天 Vue3 + TS 仿知乎专栏企业级项目

课程名称:2022全面升级. Vue3 + TS 仿知乎专栏企业级项目课程章节: 6-14 Vue router 添加路由守卫 - 前置守卫主讲老师:张轩课程内容:添加路由守卫来保证未登录的状态下的一些页面权限课程收获:一般情况下我们登录某个网站想新创建一篇文章,是可以正常操作的,那么在未登录的情况下我们点击创建文章的话它都会跳转到登录页面让我们去登录,这就是所说的路由守卫。路由守卫一般分为一下几种* 全局守卫1.全局前置守卫 router.beforeEach((to,from,next)=>{})...

212浏览
0推荐
0评论

【九月打卡】第9天 Vue3 + TS 仿知乎专栏企业级项目

课程名称:2022全面升级. Vue3 + TS 仿知乎专栏企业级项目课程章节: 6-12 使用 Vuex getters,6-13...

91浏览
0推荐
0评论

【九月打卡】第8天 Vue3 + TS 仿知乎专栏企业级项目

课程名称:2022全面升级. Vue3 + TS 仿知乎专栏企业级项目课程章节: 6-11 Vuex 整合当前应用主讲老师:张轩课程内容:用vuex整合之前定义的数据课程收获:有一些前端相关的数据放入到vuex中则会很方便的去管理数据,这样为后期的维护则好维护一些,vuex的创建则需要再新文件里面首先引入import { createStore } from 'vuex';然后他一共有五个特性const store = createStore({ state: {}, mutations: {}, actions: {}, getters: {}, modules:...

55浏览
0推荐
0评论

【九月打卡】第7天 Vue3 + TS 仿知乎专栏企业级项目

课程名称:2022全面升级. Vue3 + TS 仿知乎专栏企业级项目课程章节: 6-10 Vuex 简介和安装主讲老师:张轩课程内容:主要讲述了vuex的使用方法课程收获:vuex是全局状态管理的一个工具,在一个vue项目中所有的组件都可以通过vuex进行数据的存储。相对比于组件相互传参方便了很多。vuex的核心是Store,Store包含应用中大多数状态(state)这个状态自管理应用包含以下几个部分:1.状态,驱动应用的数据源;2.视图,以声明方式将状态映射到视图;3.操作,响应在视图上的用户输入导致的状态变化。什么情况下使用?vuex...

220浏览
0推荐
0评论

【九月打卡】第6天 Vue3 + TS 仿知乎专栏企业级项目

课程名称:2022全面升级. Vue3 + TS 仿知乎专栏企业级项目课程章节: 6-6 vue-router 添加路由,6-7 添加 columnDetail页面,6-8 状态管理工具是什么,6-9 ColumnDetail 代码提交详情主讲老师:张轩课程内容:添加路由跳转功能以及详情页,了解全局状态管理工具vuex课程收获:在vue2中获取路由信息都是用this.$route.XXX,而在vue3中则有所改动。首先引入import { useRoute } from 'vue-router';然后再setup函数中定义const route =...

206浏览
0推荐
0评论

【九月打卡】第5天 Vue3 + TS 仿知乎专栏企业级项目

课程名称:2022全面升级. Vue3 + TS 仿知乎专栏企业级项目课程章节: 6-2 添加路由页面基础结构,6-3 添加路由页面基础结构代码地址,6-4 vue-router 安装和使用,6-5 vue-router 配置路由主讲老师:张轩课程内容:增加路由,页面基础结构课程收获:业务组件拆分,  为什么要拆分?是为了后期能够更好的维护,以及好定位问题。 首先需要下载vue-router插件,使用router-view承载他的子路由,然后再router文件夹里面的js文件去配置相对应的跳转路由,首先需要引入import { createRouter, createWebHistory } from...

132浏览
0推荐
0评论

【九月打卡】第4天 Vue3 + TS 仿知乎专栏企业级项目

课程名称:2022全面升级!Vue3 + TS 仿知乎专栏企业级项目课程章节: 5-12 ValidateForm 编码第四部分 - 大功告成,6-1 什么是 SPA(Single Page Application)...

145浏览
0推荐
0评论

【九月打卡】第3天Vue3+TS仿知乎专栏企业级项目

课程名称:2022全面升级!Vue3 + TS 仿知乎专栏企业级项目课程章节: 5-11 使用新版 mitt 时报出类型错误的解决方案主讲老师:张轩课程内容:mitt版本升级导致的错误课程收获:导致扯个错误的原因主要是mitt 现在发布了 3.0.0 ,它的 ts 定义又有所变更,现在对于 类型定义更加严格。如果你使用的是最新版(3.0.0,在 package.json 中确认一下),现在会出现这样的错误解决方案:现在 mitt 要求,每个事件名称和 事件类型要一一对应,可以给 ts 更好的类型推论,第一步 定义一个 events 类型这个定义是让事件和对应的 callback 一一对应,第二步 实例化 mitt...

110浏览
1推荐
0评论

【九月打卡】第2天 Vue3 + TS 仿知乎专栏企业级项目

课程名称:2022全面升级!Vue3 + TS 仿知乎专栏企业级项目课程章节: 5-9 ValidateForm 编码第二部分 - 尝试父子通讯,5-10 ValidateForm 编码第三部分 - 寻找外援 mitt主讲老师:张轩课程内容:父子组件通信传参课程收获:在vue2中获取子组件的实例通常是this.$refs.XXX,而在vue3中是不一样的。在vue3中跟vue2一样在模板中定义ref,然后再setup函数中使用 ref proxy 定义,比如在模板中定义的是ref=“name”,在setup中定义const name =...

122浏览
0推荐
0评论
首页上一页12下一页尾页
意见反馈 帮助中心 APP下载
官方微信