接口axios vue all
Vue-CoreVideoPlayer 视频播放器组件
# 安装 ```python cnpm install -S vue-core-video-player ``` # 快速使用 ```python # 在main.js中 import VueCoreVideoPlayer from 'vue-core-video-player' Vue.use(V ......
Vue-指令-v-if和v-show
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <div v-if="count == 3">div1</div> <d ......
Vue-指令-v-on
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <input type="button" value="一个按钮" v- ......
Vue-指令-v-bind和v-model
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <a v-bind:href="url">点击一下</a> <a :hr ......
Vue-快速入门
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <input v-model="username"> <!-- 插值表达 ......
【JS基础】手写Promise.all
我还以为是先手写promise，再实现all方法呢，没想到这么简单。。。 /** * 手写 promise.all */ function promiseAll(args) { return new Promise((resolve, reject) => { const promiseResult ......
JAVA调用ABAP RFC接口-DEMO
package com.swift.oa; import com.sap.conn.jco.*; /** * @Author: Wriprin * @Date: 2022/11/25 17:20 * @Version 1.0 */ public class GetMaraInfo { public ......
SpringBoot 服务接口限流
前言 在开发高并发系统时有三把利器用来保护系统：缓存、降级和限流。限流可以认为服务降级的一种，限流通过限制请求的流量以达到保护系统的目的。 一般来说，系统的吞吐量是可以计算出一个阈值的，为了保证系统的稳定运行，一旦达到这个阈值，就需要限制流量并采取一些措施以完成限制流量的目的。比如：延迟处理，拒绝处 ......
vue 中动态class的写法
 * https://blog.csdn.net/u012320487/article/details/121806 ......
vue 兼容 展开语法
js 的展开语法最低兼容到 chrome 的 60 版本，客户端的chrome版本如果低于这个版本就需要做兼容 项目根目录找到 .browserslistrcn 文件（有的项目是在package.json中配置browserslistrcn，配置内容是一样的），其后添加 chrome 最低兼容至哪个 ......
Knife4j【接口测试工具】
一、Knife4j 介绍 Knife4j 是为 Java MVC框架集成 Swagger 生产 Api 文档的增强解决方案，前身是 swagger-bootstrap-ui ，取名 Knife4j 是希望它能像一把匕首一样小巧，轻量，并且功能强悍！ 二、网址 gitee地址：https://gite ......
tinymce vue2.0集成 并解决响应式丢失问题 文件引入问题(若依版本)、自定义上传图片、视频、样式被el-dialog遮挡问题
1.安装tinymce、tinymce-vue npm install tinymce@5.0.11 -S npm install @tinymce/tinymce-vue@3.0.1 -S 2.下载中文语言包 tinymce提供了很多的语言包 语言包地址 3.配置中文包、配置skins 下载完后放 ......
Swagger【接口工具】
一、Swagger 介绍 Swagger 是一个规范和完整的框架，用于生成、描述、调用和可视化 RESTful 风格的 web 服务 二、官网地址 https://swagger.io/ 三、主要作用 1. 使得前后端分离开发更加方便，有利于团队协作 2. 接口的文档在线自动生成，降低后端开发人员编 ......
vue+axios+ts封装
1.结构目录 2.新建request目录 type.ts import type { AxiosRequestConfig, AxiosResponse } from 'axios'; // 拦截器的类型 export interface InRequestInterceptors<T = Axio ......
VUE实现一个简单的登录注册页面
# VUE|实现一个简单的登录注册页面 ## 页面效果 ## 页面代码 在我的GitHub上：https://github.com/weltme/frontend/blob/master/src/views/LoginView.vue ......
vue3别名联想提示设置
可以在vue3的根目录下的jsconfig.json文件里进行一个设置，如果 没有该文件就自己新建一个 在该文件里写入 { "compilerOptions": { "baseUrl": "./", "paths": { "@/*":[ "src/*" ] } } } ......
vue3的useRoute和useRouter的区别，主要是查看区别的思路
###useRoute(): 返回当前的路由地址。相当于在模板中使用 $route。 ###useRouter(): 返回路由器实例。相当于在模板中使用 $router。 ``` import { useRouter, useRoute } from "vue-router"; const rout ......
深入了解API接口调用——从获取淘宝商品数据开始
API（Application Programming Interface）是现代软件开发中常用的一种技术，它允许不同的软件系统进行交互和通信。在本文中，我们将深入探讨如何通过API接口来获取淘宝商品数据。这是一个常见的需求，无论是对于商家还是开发者，都有着重要的意义。 第一部分：API接口概述 在 ......
Axios-请求方式别名
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script src="js/axios-0.18.0.js"></script> <script> ......
Axios-基本使用
package com.itheima.web.servlet; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServ ......
vue+element-ui 实现可编辑表格、动态渲染表头和表格数据、列向数据合计（每行末尾合计功能）
HTML部分代码 <template> <div> <el-container> <el-header>Header</el-header> <el-main> <div> // 表格数据在这里： :data="tableData" <el-table border :data="tableData ......
API接口开发教程，高效获取京东拼多多商品详情数据，参考示例调用说明
商品详情API接口的作用和重要性主要体现在以下几个方面： 提供详细信息：商品详情API接口可以获取到商品的完整详细信息，包括商品名称、价格、图片、描述、规格、库存等。这些信息对于用户来说是购买决策的重要依据，帮助他们了解商品的特性和性能。 优化用户体验：通过商品详情API接口，开发者可以在自己的 ......
vue项目打包上线时报错‘Failed to load resource: net::ERR_FILE_NOT_FOUND‘
vue项目打包上线时报错’Failed to load resource: net::ERR_FILE_NOT_FOUND’ 原因：这里的确是css以及js文件的路径问题 解决方案： 解决时并不需要手动改路径或者加一段判断去修改 最方便的办法时在项目打包前的 vue.config.js 里面将pub ......
注销接口
#1. 观察接口 方法:post url:user/logout  请求的参数从请求头里面获取 ![](https ......
vue的渐进式是什么意思
Vue 只关注视图层， 采用自底向上增量开发的设计。渐进式开发的关键是逐步增加功能，并按需引入。 下面是一个更好的示例来展示渐进式的代码: 首先，我们创建一个组件 `TodoItem` 来表示待办事项列表的每一项。此组件只包含一个标题属性和一个序号属性，用于渲染待办事项的标题和序号。 ```html ......
create-vue 创建vue项目
1.前提环境 已经安装16.0或者更高版本的node.js 2.创建一个vue项目 npm init vue@latest //将会安装并且执行create-vue 注意 ：npm run dev ......
vue学习记录 10
项目目录……改一点 “src/view/learn-bussiness-catch”： | bsns0628 |--| components |--|--| additem.vue //组件 添加事件 表单 |--|--| eidtitem.vue //组件 编辑 项事件 表单 |--|--| se ......
vue 插槽透传
vue2: <template v-for="(_, name) in $scopedSlots" v-slot:[name]="data"> <slot :name="name" v-bind="data"/> </template> vue3: <template v-for="name in ......