接口axios vue all
axios二次封装
目的： 1. 使用请求拦截器，可以在请求拦截器中处理一些业务（开始进度条、请求头携带公共参数） 2. 使用响应拦截器，可以在响应拦截器中处理一些业务（进度条结束、简化服务器返回的数据、处理http网络错误） 1. 新建utils文件夹，新建request.ts // 进行axios二次封装：使用请求 ......
使用go来实现一个简单的增删改查接口
最近在学习go，发现go自带的http包很强大，可以通过简单的代码实现数据的增删改查，遂进行一下练习，代码如下： ```go package main import ( "encoding/json" "fmt" "net/http" "strconv" ) type goods struct { ......
vue3实现自定义指令
创建一个empty.js import { nextTick } from 'vue'; const emptyImgUrl = new URL('@/assets/images/empty-icon.jpeg', import.meta.url).href; // 在vue3中不支持require ......
接口并发能力优化提升
写了一个插入接口，进行了并发处理的优化，优化过程如下： #### 初始接口代码 yml配置文件 ```yml server: port: 8081 spring: datasource: url: jdbc:mysql://ip:3306/my_test?characterEncoding=utf- ......
Vue中ref和$refs的介绍及使用
在JavaScript中需要通过document.querySelector("#demo")来获取dom节点，然后再获取这个节点的值。 在Vue中，我们不用获取dom节点，元素绑定ref之后，直接通过this.$refs即可调用，这样可以减少获取dom节点的消耗。 ref介绍： ref被用来给元素 ......
Mysql union all+括号引起的性能问题
SQL如下(MYSQL版本为8.0.17): select lastname from (select id,loginid,workcode,lastname from HrmResource union all select id,loginid,'' as workcode,lastname ......
vue之vue-cli创建项目、vue项目目录结构、vue项目编写规范、 es6导入导出语法
[toc] # 一、vue-cli创建项目 ## 1.1、背景知识 ### 单页面应用：spa -以后vue项目就只有一个 xx.html 页面 -定义很多组件，不可能都写在 xx.html中把 ### 单文件组件（一个组件一个文件） https://v2.cn.vuejs.org/v2/guide ......
vue的指令
指令 指令的概念（6种） 指令（Directives）是vue为开发者提供的模版语法，用于辅助开发者渲染页面的基本结构。 按照不同的用途可以分为以下6大类 内容渲染指令 属性绑定指令 事件绑定指令 双向绑定指令 条件渲染指令 列表渲染指令 1. 内容渲染指令p37 内容渲染指令用来辅助开发者渲染DO ......
只有接口，没有实现类。spring是如何注入空接口并执行代码的？
里面涉及到了两个姿势点： 1.jdk动态代理，java运行只有接口，没有实现类，生成一个可执行的对象 2.spring FactoryBean ，通过spring提供的bean工厂，可是轻松的根据参数实例化需要的bean 以上两者结合，就可以实现只有接口也能注入并使用 ## 只有接口生成一个可执行的 ......
vue之表单控制&购物车案例&v-model进阶&与后端交互的三种方式&电影小案例&箭头函数&js中的5种循环
## 1.表单控制 ```html 🌟checkbox单选就是true和false🌟 用户名： 密码： 记住密码: name >{{name}},pwd >{{pwd}},remember >{{remember}} 🌟checkbox多选就是选value，v-model是数组🌟 爱好： 唱 ......
【1688阿里巴巴中国站api接口系列】按关键字搜索商品PHP请求调用示例
1688阿里巴巴按关键词搜索商品的接口是通过开放平台提供的API接口来实现的。具体实现方式请按以下步骤进行： 1.确认API接口的请求地址和所需参数：需要先查看API文档，了解所要访问的API接口的请求地址和请求参数，以便正确地构造请求和获取数据。 2.注册一个apikey和apisecret调 ......
接口请求方式的区别
请求方式：Get，Post，HEAD，DELETE，PUT，TRACT... Get:：请求能够携带的参数比较少，大小有限制，会在浏览器的URL地址栏显示数据内容，不安全，但高效 Post：请求能够携带的参数没有限制，大小没有限制，不会在浏览器的URL地址栏显示数据内容，安全，不高效但可以忽略不计 ......
领导看了给你加薪！python +ddt+excel 一招鲜，接口自动化测试轻松搞定，测试报告惊艳四座！
“ 接口自动化测试是指通过编写代码或使用工具，模拟用户发送请求，验证接口是否符合设计规范和功能需求的过程。” 如何用 python +ddt+excel 实现接口自动化测试 接口自动化测试可以提高测试效率和质量，节省测试成本和时间，保证测试覆盖率和可维护性。 让勇哥带你入门如何用 python +d ......
Vue3 之 响应式 API reactive、 effect源码，详细注释
Vue3之响应式 API reactive、 effect源码，详细注释 [toc] 简单记录一下 Vue3 和 Vue2 区别 > Vue3 源码采用 monorepo 方式进行管理，将模块拆分到 package 目录中 > Vue3 采用 ts 开发,增强类型检测, Vue2 采用 flow，对 ......
如何通过API接口获取微店的商品详情
微店是一款电商平台，对于商家而言，了解商品详情数据是非常重要的。通过API接口获取微店的商品详情，可以让商家更加便捷地管理和分析商品数据。下面就让我们详细了解一下如何通过API获取微店的商品详情。 第一步，开发者需要注册账号 第二步，选取需要查询的商品，获取商品id。商家在微店上发布商品时，每个商品 ......
如何通过API接口获取淘宝的店铺所有商品详情
在电子商务领域中，淘宝是亚洲最大的在线交易平台之一，拥有海量的商品资源和消费者。如果你是一名开发者，想要在自己的网站或者APP中嵌入淘宝商品资源，那么你就需要通过淘宝开放平台提供的API接口来获取这些资源。本篇文章将介绍如何通过API接口获取淘宝店铺的所有商品详情信息。 第一步，注册账号 如果你想要 ......
直播平台制作，vue + element ui 实现前端分页
直播平台制作，vue + element ui 实现前端分页 一、DOM结构 <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage ......
vue3 mock接口
以下基于mock的vite-plugin-mock版本为2.9.6实现，其他版本有可能导致报错 1. 安装依赖：https://www.npmjs.com/package/vite-plugin-mock pnpm install -D vite-plugin-mock@2.9.6 mockjs 2 ......
promise.all简易实现
``` function all (arr) { return new Promise((resolve, reject) => { let rtnArr = [] let count = 0 for (let i = 0; i { rtnArr[i] = res count += 1 count ......
Vue2项目开发时遇到：<template v-for> key should be placed on the <template> tag
问题缘由： Vue2和Vue3中，对待template中存在v-for行为的组件正好相反 Vue2中key必须写在子元素中，Vue3中key必须写在template中，不然会报错 使用volar插件，使用Vue3语法检测代码，导致错误 解决方案： 1、禁用volar 2、貌似可以修改配置项，但尚未尝 ......
axios的配置，可以用来登录和权限管理，只用来参考
import axios from 'axios' import router from '@/routers/router' const request = axios.create({ baseURL:'/api', timeout:600000, headers:{'Content-Type' ......
四川省重点用能单位能耗在线监测系统平台接口协议
本部分是对国家规范中《重点用能单位能耗在线监测系统-基础信息与格式规范》《重点用能单位能耗在线监测系统-端设备接口协议规范》这两个协议规范文档的补充本部分适用于四川省重点用能单位能耗在线监测系统平台应用软件、接口协议应用、能耗监测端设备开发等，实际执行以国家标准规范为准。 三、电力需求侧数据上传协议 ......
vue常见自定义指令
在 Vue2.0中，代码复用和抽象的主要形式是组件。然而，有的情况下，你仍然需要对普通 DOM元素进行底层操作，这时候就会用到自定义指令。你可以将一些 css样式抽象到指令中，也可以将一些 js 操作放到指令中去执行。就使用上来说，指令不用像组件一样需要引入和注册，注册后使用非常简洁方便。对于在项目... ......
循环中调用异步接口获取数据
// 查询人员列表 async getPersonList() { const _this = this; const data = await getPersonList(this.formSearch); console.log("data", data); var promiseList = ......
vue3使用知识点笔记大全
vue3使用知识点笔记大全 一、vue3 项目搭建 npm 6.x npm init vite@latest myvue3 --template vue vue 3.2.26 使用 element plus ui 框架 npm i -S element plus //全部引入 import Elem ......
vue3配置stylelint
stylelint为css的lint工具，可格式化css代码，检查css语法错误与不合理的写法，指定css书写顺序等。 以scss作为预处理器为例，看如何配置stylelint1. 安装以下依赖 pnpm add sass sass-loader stylelint postcss postcss- ......
2.3. 接口与抽象类
接口和抽象类是 Java 中两种实现抽象和多态的方法。它们之间有一些区别，但也有一些相似之处。这一节我们将通过详细的例子来更深入地了解接口和抽象类。 #### 2.3.1. 接口 接口可以定义一组方法签名，但不能包含方法的实现。一个类可以实现多个接口，实现接口的类必须实现接口中定义的所有方法。 定义 ......
vue-router的next()方法
1.`next()`:进入管道中的下一个钩子。如果全部钩子已经执行完毕，则导航的状态就是confirmed（确认的） 2.`next(false)`：中断当前的导航。如果URL改变了（可能是用户手动输入或者浏览器后退），那么URL地址会重置到from路由对应的地址 3.`next('/')`或者`n ......
基于JAVA的springboot+vue人事管理系统、员工工资管理系统，附源码+数据库+论文+PPT
**1、项目介绍** 考虑到实际生活中在人事管理方面的需要以及对该系统认真的分析,将系统权限按管理员和员工这两类涉及用户划分。 (a)管理员；管理员使用本系统涉到的功能主要有：首页，个人中心，员工管理，部门管理，员工考勤管理，请假申请管理，加班申请管理，员工工资管理，招聘计划管理，员工培训管理，部门 ......