接口axios vue all
Vue3 element-plus el-cascader后缀图标更改（svg）
概述 今天用element-plus写通用表单的时候，发现了它的el-cascader组件竟然不支持改后缀图标，主要它的普通下拉el-select组件都能随便改suffix-icon，级联的下拉就不支持了，令人疑惑。 然后，找了好多办法，包括直接取原生的Component改它的arrowDown属性 ......
软件测试|SQL中的UNION和UNION ALL详解
简介 在SQL（结构化查询语言）中，UNION和UNION ALL是用于合并查询结果集的两个关键字。它们在数据库查询中非常常用，但它们之间有一些重要的区别。在本文中，我们将深入探讨UNION和UNION ALL的含义、用法以及它们之间的区别。 UNION操作 UNION用于合并两个或多个查询的结果集 ......
@Autowired注解在实现类还是接口
@Autowired注解在实现类还是接口 首先要清楚@Service是注解在实现类上的，@Service告诉Spring容器，注册一个实例化的类对象，当@Service注解在接口上，是无法对接口实例化的。 @Service public class xxxImpl implements xxxSer ......
数据采集IO卡 软件无线电处理平台：136-KC705E增强版基于FMC接口的 Kintex-7 XC7K325T PCIeX8 接口卡
一、板卡概述 本板卡基于Xilinx公司的FPGAXC7K325T-2FFG900 芯片，pin_to_pin兼容FPGAXC7K410T-2FFG900 ，支持PCIeX8、64bit DDR3容量2GByte，HPC的FMC连接器，板卡支持各种接口输入，软件支持windows，Linux驱动。 ......
图形图像硬件加速器卡设计原理图：270-VC709E 基于FMC接口的Virtex7 XC7VX690T PCIeX8 接口卡
一、板卡概述 本板卡基于Xilinx公司的FPGA XC7VX690T-FFG1761 芯片，支持PCIeX8、两组 64bit DDR3容量8GByte，HPC的FMC连接器，板卡支持各种FMC子卡扩展。软件支持windows，Linux操作系统。 二、功能和技术指标： 板卡功能 参数内容 主处理 ......
vue项目中axios的基本用法
1、get和post请求 //get：查询数据 axios.get(url).then(ret=>{ //data属性名称是固定的，用于获取后台响应的数据 console.log(ret.data) }) //get传参 axios.get('abc?id=5').then(ret=>{ //dat ......
《优化接口设计的思路》系列：第五篇—接口发生异常如何统一处理
前言 大家好！我是sum墨，一个一线的底层码农，平时喜欢研究和思考一些技术相关的问题并整理成文，限于本人水平，如果文章和代码有表述不当之处，还请不吝赐教。 作为一名从业已达六年的老码农，我的工作主要是开发后端Java业务系统，包括各种管理后台和小程序等。在这些项目中，我设计过单/多租户体系系统，对接 ......
vue2基础语法操作
vue2基础语法操作 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl ......
axios基本用法
Axios是一个流行的JavaScript库，用于进行HTTP请求。它可以在浏览器和Node.js环境中使用，提供了一种简单而强大的方式来与Web服务器进行通信，以下是Axios的基本用法示例： 安装Axios： 使用npm或yarn安装Axios： npm install axios // 或 y ......
SvgIcon全局组件---开发环境：vue3+vuecli5
开发背景 node v18.17.0(node -v) npm v8.4.1(npm -v) @vue/cli 5.0.8(vue -V) 0.SvgIcon全局组件 全局组件是指在应用程序的任何位置使用的组件，使用全局组件前需要在Vus.js实例中注册，并将其挂载到实例中。全局组件是可复用的Vus ......
Node.js & SOAP All In One
Node.js & SOAP All In One soap A SOAP client and server for Node.js. This module lets you connect to web services using SOAP. It also provides a serve ......
vue3中监听滚动条事件
import { onMounted, onUnmounted, reactive } from 'vue' const data=reactive({ oldScrollTop:0, }); const scrolling=()=>{ // 滚动条距文档顶部的距离 let scrollTop =w ......
antd for vue3 table 使用rowClassName设置样式固定列不生效
依赖库版本 ： Vue 3 + antd for vue v3. X 样式问题 ：固定列背景色不生效，鼠标移入对应行背景色变为初始的白色 columns: [ { title: '装置', width: 100, dataIndex: 'areaName', fixed: 'left' }, ... ......
vue打包生产环境样式丢失解决
一、概述 把自己打包的vue小案例打包，然后发布到生产环境。发布到生产环境访问后发现样式丢失。（ps:测试环境正常的） 二、解决办法 找到项目中的vue.config.js把extract的值改为false module.exports = { css: { extract: false, load ......
Vue项目中使用Tinymce，解决图片上传/粘贴
前言 最近因为公司项目的后台管理端需要实现编辑器功能, 一方面满足编辑各类文章内容需求,另一方面要自己编辑一些课程相关的介绍，于是就花了一些时间对比体验现有的一些开源的编辑器。 编辑器之间的简单比较 UEditor：基本满足各种需求，依赖于jquery但是已经不再维护了，实现上传图片等需要修改源码， ......
vue2使用 tinymce富文本编辑器-图片上传、粘贴图片上传致服务器
1.安装tinymce富文本编辑器插件npm i tinymcenpm i @tinymce/tinymce-vue 2.创建Editor.js文件 封装组件 以便使用 <template> <div class="tinymce-editor"> <editor v-model="myValue" ......
vue学习3 npm创建项目
创建项目 安装最新node.js最新稳定版本 创建项目文件加，在文件即下cmd 输入命令 npm create vite@latest firstweb或者 npm init vite@latest firstweb 然后选择vue。然后选择typecript /JavaScript，然后在文件夹下 ......
vue 笔记2 脚手架-创建项目、启动项目、路由、vuex
1、安装命令： 在vs code 终端输入命令 npm install -g @vue/cli 安装完查看版本： vue --version 2、创建项目 在对应文件夹下 cmd 输入命令： vue create hello-word 然后选择版本vue2，vue3 项目，选择对应版本 自动安装cl ......
vue学习1
初试vue <!DOCTYPE html> <!-- <html lang="en"> --> <head> <meta charset="UTF-8"> <!-- <meta http-equiv="X-UA-Compatible" content="IE=edge"> --> <!-- <met ......
How to export objects to a csv file using pure JavaScript All In One
How to export objects to a CSV file using pure JavaScript All In One
如何使用纯 JavaScript 将对象导出到 csv 文件
......
0到1搭建vue2.0项目
一、创建vue项目 1、node -v查看是否安装了node 如果没安装，到官网下载安装 https://nodejs.org/en 2、创建名为VueProject的文件夹，cmd进入该文件夹，npm init -y 进行初始化 (备注：在使用命令行工具 npm 进行初始化项目时， -y 是一个参 ......
vue3使用高德地图进行多边形的绘制，编辑以及创建
npm i @amap/amap-jsapi-loader --save <!-- 高德地图 --> <template> <div style="display: flex;"> <div id="container" style="width: 800px; height: 500px; bor ......
[Vue]数据双向绑定v-model
v-model: 只能用于表单类元素（输入类元素，有value值）v-model:value 可以简写为 v-model 以下代码是错误的：<a v-model:href="url">hello</h2> (v-model 只能用于表单元素) <body> <div id="root"> <!-- ......
SPI 接口 CAN协议控制器 MCP2515/DP2515国产替代芯片DPC15
can控制器是CAN局域网控制器的简称，为解决现代汽车中众多测量控制部件之间的数据交换而开发的一种串行数据通信总线。CAN 可提供高达1Mbit/s的数据传输速率，这使实时控制变得非常容易。另外，硬件的错误检定特性也增强了CAN的抗电磁干扰能力。can控制器最初是为汽车的监测、控制系统而设计的，现已 ......
Vue中 三个点 ... 的用法
Vue中 三个点 ... 的用法 主要是操作数组和对象 一、操作数组 // 1.把数组中的元素孤立起来 let iArray = ['1', '2', '3']; console.log(...iArray); // 打印结果 1 2 3 // 2.在数组中添加元素 let iArray = ['1 ......
vue中使用ckeditor,支持wps,word,网页粘贴
ckeditor5官网目前不支持wps的图片粘贴，但可以通过修改源码实现。 <template> <div> <div v-if="!disabled"> <div id="toolbar-container"></div> <!-- 编辑器容器 --> <div id="editor"> <p>T ......
25-Vue脚手架-初始化脚手架
Vue脚手架 Vue脚手架是Vue官方提供的标准化开发工具（开发平台）,官方文档：Home | Vue CLI (vuejs.org) 提前准备工作 这里，我首先安装了一个nvm（node的版本管理工具），可以通过nvm管理多个版本的node.js，解决node.js各种版本存在不兼容的问题 参考链 ......
解决VUE项目更新后需要客户手动刷新浏览器问题
一.问题：在vue项目打包跟新后，虽然js、css等文件会添加hash值确保加载最新的文件，但是只限于客户在你更新前正好未使用平台，更新后客户在使用时，可以确保访问的前端版本是最新的，但是当客户已经打开平台某个页面放置，此时你更新了版本，用户接着操作页面时会出现各种问题导致体验不好，此时提醒用户去刷 ......
在vue3+ts中封装自定义指令
src/main.js // 自定义指令 import * as directives from "@/directives"; Object.keys(directives).forEach(key => { app.directive(key, (directives as { [key: st ......