接口axios vue all
vue-router命名视图以及实现页面抽屉功能
#### 命名视图 首先介绍什么是命名视图，命名视图是vue-router的功能，当我们想在一个页面展示多个视图，而不是嵌套展示时，就可以使用命名视图了； 当使用嵌套路由时，只有一个router-view，而使用命名视图时，可以使用多个router-view，然后给每个router-view设置自己 ......
linux 网络配置和接口管理
网络配置和接口管理是Linux系统中管理网络连接和通信的重要方面。以下是一些关于网络配置和接口管理的方法和示例说明： 1. **ifconfig 命令**： - 使用 ifconfig 命令可以查看和配置网络接口的信息，如IP地址、子网掩码、MAC地址等。 示例：查看网络接口 "eth0" 的配置信 ......
How to set z-index order in Canvas using javascript All In One
How to set z-index order in Canvas using javascript All In One
如何使用 javascript 在 Canvas 中设置 z-index 顺序 ......
使用jmeter+ant+jenkins【2.403.1版本】 搭建接口自动化测试
最近搭建接口自动化测试时，发现之前的Jenkins【2.277.4】版本，不好用了，在此做一个版本升级，上个版本整体不变，地址：https://www.cnblogs.com/personblog/p/14809225.html 新的jenkins2.403.1.war包和自动发送邮件的activa ......
模拟Vue2的v-model
## 模拟Vue2的v-model ```html Title 改变username--> 请输入些什么： ``` 运行效果： ![chrome_3QcEHfo4yY](https://mawenfei.oss-cn-hangzhou.aliyuncs.com/img/chrome_3QcEHfo4 ......
如何使用原生 JavaScript Canvas API 实现视频中的绿幕背景替换功能 All In One
如何使用原生 JavaScript Canvas API 实现视频中的绿幕背景替换功能 All In One
Canvas & Video
......
每隔几秒请求一次接口
轮询 - 每隔几秒请求一次接口实现数据更新 单纯使用setInterval会使页面卡死，setTimeout自带清除缓存，组合使用实现轮询可解决浏览器崩溃. <template> <div> <button @click="dataset_log">get dataset log</button> ......
uniapp Vue2升级Vue3使用Vite分包
uniapp Vue2使用webpack打包配置 根目录下创建vue.config.js文件 const path = require('path') const CopyWebpackPlugin = require('copy-webpack-plugin') //最新版本copy-webpac ......
vue3+vite+view-ui-plus 实现按需引用
现有项目使用的是 vue3+vite+view-ui-plus 由于公司要求秒开速度对h5页面进行优化，首先想到的是把组件的引用从全量引用打包改成按需引用； 下面是改之前的 view-ui-plus 引用配置，简单粗暴直接在 main.ts 中引用 import ViewUIPlus from 'v ......
xgplayer 西瓜视频播放器在Vue项目中通过【自定义插件】实现弹幕发送功能
基于西瓜视频播放器xgplayer 3.x在Vue代码框架下开发实现【弹幕发送】UI和相关逻辑功能，使用了其自定义插件流程，更加简单高效。 ......
Apipost接口自动化中关联关系如何配置
在接口自动化测试中，接口之间可能存在依赖关系，即某些接口的执行需要先完成其他接口的执行。为了确保测试用例的正确执行，我们需要在配置测试用例时考虑接口之间的依赖关系。在编写测试用例时，需要明确每个接口的功能和输入输出参数。根据接口之间的依赖关系，将测试用例按照执行顺序组织起来。 这里会模拟用户在电商平 ......
基于 Webpack4 和 Vue 的可热插拔式微前端架构
如果项目对你有所帮助，可以给个star Github地址 什么是 Puzzle Puzzle 是基于 Vue 和 Webpack4 实现的一种项目结构；业务模块可以像拼图一样与架构模块组合，形成不同的系统，而这一切都是可以在生产环境热插拔的；这意味着你可以随时向你的系统添加新的功能模块，甚至改版整个 ......
VUE+ElementUI的表单验证二选一必填项，并且满足条件后清除表单验证提示
 ### 上代码 ``` html ``` ``` js data() { var validateNa ......
