接口axios vue all
Vue3实战 - 第一章 node.js/npm安装、配置
一、node.js 安装（windows） 1、下载并安装node https://nodejs.org/en 安装到 D:\Java\nodes 路径 2、配置环境变量 检查是否安装成功 3、配置全局包存放目录和缓存目录 npm config set prefix "D:\nodejs\node_ ......
Promise.all(iterable) 参数可以不是数组，但必须具有 Iterator 接口，且返回的每个成员都是 Promise 实例
下面关于Promise的all方法说法错误的是（ ） A promise.all(iterable)，参数是一个数组 B 只有这个数组中的所有promise实例都resolve之后才会触发其返回的promise实例的then C 只要其中有任何一个promise实例被reject，那么最终的prom ......
C#调用C++动态库接口函数和回调函数方法
这篇文章主要介绍了C#调用C++动态库接口函数和回调函数方法，通过C++端编写接口展开内容，文章介绍详细具有一定的参考价值，需要的小伙伴可以参考一下 需求: 当前C已经写好了一个动态库，完成了产品开发需求，C#需要调用C编写的动态库DLL接口，开发出完整的软件，DLL动态库里包含了普通接口函数，回调 ......
vue2组件二次封装
有时候公共UI组件满足不了一些特定的需求样式，并且有较多地方使用同一个UI组件，这时候就需要考虑二次封装现有UI组件 组件二次封装关键的几点： 使用 $attrs 接收 props 使用 $listeners 接收事件 使用 $slots 和 $scopedSlots 接收插槽 使用model定义p ......
gin-vue-admin 接口错误Error: Request failed with status code 500
本地运行以后登录出现： 控制台检查发现是请求getMenu出现500错误，并且后端出现"Error 1071 (42000): Specified key was too long; max key length is 1000 bytes"错误，那就是数据库casbin_rule的表引擎不是Inn ......
直播平台搭建，vue中实现图片懒加载的几种方法
直播平台搭建，vue中实现图片懒加载的几种方法 一、使用Vue本身的指令 Vue本身提供了一个指令v-lazy，可以实现图片懒加载。使用方式如下： <img v-lazy="imageSrc" /> 其中，imageSrc是需要懒加载的图片路径。当图片进入可视区域时，Vue会自动加载图片。 二、 ......
直播系统源代码，Vue 禁止输入框输入空格
直播系统源代码，Vue 禁止输入框输入空格 <template> <div> <input type="text" v-model="text" @input="(e) => text = e.target.value.replace(/\s/g,'')" > </div></template><s ......
【vue2】swiper插件自动循环失效（loop失效）
可能是因为数据是动态渲染的，在请求到数据之前，就已经完成了swiper的初始化，因此解决方案有： 1.swiper组件添加v-if：（如以下代码中的v-if="banner.length"） <!-- 轮播图 --> <div :class="$style.newsBanner"> <div :cl ......
docker使用--gpus all报错: docker: Error response from daemon: could not select device driver "" with capabilities: [[gpu]].
报错信息： docker: Error response from daemon: could not select device driver "" with capabilities: [[gpu]]. 解决方法： 1，任意路径下创建nvidia-container-runtime-script ......
vue-cookie的原理与使用
cookie及session的原理： cookie工作原理： 由于HTTP是一种无状态的协议，服务器单从网络连接上无从知道客户身份。用户A购买了一件商品放入购物车内，当再次购买商品时服务器已经无法判断该购买行为是属于用户A的会话还是用户B的会话了。怎么办呢？就给客户端们颁发一个通行证吧，每人一个，无 ......
若依vue启动报Error: error:0308010C:digital envelope routines::unsupported
解决：若依vue启动报Error: error:0308010C:digital envelope routines::unsupported 1.描述： 问题产生原因是因为 node.js V17版本中最近发布的OpenSSL3.0, 而OpenSSL3.0对允许算法和密钥大小增加了严格的限制，可 ......
git拉取项目失败怎么办? 前端vue2 都需要install 什么依赖
git config --list --show-origin 查看git文件下面所有对应文件目录 下面是设计配置文件 http的缓存大小 和 那个最低时间 和 速度 git config --global http.lowSpeedTime 999999 git config --global h ......
Vue中Pinia简介
Pinia是一个进行vue状态管理的组件，他会创建一个带有state、actions、getters的option对象 const useCounterStore = defineStore('counter', { state: () => ({ count: 0 }), getters: { d ......
vue项目中读取外部静态文件改变标题以及图标
默认情况下，由vuecli创建的项目，其/public下会存在index.html这一入口文件（若是vite的话会存在根目录和src同级），public下的文件不参与打包过程，因此我们就在这里创建静态配置文件即可。 这个则是config内的配置。配置好后，可以在剩下vue组件中通过window.gl ......
Linux 部署 Swagger Editor 接口文档并且实现远程访问教程
Swagger Editor是一个用于编写OpenAPI规范的开源编辑器。它提供了一个可视化的界面，使得用户可以更加方便地编写和管理API文档。 Swagger Editor 远程访问的好处是您可以随时随地访问和编辑您的 Swagger API 文档，而不需要在本地安装 Swagger 编辑器。此外 ......
11 15 登录接口生成jwt，验证jwt
在 登录接口生成jwt，并返回jwt令牌 从浏览器中获取token： 验证失败进入catch（Exception）,设置相应状态码位401 但是由于不能在每个接口都进行token验证，这样太麻烦，所以配置拦截器 这是拦截器的书写，返回true就是放行，false是不放行，其中@Component注解 ......
vue中el-upload结合vuedraggable实现图片的上传、排序、删除以及预览等功能_element upload
<template> <div> <ul class="el-upload-list el-upload-list--picture-card" style="display:flex;"> <div> <!-- start：拖拽开始 end：拖拽结束 imageLists：需要展示图片的数组--> ......
【论文阅读笔记】【Image Retrieval】 Global Features are All You Need for Image Retrieval and Reranking
SuperGlobal ICCV 2023 读论文思考的问题 论文试图解决什么问题？ 图片检索方法通常由粗粒度图片检索和精确的结果重排列两个模块组成。人们通常认为图片的 local feature 在结果重排列中是不可或缺的，但对大量的 local feature 的计算需要较高的计算资源和时间 能 ......
【Vue】组件传值的六种方法
Vue 组件之间的通信大概归类为： 父子组件通信: props；ref；$attrs / $listeners；$parent / $children 兄弟组件通信: eventBus；vuex 跨级通信: eventBus；Vuex；$attrs / $listeners 一、props/$emi ......
vue 实现文件切片上传
在实际开发项目过程中有时候需要上传比较大的文件，然后呢，上传的时候相对来说就会慢一些，so，后台可能会要求前端进行文件切片上传，很简单哈，就是把比如说1个G的文件流切割成若干个小的文件流，然后分别请求接口传递这个小的文件流。 流程简说实现文件切片导入，首先我们使用 elementUI 也好，原生的 ......
vue2项目打包后index空白路径报错
我目前是vue2版本5.0.8，记录自己遇到打包后的路径问题 使用的环境是nodejs，vue2@cli脚手架 因为打包默认配置是/绝对路径，这时候需要修改配置为./相对路径 在项目根路径打开vue.config.js 原先可能内容是 const { defineConfig } = require ......
javascript promise all实现图片顺序加载
不使用promise时是异步加载，图片加载的顺序不固定 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-sca ......
vue3 父组件传值给子组件 子组件修改后回传给父组件
父组件 <jdy-goods-attr v-model:goods_sn="goods.goods_sn"></jdy-goods-attr> //尤总 在vue3的时候给我们提供了一个新的思路:v-model来实现父传子，并且子也可以修改父组件传递过来的数据。 子组件 const props = ......
第二十二篇 - Vue3中el-table篇
今天主要是来介绍vue3中的el-table控件使用。 一、检测开发环境是否OK 1. 在cmd窗口创建一个vue3项目【vue create demo1】 2. cmd窗口运行项目【npm run serve】 3. 浏览器访问项目【http://localhost:8080/】 4. 访问成功界 ......
vue3 子组件修改父组件的两种方法
<jdy-goods-attr :goods_sn="goods.goods_sn" @goods_sn="(msg) => goods.goods_sn = msg" v-model:goods_num="goods.goods_num" ></jdy-goods-attr> const emit ......
vue-大文件分片及断点上传
最近开发过程中，有一个大文件分片上传的功能，借鉴于网上的思路，结合自己后端的逻辑，完成了这个功能，在此记录如下： 界面展示： 一、将大文件分片上传写为一个组件，可以全局注册该组件，也可以在使用的页面注册该组件，使用vuex通讯进行组件间传值 由于我有好几个页面需要使用大文件上传，所以我是在App.v ......
vue+element项目部署到线上，所有icon图标不显示，解决方案
build里边utils.js加publicPath if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: 'vue-style-loader', publicPath:'../../' } ......
接口返回文件流
public ResponseEntity<InputStreamResource> meetingUserTemplate() throws FileNotFoundException { String path= UserController.class.getResource("/templa ......
如何在用户登录时同时刷新 Chrome 浏览器多个标签页 All In One
如何在用户登录时同时刷新 Chrome 浏览器多个标签页 All In One
应用场景
在用户登录后，同时刷新 Chrome 浏览器多个标签页，同步登录状态！ ......