摘要: 技术关键词 前端:@vue/cli-service+element-ui+axios 后端:node.js+koa 思路分析 拖拽上传 拖拽上传是利用 HTML5 新特性实现拖拽上传,详细用法可阅读 MDN-drag 利用 dragover 事件(当某物被拖动的对象在另一对象容器范围内拖动时触发此事 阅读全文
posted @ 2023-11-17 16:13 柯基与佩奇 阅读(78) 评论(0) 推荐(0)
摘要: 一、 axios 重新发送请求基础版(所有的请求错误,不论是请求超时还是接口请求出错都会进行重试) 以下是一个完整的文件,看懂了的话 axios 重试请求也就基本会了,不会的话直接复制到项目里,也可以直接调用使用。 创建一个 axios 实例,并在实例中设置请求超时时间 timeout、重试请求次数 阅读全文
posted @ 2023-11-17 16:12 柯基与佩奇 阅读(615) 评论(0) 推荐(0)
摘要: 队列有x个之后执行 正文 在网上看到这么一道题: 首先来实现一个分割数组的函数~ const group = (list = [], max = 0) => { if (!list.length) { return list; } let results = []; for (let i = 0, 阅读全文
posted @ 2023-11-17 16:12 柯基与佩奇 阅读(212) 评论(0) 推荐(0)
摘要: 1.ajax:是指一种创建交互式网页应用的网页开发技术,并且可以做到无需重新加载整个网页的情况下,能够更新部分网页,也叫作局部更新 优缺点: 1)局部更新 2)原生支持,不需要任何插件 3)原生支持,不需要任何插件 4)可能破坏浏览器后退功能 5)嵌套回调,难以处理 2.axios:是一个基于 pr 阅读全文
posted @ 2023-11-17 16:10 柯基与佩奇 阅读(27) 评论(0) 推荐(0)
摘要: 目录需求实现问题解决注意事项: 需求 当 token 过期的时候,刷新 token,前端需要做到无感刷新 token,即刷 token 时要做到用户无感知,避免频繁登录。实现思路 方法一 后端返回过期时间,前端判断 token 过期时间,去调用刷新 token 接口 缺点:需要后端额外提供一个 to 阅读全文
posted @ 2023-11-17 16:10 柯基与佩奇 阅读(89) 评论(0) 推荐(0)
摘要: 我看了很多 axios 的封装,但是我感觉他们的封装。也不够自由,主要是写完之后,如果以后有东西需要修改的时候,还要回去拦截器进行修改。但是有一些东西拦截器可能是你以后的业务需求才需要添加的。 我就在想我能不能拦截器做成插件式的模式进行动态配置呢?例如下面的效果,点击添加一个请求缓存器,请求的时候就 阅读全文
posted @ 2023-11-17 16:10 柯基与佩奇 阅读(90) 评论(0) 推荐(0)
摘要: 从源码解析axios拦截器是如何工作的 axios 拦截器的配置方式 axios 中有两种拦截器: axios.interceptors.request.use(onFulfilled, onRejected, options):配置请求拦截器。 onFulfilled 方法在发送请求前执行,接收 阅读全文
posted @ 2023-11-17 16:09 柯基与佩奇 阅读(198) 评论(0) 推荐(0)
摘要: 实现原理(简单文字) slot 又名插槽,是 Vue 的内容分发机制,组件内部的模板引擎使用 slot 元素作为承载分发内容的出口。插槽 slot 是子组件的一个模板标签元素,而这一个标签元素是否显示,以及怎么显示是由父组件决定的。slot 又分三类,默认插槽,具名插槽和作用域插槽 实现原理:当子组 阅读全文
posted @ 2023-11-17 16:07 柯基与佩奇 阅读(234) 评论(0) 推荐(0)
摘要: Vue3 的 Provide / Inject 的实现原理其实就是巧妙利用了原型和原型链来实现的,所以在了解 Vue3 的 Provide / Inject 的实现原理之前,先复习一下原型和原型链的知识。 原型和原型链的知识回顾 prototype 与 __proto__ prototype 一般称 阅读全文
posted @ 2023-11-17 16:06 柯基与佩奇 阅读(107) 评论(0) 推荐(0)
摘要: 什么是模板引用 ref ? 有时候可以使用 ref attribute 为子组件或 HTML 元素指定引用 ID。 <template> <input ref="input" /> </template> <script> import { defineComponent, ref } from " 阅读全文
posted @ 2023-11-17 16:06 柯基与佩奇 阅读(188) 评论(0) 推荐(0)