组件 常用confirm vue

Spring Cloud微服务网关Gateway组件

网关简介大家都都知道在微服务架构中,一个系统会被拆分为很多个微服务。那么作为客户端要如何去调用这么多的微服务呢?如果没有网关的存在,我们只能在客户端记录每个微服务的地址,然后分别去用。 这样的架构,会存在着诸多的问题:每个业务都会需要鉴权、限流、权限校验、跨域等逻辑,如果每个业务都各自为战,自己造轮 ......
网关 组件 Gateway Spring Cloud

VUE element-ui之table表格全局排序

### 一 调用后端接口排序功能 步骤: 标签中定义排序方法: ``` ``` 要排序的字段定义排序关键字sortable : ``` //注意:调用接口排序时必须sortable="true",表格自带排序则只需sortable sortable="true" ``` methods中实现全局排序 ......
全局 element-ui 表格 element table

PostgreSQL-常用命令汇总

1. 连接到 PostgreSQL 数据库: psql -h 主机名 -p 端口号 -U 用户名 -d 数据库名 2. 列出所有数据库: \l 3. 切换到指定数据库: \c 数据库名 4. 查看当前数据库中的所有表: \dt 5. 查看表的结构: \d 表名 6. 执行 SQL 查询: SELEC ......
PostgreSQL 命令 常用

vue实现简单表单收集

# vue实现简单表单收集 ## 实现 ```vue 表单 v-model收集的是value值 2、如果 v-model收集的是value值,但要自己配置value 3、如果 如果没有配置value,收集的是checked 如果value初始值是数组收集的是value,若非数组,收集是的checke ......
表单 vue

suse linux 常用命令

(1)命令ls——列出文件 ls -la 给出当前目录下所有文件的一个长列表,包括以句点开头的“隐藏”文件 ls a* 列出当前目录下以字母a开头的所有文件 ls -l *.doc 给出当前目录下以.doc结尾的所有文件 (2)命令cp——复制文件 cp afile afile.bak 把文件复制为 ......
命令 常用 linux suse

vue3 watch 监听响应式数据变化 改变img的src

目标:用一个图片来监视全局websocket对象的连接状态 全局websocket的写法详见:https://www.cnblogs.com/hailexuexi/p/17577818.html main.js 全局对象 websocket的连接状态 //全局对象 const globalData= ......
数据 watch vue3 vue img

在Vue3后台管理系统中使用watch和watcheffect

