接口axios vue all
Redis循环慢接口优化
## 原慢接口 ```java List keys = new ArrayList(Arrays.asList("1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11")); List res = new ArrayList(); for (St ......
Vue3使用问题
1.watch:{immediate: true}执行时间晚于onMounted 2.定义数组响应式 2.1错误: import { reactive } from 'vue'; let arr = reactive([]) function change(){ let newArr = [1,2, ......
Vue任务调度。
### 1、作用 vue中一个非常重要的功能,批量更新或者叫异步更新 响应式数据发生变化出发副作用函数重新执行时,我们有能力去决定副作用函数的执行时机、次数和方式。 ### 2、例子 ```javascript const state = reactive({ num: 1 }) effect(() ......
Vue3.0 页面跳转的几种方式
首先引入 import { useRouter } from "vue-router"; 使用router接收useRouter const router = useRouter(); 1. router.push 我们最常用的 router.push 方法会将新的路由添加到历史记录中,同时会导航到 ......
MPO,LC,SC,光模块接口,DWDM,CWDM,MWDM,LWDM
MPO细分:UPC、PC、APC,其中APC广电使用。 MPO是multi-fiber pull off,MPO连接器又可以分为MPO/PC平面连接器和MPO/APC斜面连接器,光缆外皮有PVC材质与LSZH材质 “OM”stand for optical multi-mode,即光模式 OM1指8 ......
如何设计灵活的函数接口
仅作为笔记使用 设计灵活的函数接口可以提高函数的可重用性和扩展性,使其更易于在不同的上下文中使用。以下是一些设计灵活函数接口的方法:1. 使用参数对象:将相关的参数封装到一个参数对象中,而不是使用多个单独的参数。这样可以简化函数的参数列表,并且当需要添加新的参数时,只需修改参数对象而不是修改函数的签 ......
python自动化-vue
import sys import time import os import paramiko from pygments.lexers import shell import zipfile import json baseconfig =None # baseconfig={ # "ip": ......
vue项目目录结构和启动过程
1.首先是index.html index.html则是项目的首页,入口页,也是整个项目唯一的HTML页面。 一般只定义一个空的根节点,在main.js里面定义的实例将挂载在根节点下,内容都通过vue组件来填充。 2.src/main.js 相当于Java中的main方法,是整个项目的入口js。主要 ......
Vue使用v-viewer插件实现图片预览和缩放和旋转等功能
科普:v-viewer 简单来说:v-viewer是一款支持vue项目中的图片浏览组件,它支持图片旋转、缩放、翻转等操作,支持配置化.非常强大 官网目录:v-viewer 安装依赖 直接执行命令: npm install v-viewer --save 引入并使用依赖 下载完成之后,就可以配置了,具 ......
vue 实现复制功能
不使用插件 不使用插件,可以使用input标签,然后通过execCommand(‘copy’)函数实现复制功能。 复制input标签中的内容 <template> <div id="app"> 请输入你需要复制的内容:<input id="copy" v-model="mes"/> <button ......
Vue3组件二次封装
# naive-ui的n-input举例 ``` //import { useAttrs, useSlots } from 'vue' //const slots = useSlots() //const attrs = useAttrs() ``` ......
vue的router文件里面import路径的时候ts报红色下划线
Cannot find module '@/views/index/index.vue' or its corresponding type declarations.ts(2307) View Problem (Alt+F8) No quick fixes available 解决方法 在vite ......
axios学习
官网:Axios 中文文档 | Axios 中文网 | Axios 是一个基于 promise 的网络请求库,可以用于浏览器和 node.js (axios-http.cn) axios的文档非常简单,配合网上的封装axios使用示例。再阅读官网文档,大概一个小时就能阅读完文档,就可以使用了。 ......
个微API接口开发,提供测试
个微API接口测试地址:https://wkteam.cn/ 请求URL: http://域名地址/inviteChatRoomMember 请求方式: POST 请求头Headers: Content-Type:application/json Authorization:login接口返回 参数 ......
Java中抽象类和接口的区别
### 一.抽象类 定义上来看,被abstract关键字修饰的类称为抽象类。被abstract关键字修饰的方法称为抽象方法。当父类的某些方法,需要声明,但是又不确定如何实现时,可以将其声明为抽象方法,那么这个类就是抽象类.例: ``` [public|protected] abstract clas ......
vue2-ace-editor基础配置
简介 Ace 是一个用 JavaScript 编写的可嵌入代码编辑器。它与 Sublime、Vim 和 TextMate 等原生编辑器的功能和性能相匹配。它可以很容易地嵌入到任何网页和 JavaScript 应用程序中。Ace 被维护为Cloud9IDE的主要编辑器 ,并且是 Mozilla Sky ......
2023-07-25 html中引入vue,报错:Vue is not a constructor ==》引用的vue版本不兼容导致
报错代码: 我使用的vue外链https://cdn.jsdelivr.net/npm/vue,该外链引用的是最新的vue@3.3.4版本,而我的vue写法为vue2.0版本的写法,故而不兼容。 解决方案:引用指定版本的vue👇 <script src="https://cdn.jsdelivr. ......
vue自定义指令-【单击复制】【双击复制】【点击icon复制】
copy.js 文件 /** * CV指令【单击复制】【双击复制】【点击icon复制】 * @param {?String | ?Number} title - 自定义内容 * @param {?String | 'right'} position - 图标位置 * @param {?Number ......
LKT(LCS)系列IIC接口加密芯片调试常见问题(一)
1、加密芯片的数据交互协议是什么格式? 发送时:地址+两字节数据长度(后续数据的长度)+后续数据内容。Eg.50 0005 0084000008。接收时:地址+两字节数据长度(后续数据的长度)+后续数据内容。Eg.51 000A 1122334455667788 9000。(红色为发送,蓝色为接收) ......
基础入门-APP架构&小程序&H5+Vue语言&Web封装&原生开发&Flutter
[TOC] # APP应用开发架构,四类开发形式: # 原生开发 安卓一般使用java语言开发,当然现在也有kotlin语言进行开发。如何开发就涉及到具体编程了,这里就不详说了。简单描述就是使用安卓提供的一系列控件来实现页面,复杂点的页面可以通过自定义控件来实现。 本质不是网站了,有成套的源码来实现 ......
VIte+Vue3 打包在本地 双击 index.html 打开项目
**1.安装插件** > npm i @vitejs/plugin-legacy > npm i @babel/preset-env vite3 版本以上还需要安装 > npm i terser **2.引用 @vitejs/plugin-legacy** ```` import legacy fr ......
vue+element ui后台管理系统
参考资料:Vue+ElementUI 搭建后台管理系统(实战系列一)-蒲公英云 (dandelioncloud.cn) github: elunez/eladmin-web: eladmin jpa版本:前端源码,项目基于 Spring Boot 2.1.0 、 Spring Boot Jpa、 S ......
SpringBoot中使用测试框架MockMvc来模拟HTTP请求测试Controller接口
场景 Java中进行单元测试junit.Assert断言、Mockito模拟对象、verify验证模拟结果、Java8中lambda的peek方法使用: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/127492361 上面讲了开 ......
从vue2到vue3,自定义组件的v-model实现原理
### 前言 相信使用vue开发的同学应该都体会过v-model的便利,它可以非常方便地进行双向数据绑定,只要重新输入内容,视图就会立刻发生改变。本文将着重介绍如何在自定义组件当中使用v-model,以及在vue2和vue3中使用方式上的差异。 ### 概述 v-model是一个语法糖,它在组件使用 ......
vue组件中引入自定义js文件
在组件的script标签内直接引入: import myFunction from '@/util/custom.js'; 开始使用自定义js中的方法: export default { // ... other Vue component options methods: { someMethod ......
SpringBoot中接口幂等性实现方案-自定义注解+Redis+拦截器实现防止订单重复提交
场景 SpringBoot+Redis+自定义注解实现接口防刷(限制不同接口单位时间内最大请求次数): https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/130594444 以下接口幂等性的实现方式与上面博客类似,可参考。 接口幂等性 ......
【技术实战】Vue技术实战【二】
博客推行版本更新,成果积累制度,已经写过的博客还会再次更新,不断地琢磨,高质量高数量都是要追求的,工匠精神是学习必不可少的精神。因此,大家有何建议欢迎在评论区踊跃发言,你们的支持是我最大的动力,你们敢投,我就敢肝 ......