接口axios vue all
接口和抽象类的区别是什么？
一. 介绍 1. 接口 Interface 接口可以称之为一种规范，在Java中被用来定义一组方法，而不提供具体的实现细节，它规定了一个类应该要实现哪些方法；其他类可以通过实现接口来达到代码重用和多态性的目的，帮助我们构建可扩展、灵活和可复用的代码。 接口使用步骤： - 定义接口：使用关键字inte ......
若依前后端分离版：增加新的登录接口和新的用户表，用于小程序或者APP获取token，并使用若依的验证方法
相关原创链接直接放这： 基于若依框架springsecurity添加多种用户登录解决方案（springsecurity多用户登录：前端用户、后端用户）_若依多用户表登录_云优的博客-CSDN博客 若依增加登录接口，采用另一张表做登录验证，沿用之前的token规则_若依登录接口_weixin_4516 ......
淘宝APP商品详情数据接口（宝贝详情数据、快递费用、商品规格信息列表、商品属性等）
前言 淘宝商品详情接口的重要性是不可忽视的。通过淘宝商品详情接口，开发者可以获取淘宝平台上商品的详细信息，包括标题、描述、价格、库存、销量、规格、SKU等。 调取页面所有数据 淘宝APP商品详情数据接口（宝贝详情数据、快递费用、商品规格信息列表、商品属性等）代码对接教程如下步骤。 请求参数 请求参 ......
C#调用外部接口（POST、GET）
在C#中调用StringBoot接口，POST请求，案例代码： public string HttpPost(） { //把用户传过来的数据转成“UTF-8”的字节流Encoding encoding = Encoding.UTF8;//创建一个HTTP请求HttpWebRequest reques ......
VUE基础-条件渲染
使用 v-if 指令来有条件地渲染元素： 也可以使用 v-else 和 v-else-if 来表示其他的条件分支： 完整示例： ``` toggle {{awesome}} Yeah Yeah Oh no 😢 ``` ......
VUE基础-表单绑定
我们同时使用v-bind 和 v-on 来在表单的输入元素上创建双向绑定： 完整示例如下： ``` {{ text }} ``` 为了简化双向绑定，Vue 提供了一个 v-model 指令，它实际上是上述操作的语法糖： `````` v-model 会将被绑定的值与 ` `的值自动同步，这样我们就不 ......
在VUE中使用vue-baidu-map获取经纬度和搜索地址
在开发项目的时候，发现需要获取经纬度，由于这个项目是用vue写的，最后决定使用vue-baidu-map来快速获取经纬度 基于 Vue.js 封装的百度地图组件，运行流畅，代码简单易懂，几乎包含了百度地图官方的所有API，文档地址:https://dafrok.github.io/vue-baidu ......
VUE基础03-事件监听
##事件监听 使用`v-on`指令监听DOM事件： ```{{ count }}``` 因为其经常使用，`v-on` 也有一个简写语法： ```{{ count }}``` 完整实例 ``` count is: {{ count }} ``` ......
VUE基础02-熟悉绑定
## attribute绑定 vue中为了给属性绑定一个动态值，需要使用v-bind指令： `````` 指令是由 v- 开头的一种特殊 attribute。 冒号后面的部分 (:id) 是指令的“参数”。此处，元素的 id attribute 将与组件状态里的 dynamicId 属性保持同步。 ......
VUE基础01-响应式
## SFC（Single-File Component，缩写为 SFC） SFC 是一种可复用的代码组织形式，它将从属于同一个组件的 HTML、CSS 和 JavaScript 封装在使用 .vue 后缀的文件中。 ## 响应式 ### reactive() reactive() 只适用于对象 ( ......
SpringBoot开启Gzip接口报文压缩
## 背景 当我们一个接口响应报文比较大的时候，超过几兆甚至几十兆的情况下，减少响应体的报文大小是能有效减少响应时间的。 ## spring boot 配置 ```yaml server: compression: ## 开启服务端的报文压缩 enabled: true ## 只压缩响应类型为app ......
Vue 学习 day1
摘要： 我们传入 createApp 的对象实际上是一个组件，每个应用都需要一个“根组件”，其他组件将作为其子组件。 应用根组件的内容将会被渲染在容器元素里面。容器元素自己将不会被视为应用的一部分。 .mount() 方法应该始终在整个应用配置和资源注册完成后被调用。同时请注意，不同于其他资源注册方 ......
Vue3+.net6.0 四 计算属性 computed
跟Vue2一样，我们在工作中使用data中的属性时，很多时候不是直接拿来用，而是要经过一些计算，判断，筛选的过程。 比如一个数组，我们可能在使用前要判断 有没有元素，是否包含某个元素，然后根据不同的情况有不同的展示方式，这些如果都写在html部分，会非常不好阅读，如果多个地方要做类似的判断，则会大大 ......
vue3中父组件与组件之间参数传递，使用(defineProps/defineEmits)，涉及属性传递，对象传递，数组传递，以及事件传递
## Vue3 中子父组件之间的通信 ### 一、父组件传递参数到子组件 采用defineProps #### 传递属性 父组件: ```vue 这是父组件 父组件像子组件传递参数 传递属性值 ``` 子组件: ```vue 这是子组件 属性值接收区 父组件传值接收区：字符型：{{ fatherMe ......
接口设计应该有谁来做？
# 1 问题 最近遇到了个问题，前后端针对接口设计争议，那么应该由谁来设计接口呢？ # 2 分析 如果是前端（消费者）设计，则数据库管理混乱。 如果是后端（被消费者）设计，则很多时候不满足业务条件 # 3 办法 ## 3.1 办法1：架构师设计 前后端都熟悉的架构师完成前后端的设计，从数据库的定义到 ......
解决启动dpdk时，报"VFIO group is not viable! Not all device in IOMMU group bound to VFIO or unbund" 的问题
问题如下图： 这个错误信息其实是linux内核的vfio驱动报出来的，主要原因是"在iommu分组中，不是所有的设备都被绑定到vfio驱动". 所以，解决方案核心思想: 将要使用的设备独立到一个iommu分组中。 步骤1：通过以下 "list_iommu_group.sh "可以看到所有的iommu ......
【FLAG】VUE + .net Core WebApi -- Day01
恢复内容开始 VUE 安装nodejs 网址：Node.Js中文网 (p2hp.com) NPM更新到最新版 使用npm install npm install -g npm 查看源 先看看源指向哪里： npm config get registry 默认是指向 https://registry.n ......
Vue3+.net6.0 三 响应式基础，methods
这里的示例都用选项式风格 在 Vue 3 中，数据是基于 JavaScript Proxy（代理） 实现响应式的。 这个示例中输出是false，因为当你在赋值后再访问 this.someObj，此值已经是原来的 newObj 的一个响应式代理。 需要注意的是newObj 并不会变成响应式。 <scr ......
MPI以太网通讯处理器西门子 plc s7 200以太网接口
在热处理行业，铝型材时效炉是一款至关重要的设备，它不仅要求设备稳定性高，温度均匀性也必须达到最佳状态。然而，传统的以太网通迅CP343处理器在电气控制系统中的应用成本却非常高。那么，有没有一种更加性价比的替代方案呢？ ......
Vue插件
### 介绍 插件 (Plugins) 是一种能为 Vue 添加全局功能的工具代码。下面是如何安装一个插件的示例： ``` js import { createApp } from 'vue' const app = createApp({}) app.use(myPlugin, { /* 可选的 ......
vue-electron 批量生成 PDF
> 最近有个需求，需要批量下载 pdf，单份还好，但多份时会超时。 需要改成一份一份下载，先选择下载的存储路径，再自动下载到选择的目录中，一开始使用了 will-download，但在测试过程中，测服下载速度很慢，发现保存地址还是会弹出来，下载一次弹出一份。 因此打算试试利用 electron 原来 ......
jprofiler定位接口相应时间长问题
Jprofiler定位接口相应时间长问题一．环境准备执行压测脚本，分析该接口tps很低，响应时间很长高频接口100ms以内，普通接口200ms以内二．JProfiler分析响应时间长的方法1.jprofiler录制数据压测脚本，执行1-3分钟即可2.分析接口相应时间长的方法通过Method Stat ......
前端Vue自定义商品订单tabs标题栏选项卡组件 可设置文字下划线颜色
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化 ......
前端Vue自定义精美横向步骤条组件 水平步骤条组件 可用于电商跟进商品订单状态
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化 ......
vue-day15--key的作用与原理
面试题 react vue 中 的key 有什么作用（key 的内部原理） 1.虚拟DOM中key的作用 key是虚拟对象的标识，当数据发生变化时，Vue会根据新数据生成新的虚拟DOM，随后Vue进行新虚拟DOM与旧虚拟DOM的差异比较。 2.对比规则 ①旧虚拟DOM找到了与新虚拟DOM相同的key ......
vue-day15--列表渲染
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>列表渲染< ......
前端框架及项目面试－聚焦Vue、React、Webpack
第1章 课程导学介绍课程制作的背景和课程主要内容。第2章 课程介绍先出几道面试真题，引导思考。带着问题来继续学习，效果更好。第3章 Vue 使用Vue 是前端面试必考内容，首先要保证自己要会使用 Vue 。本章讲解 Vue 基本使用、组件使用、高级特性和 Vuex Vue-router ，这些部分的 ......
前端编程开发 --- vue3 监听属性
监听变量的变化并触发函数 <div id = "app"> <p style = "font-size:25px;">计数器: {{ counter }}</p> <button @click = "counter++" style = "font-size:25px;">点我</button> / ......
vue-day15--条件渲染
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>条件渲染< ......
vue.config.js
const { defineConfig } = require("@vue/cli-service"); module.exports = defineConfig({ // 默认：'/',部署应用包时的基本 URL，Vue CLI 会假设你的应用是被部署在一个域名的根路径上，如果是部署在一个子路 ......