​ 1、watch 在 Vue3 中的组合式 API 中,watch 的作用和 Vue2 中的 watch 作用是一样的,他们都是用来监听响应式状态发生变化的,当响应式状态发生变化时,都会触发一个回调函数。 const message = ref("test"); watch(message, (n ......
watcheffect 后台 管理系统 系统 watch

Vue中key的作用

1.虚拟Dom中key的作用: key是虚拟DOM对象的标识,当数据发生变化时,Vue会根据【新数据】生成【新的虚拟DOM】, 随后Vue进行【新虚拟DOM】与【旧虚拟DOM】的差异比较,比较规则如下: 2.对比规则: (1).就虚拟DOM中找到了与新虚拟DOM相同的key: ①.若虚拟DOM中内容 ......
作用 Vue key

console的几个常用用法

console.log() 其一、主要表示:向 Web 控制台输出一条消息; 其二、而具体是什么信息就以传递的实参为准,然后就是在控制台就能显示自己传递参数的结果; console.log([1,3,5,7]) // 输出 [1, 3, 5, 7]console.log({}) // 输出 {}co ......
常用 console

vue——debounce防抖函数无效

参考: vue记录-vue中使用lodash _.debounce防抖不生效原因,解决方案 https://blog.csdn.net/Delete_89x/article/details/122000444 问题代码: <el-input v-model="slotProps.form.condi ......
函数 debounce vue

Vue3 toRef响应式失效问题排查

### 父组件 ```html const stuRecordInfo = ref({ stuNum: 11111 }) // 接口请求返回 stuRecordInfo.value.stuNum = 22222 ``` ### 子组件 ```html const info = toRef(props ......
问题 toRef Vue3 Vue

vue中export default data()外面的数据如何通过$t获取动态值

如果将数据放到外面的`const`中,而不是在Vue组件的`data`选项中,那么无法直接通过`$t`方法来获取翻译文件的值。因为`$t`方法是Vue-i18n插件提供的实例方法,需要在Vue组件中使用。 如果你想在外部使用`$t`方法来获取翻译文件的值,可以将Vue-i18n的实例导出,并在外部文 ......
default 动态 数据 export data

在springboot项目中部署vue打包的dist以及刷新遇到404的解决方法

一、在springboot项目中部署dist 新建一个springboot项目,并将dist复制到resources目录下面,同时在application.yml添加配置即可,操作结果如下图所示: 添加的配置代码如下: spring: web: resources: static-locations ......
springboot 方法 项目 dist 404

Vue 中请求同步执行解决方案

有很多小伙伴在使用Vue的时候都会遇到一种情况,form表单修改回显时,某个下拉框里的内容回显乱码,这是因为Vue是的请求方法是异步请求:简单来说,form表单内容先获取了出来,而项目阶段的下拉框随后才获取出来 // 表单<el-col :span="12"> <el-form-item :labe ......
解决方案 方案 Vue

Vue的组件data为什么必须是一个函数?

vue中的data必须是函数是为了保证组件的独立性和可复用性。 实例是通过构造函数来创建的,每个构造函数可以new多个实例,每个实例都会继承原型上的方法和属性, 在vue中,一个vue组件就是一个vue实例,当一个组件被复用多次,就会创建多个实例。如果data是对象, 那么被多次复用的这个组件,在某 ......
函数 组件 data Vue

Web 国际化:新增越南语语系(vue i18n)

前提: 1. 在src/locales文件夹中,新增vi.json文件 背景: 1. vue 步骤: 1. 在main.js中, import VueI18n from 'vue-i18n' Vue.use(VueI18n) const i18n = new VueI18n({ locale: lo ......
语系 国际 i18n Web 18n

技术组件-nginx-docker安装

### 安装 * 搜索版本 ``` docker search nginx ``` * 下载镜像 ``` docker pull nginx:1.22 ``` * 创建目录 ``` mkdir -p /data/docker/data/nginx/conf mkdir -p /data/docker ......
nginx-docker 组件 docker nginx 技术

\\NSHA10320UAP.ubsglobal-prod.msad.ubs.net\data\部署包\组件全量0818\组件

com.yss.ams.bbzx-202308031009-V2.0.0.10.39-20221115.jar com.yss.ams.reportConfigSetting-20230714135143.jar com.yss.ams.ReportViewer-202308031009-V2.0. ......
组件 ubsglobal-prod ubsglobal 10320 NSHA

Vue Router

什么是路由 路由就是URL地址,地址不同,则显示的页面内容不同,路由分为前端路由和后端路由,Vue属于前端框架,因此我们讲解的路由也是前端路由。 Vue是单页面应用程序,通过hash(#)来实现不同页面之间的切换。 什么是单页面应用程序?通俗地讲就是不需要刷新页面,所有组件都在一个页面上的应用程序。 ......
Router Vue

Vue 项目性能优化实践

Vue已经成为前端必备利器了,Vue首页加载速度慢是很常见的问题,dist文件的体积差不多都在10m左右,解决方式也有很多,最简单的方式增加服务器的配置性能,当然在预算有限的情况下,如果通过优化来提升速度呢。 比如在一台普通配置服务器上,差不多加载速度在15s左右,那是没办法接受的,不管是用户体验还 ......
性能 项目 Vue

Python matplotlib.axes对象常用属性(绘图方式、坐标轴、刻度等)

[toc](Python Matplotlib.axes对象常用属性汇总——绘图方式、坐标轴、刻度等) `Axes`类可以设置图片(或子图)中相关属性:绘图数据、坐标轴刻度/标签、标题、图例等。它是Python操作绘图的主要接口。Matplotlib定义了一个`axes`类(轴域类),在一个给定的画 ......
坐标轴 刻度 坐标 matplotlib 属性

常用板

## 零. 写在前面 1. 请将数组开到合适大小。 2. 请考虑是否开 `long long`。 3. 文章内容较多,可使用 Ctrl + F 快速定位。 ## 一. 优化 ### 1. 快读快写 ```cpp inline ll read(){ ll x=0,f=1;char ch=getchar ......
常用

树状选择组件

1、创建组件 <template> <!-- 遮罩层 --> <div class="mask" v-if="show"> <!-- picker--> <div class="content" :style="'height:' + height"> <div class="header"> <d ......
组件

英语口语口译常用句型

英语口语口译常用句型 发布时间: 2011-10-28 阅读量: 1821 Any day will do?哪一天都可以? Any messages for me?有我的留言吗? Are you by yourself?你一个人来吗? All right with you?你没有问题吧? Are y ......
句型 英语口语 口语 常用

Knife4j常用注解

Knife4j注解说明 1. @Api 添加在控制器类上,通过此注解的tags属性,可以指定模块名称,并且,在指定名称时,建议在名称前添加数字作为序号,Knife4j会根据这些数字将各模块升序排列,例如: @Api(value = "提供商品添加、修改、删除及查询的相关接⼝",tags = "01. ......
注解 常用 Knife4j Knife4 Knife

vue通讯的几种方式

1.props 和 $emit。父组件向子组件传递数据是通过props传递的,子组件传递给父组件是通过$emit触发事件来做到的。 2. 父组件中通过 provide 来提供变量,然后在子组件中通过 inject 来注入变量。 3.$refs 获取组件实例。 4.envetBus 兄弟组件数据传递, ......
通讯 方式 vue

工作常用sheLL脚本(掌握!!)

Linux中10个一线工作中常用 Shell 脚本 原创 入门小站 入门小站 2023-08-20 19:01 发表于湖北 收录于合集#Linux815个 入门小站 分享运维技巧及10k+Stars的开源项目 275篇原创内容 公众号 【Linux250个常用命令速查手册】关注【入门小站】,后台回复 ......
脚本 常用 sheLL

VS Code常用快捷键

思维导航 前言 设置VS Code中的键盘快捷方式 常用快捷键 文件操作 编辑操作 导航、搜索和替换操作 调试操作 官方VS Code快捷键图 前言 对于开发者而言,熟悉快捷键的使用,能够起到事半功倍的作用,提高工作效率。以下是我整理的一份VS Code常用快捷键清单,希望能够帮助到你,欢迎在评论区 ......
快捷键 常用 Code VS

Unity UGUI的Button组件的介绍及使用

# UGUI的Button(按钮)组件的介绍及使用 ## 1. 什么是UGUI的Button组件? UGUI(Unity GUI)是Unity引擎中的一套用户界面系统,Button(按钮)是其中的一个常用组件。Button组件可以用于创建可交互的按钮,用户点击按钮时可以触发相应的事件。 ## 2. ......
组件 Button Unity UGUI

SpringBoot 测试实践 - 1:常用的工具

我自己接触到的一些商业或是开源的基于 SpringBoot 项目,它们大部分是没有测试代码的,`test` 文件夹只有脚手架初始化生成的那个测试类,跟不同的开发聊到这个话题,发现他们中的大部分没有写测试的习惯,或者是觉得写测试代码麻烦,主要还是依赖测试工程师做黑盒的测试。只做黑盒测试的话有一定的的局 ......
SpringBoot 常用 工具