接口axios vue all
vue3全栈项目：具有登录注册验证的在线实时聊天应用程序。
项目主要实现的功能： 登录注册的身份验证功能（利用JWT）来实现，在与后端验证的时候，会根据不同的身份显示不同的界面；而且根据不同角色赋予不同的权力，如管理员能查看信息，而普通用户只能登录到公共组件——在线实时俩天应用程序。 多人在线实时聊天功能——前后端之间根据WebSocket来进行实时通信，并 ......
vue3如何实现断点续传
首先创建一个vue3项目 普通上传// template <input type="file" ref="uploadRef" @change="upload" /> // js setup function upload(event) { let files = event.target.file ......
vue 组件缓存 keep-alive的include失效
include中添加的name属性，必须与对应的vue组件文件中的name属性保持一致 详见：https://www.jianshu.com/p/ab5191eb7f1d 翻译 搜索 复制 ......
接口测试随笔
1、定义 传递数据的通道 集成测试 灰盒测试 --测试左移：尽早介入测试 测试右移：线上用户使用习惯 问题 前端 接口都要测试，因为前端会做一些校验，防止恶意绕过前端对后端发送依次数据 2、常用接口 同一系统中模块与模块之间 内部接口 跨平台对接 第三方接口外部接口 3、常用接口类型/协议 http ......
Vue.js实现大文件分片md5断点续传
背景 根据部门的业务需求，需要在网络状态不良的情况下上传很大的文件（1G+）。其中会遇到的问题：1，文件过大，超出服务端的请求大小限制；2，请求时间过长，请求超时；3，传输中断，必须重新上传导致前功尽弃。解决方案实现思路，拿到文件，保存文件唯一性标识，切割文件、分片上传、文件MD5验证、断点续传、手 ......
【插件】VUE-Is 使用
1. 安装 NPM npm install vue-ls --save YARN yarn add vue-ls 2.全局使用 在main.js 中引入下列代码 import Storage from 'vue-ls'; const options = { namespace: 'myStorage ......
vue2前端调接口下载（导出）后端返回.zip压缩文件流
1、接口api // 三级教育档案导出 export function searchPersonnelHousInfoExport(data) { return request({ url: train + '/fileExport/controller/export/personalProfile ......
vue3+ts项目引入eslint和prettier
创建项目 // uniapp npm install -g @dcloudio/uni-cli npx degit dcloudio/uni-preset-vue#vite-ts my-vue3-project // vue3npm init vite@latest my-project --tem ......
智慧安防视频监控可视化平台EasyCVR调用接口返回“Unauthorized”是什么原因？
智慧安防视频监控可视化平台EasyCVR采用了开放式的网络结构，平台能在局域网、公网、专网等复杂的网络环境中，将场景中分散的海量网络监控设备进行统一接入与汇聚管理，并能提供实时远程视频监控、视频录像、录像回放与存储、告警、语音对讲、云台控制、平台级联、磁盘阵列存储、视频集中存储、云存储等丰富的视频能 ......
面试遇到了接口分析和测试用例分析题，该如何下手？
只要有软件产品的公司百分之九十以上都会做接口测试，要做接口测试的公司那是少不了接口测试工程师的，接口测试工程师相对于其他的职位又比较轻松并且容易胜任。如果你想从事接口测试的工作那就少不了对接口进行分析，同时也会对测试用例进行研究。 当然要从事接口测试工作，必需得先过面试关。最近对于接口测试经常问的面 ......
vue项目的拉取
一、删除vue项目的node_modules,package-lock.json两个文件 二、在项目下打开cmd窗口（本人使用管理员方式打开cmd才对之后的操作有效） 三、输入命令 npm cache clean -force npm install 四、运行项目 npm run dev ......
Vue+Node实现大文件上传和断点续传
源代码 断点续传、分片上传、秒传、重试机制 文件上传是开发中的难点， 大文件上传及断点续传 难点中的细节及核心技术点。 element-ui 框架的上传组件，是默认基于文件流的。 数据格式：form-data； 传递的数据： file 文件流信息；filename 文件名字 通过 fileRead. ......
秦疆的Java课程笔记：75 面向对象 接口的定义与实现
区别 普通类：只有具体实现。 抽象类：具体实现和规范（抽象方法）都有。 接口：只有规范，自己无法写方法。专业的约束。约束和实现分离：面向接口编程。 接口就是规范，定义的是一组规则。 OO的精髓，是对对象的抽象，最能体现这一点的就是接口。为什么讨论设计模式都只针对具备抽象能力的语言（C++、Java、 ......
脚手架搭建vue3项目
vue官网：https://cn.vuejs.org/ 下面将搭建一个最基本的vue3项目，包含 vue3、ts、pinia、element-plus、scss、api-proxy 等配置。 步骤如下： 1. 按脚手架初始化项目 进入vue官网的快速上手，按照官网所述，执行：npm create v ......
[Vue]关于查询详情后，传入到编辑弹窗内显示
开发编辑功能的过程中，通常需要先通过id，查询到编辑所需要的详细信息，再将数据回显到编辑弹窗中。 如果使用子组件作为编辑弹窗组件，异步查询到详细信息后，应当通过调用子组件的函数，传入查询结果： $refs.子组件.function(查询结果) 而不应当在子组件标签中以 :变量名="变量" 的形式传， ......
drf( Restful规范——序列化与反序列化——DjangoRESTframewordk用法——原生与drf实现接口)等
# Restful规范(重要-概念) ```python# API接口 》后端要提供api接口 》2000年Roy Fielding的博士论文中 ### restful是什么？REST全称是Representational State Transfer，表征性状态转移Web API接口的设计风格，尤 ......
异步记录第三方接口调用日志的优雅实现（HttpClient+装饰者模式+异步线程池）
对于第三方接口调用日志这个功能，笔者在工作中曾见过以下两种方式： Restemplate+装饰者模式+MQ实现 网关监控 + Feign拦截器 + 观察者模式实现 其中观察者模式的实现是我最为佩服的设计，个人认为以上两种实现都显得略过臃肿，应该简化设计，让异步记录的实现更加简洁优雅，因此产生了这样的 ......
Spring的BeanPostProcessor接口详解
BeanPostProcessor的作用 bean的后置处理器是spring ioc容器管理bean最重要的一个拓展机制，通过向BeanFactory中添加自定义的BeanPostProcessor，就能够在bean的生命周期内对bean的实例化、属性注入、初始化等进行自定义修改。 例如：在bean ......
vue项目性能优化——断点续传
一、上传文件有两套方案1、基于文件流（form-data） element-ui上传组件默认是基于文件流的2、客户端把文件转化为BASE64，再传给后台 1、基于文件流方案代码用element-ui提供基于文件流的上传方案： <template> <div id="app"> <!-- action ......
Vue 大文件上传和断点续传的实现
实现 Vue 大文件上传和断点续传需要掌握以下几个步骤： 分片：将大文件分割成若干个小块，便于上传。一般采用 Blob 对象或 ArrayBuffer 来实现。 上传：将分片文件上传到服务器。可以使用 XMLHttpRequest、Fetch 等工具进行上传。 断点续传：如果上传失败或上传过程中断开 ......
vue3中router配置中的children怎么用
在Vue 3中，当你使用Vue Router创建路由配置时， children属性允许你为某个路由定义嵌套路由。这意味着你可以在父路由下设置子路由，从而构建出具有层级结构的URL路径。 这里是一个基本的例子，展示了如何在Vue Router中使用children属性： import { create ......
springboot012响应式企业员工绩效考评系统(vue，毕业设计，附源码和数据库)
2 关键技术2.1 Spring Boot框架2.2 Maven环境2.3 Mysql数据库2.4 Vue.js框架2.5 小结4 系统分析与设计4.1 系统架构在对一个系统的开发中，必须全面的考虑用户对学校系统的需求，这个步骤需要开发出系统的功能的用途，每个图应代表系统的一个功能模块。系统架构图： ......
springboot011流浪动物救助网站(vue)
4 需求分析4.1需求调研在教学网站中，能够在网站上运行的流浪动物救助站系统较少，所有很有必要开发一个轻量级的可以在网站上运行的流浪动物救助网站系统。4.2功能模块需求分析本网站最大的特点就功能全面，且结构简单用户在圈子信息框中，用户可以发布信息系统管理员：4.3设计的基本思想4.4性能需求4.4. ......
[Vue] vue学习笔记(11): 自定义事件 & 全局事件总线
组件的自定义事件 通过props可以将信息传递给子组件，那么当子组件需要向上传递信息的时候呢, 除了使用props传递函数类的方法，我们还可以用自定义事件 通过父组件给子组件绑定一个事件someEvent // App.vue <Student @someEvent='getStudentName' ......
从零开始封装 vue 组件
对于学习 Vue 的同学来说，封装 vue 组件是实现代码复用的重要一环。在 Vue 官网中非常详细地介绍了 vue 组件的相关知识，我这里简单摘取使用最频繁的几个知识点，带大家快速入门 vue 组件的使用。 快速入门 我们假设在页面上有很多地方都要用到一个计数器，与其在每个地方都实现计数器功能，不 ......
Attention Is All You Need
Attention Is All You Need * Authors: [[Ashish Vaswani]], [[Noam Shazeer]], [[Niki Parmar]], [[Jakob Uszkoreit]], [[Llion Jones]], [[Aidan N. Gomez]], ......
Diamond--需求接口文档管理
背景 市面上通用的接口文档工具如swagger和yapi都是只针对接口的管理，对于版本和需求的管理少 对于需求文档与需求及接口的对应管理工具市面稀缺 缺少从需求产生到最后产品上线一站式服务工具 目的 管理需求文档与接口版本及接口字段的对应关系 自动化测试、mock数据等功能 可视化前台页面 后续可以 ......
VUE使用Swiper组件，组件中嵌套Echarts图，Echarts的点击事件不生效问题解决
1.解决方案 在Swiper的配置项中添加以下属性（实测，已解决） ` options: { loop: false, simulateTouch: true, autoplay: { delay: 10000, disableOnInteraction: true }, touchStartPre ......
vue3.0+vite问题汇总
1、找不到模块“vite”。你的意思是要将 "moduleResolution" 选项设置为 "node"，还是要将别名添加到 "paths" 选项中 解决方法（tsconfig.json添加如下代码，添加之后重启；重启之后如果仍然有问题，可能是编辑器版本比较旧，升级编辑器版本，我从vscode v ......