性能测试工具RunnerGo中如何管理接口
RunnerGo是一款基于go语言开发的开源测试平台，支持接口管理、自动化测试、性能测试等3大测试模块，今天给大家带来如何使用RunnerGo进行接口管理。 RunnerGo的接口管理类似于 Apipost，满足绝大多数接口管理需求。以下是使用 RunnerGo 进行接口调试的基本步骤： 1. 创建 ......
百度地图避坑，vue3，typescript setup
1、刚开始一直安装 vue-baidu-map，他适用于vue2，一直处于不识别_BMap 2改用：vue-baidu-map-3x 安装后配置main.ts import BaiduMap from "vue-baidu-map-3x"; app.use(BaiduMap, { // ak 是在百 ......
vue3怎么使用defineExpose
在使用单文件组件<script setup>创建一个子组件，会遇到父组件需要调用子组件的方法或变量的情况，这个时候，子组件中就需要使用defineExpose把子组件中那些需要被父组件调用的方法或变量给输出，方便父组件使用。 1.子组件 在子组件中，定义updata方法、getData方法、num变 ......
Go语言中的匿名接口
匿名接口在 Go 语言中提供了一种定义接口但不给它命名的方式。使用它们有其优缺点： ### 优点： 1. **简洁性**：在你只需要在一个地方使用接口时，匿名接口可以避免创建一个新的命名接口。 2. **局部性**：匿名接口定义在使用它的地方，这使得读代码的人可以立即看到所需的方法，而不必在代码的其 ......
全局引用ant-design-vue的TreeSelect没有样式
在全局只按需引用了TreeSelect vue.use(TreeSelect) 没有样式......... 需要在babel.config.js里的plugins配置 plugins: [ [ "import", { "libraryName": "ant-design-vue", // 库名称 " ......
项目vue2升级vue3
Vue2迁移vue3操作指南 #一、前言 有个自动化迁移工具gogocode-cli，尝试后发现不好用且得不偿失，就放弃了，感兴趣的可以去了解一下，本指南选择手动迁移 迁移开始之前，我们先来梳理下思路： 现在有一个vue2的项目，首先我们升级框架，得到了一个vue3的框架，但是上面放着vue2的代码 ......
从源码角度了解Vue生命周期
每个Vue应用都是通过`new Vue()`创建一个Vue实例开始。Vue()函数可以传入选项Options，常见的有el、template和data选项等。 el 只在new创建实例时生效，其值可以是一个CSS选择器或一个HTML Element实例。实例挂载后（mounted之后）可通过`vm. ......
springboot-vue实操
一、先下载node.js 二、在指定的目录下 创建vue create my-vue3-project。(创建vue) {1}选择 Manually select features，自定义配置 {2} 空格键表示选择确认 {3} 3.x {4} {5} {6} {7} 跟着步骤走，运行这两个 按顺序 ......
vue自定义指令（防抖）
import Vue from 'vue' /** * 按钮防抖，300毫秒内只触发一次请求 * 区分了一下传参和不传参的情况 */ // 不传参数，用法：v-debounce="test_debounce" Vue.directive('debounce', { inserted: functio ......
npm uninstall -g @vue/cli 命令卸载脚手架失败
解决方法如下： 1、执行：npm config ls -l 命令；在展示信息的userconfig键值中找到.npmrc 文件的路径；将.npmrc文件删除。查询结果如下： 2、执行：where vue 命令；删除查询出的两个文件。文件如下图： 3、执行 ：vue -V 命令。发现vue命令已经不可 ......
API 接口设计规范
概述 这篇文章分享 API 接口设计规范，目的是提供给研发人员做参考。 规范是死的，人是活的，希望自己定的规范，不要被打脸。 路由命名规范 动作 前缀 备注 获取 get get{XXX} 获取 get get{XXX}List 新增 add add{XXX} 修改 update update{XX ......
精简的Vue Elenent ui界面
仓库地址：https://gitee.com/JSTGitee/element-jst-admin 登录 首页 表格 前言 该方案作为一套多功能的后台框架模板，适用于绝大部分的后台管理系统开发。基于 Vue2，使用 vue-cli2 脚手架，引用 Element ui 组件库，方便开发快速简洁好看的 ......
Vue3中的defineProps方法
1.什么是defineProps defineProps是Vue3中的一种新的组件数据传递方式，可以用于在子组件中定义接收哪些父组件的props。当父组件的props发生变化时，子组件也会随之响应。 2.如何使用defineProps？ 在子组件中可以使用defineProps声明该组件需要接收的p ......
解决vue2+vue-cli中遇到的Must use import to load ES Module
报错信息  原来的`babel.config.js`配置 ```javascript module.exports ......
vue 校验表单，必填的错误提示，已经勾选了，依然提示错误信息，el-select
vue 表单校验的时候 1. 先点提交按钮，所有的必填项出现错误提示 2. 下拉选选择以后，错误提示仍然不消失 解决方法 触发方式 blur 改成 change 其实问题挺简单的，只不过因为缓存，没有及时得到正确的反馈，然后改bug的路越走越远，让我来回折腾了几个小时，真烦银，小伙伴们一定要记得清除 ......