组件 常用confirm vue
Spring Cloud微服务网关Gateway组件
网关简介大家都都知道在微服务架构中,一个系统会被拆分为很多个微服务。那么作为客户端要如何去调用这么多的微服务呢?如果没有网关的存在,我们只能在客户端记录每个微服务的地址,然后分别去用。 这样的架构,会存在着诸多的问题:每个业务都会需要鉴权、限流、权限校验、跨域等逻辑,如果每个业务都各自为战,自己造轮 ......
VUE element-ui之table表格全局排序
### 一 调用后端接口排序功能 步骤: 标签中定义排序方法: ``` ``` 要排序的字段定义排序关键字sortable : ``` //注意:调用接口排序时必须sortable="true",表格自带排序则只需sortable sortable="true" ``` methods中实现全局排序 ......
PostgreSQL-常用命令汇总
1. 连接到 PostgreSQL 数据库: psql -h 主机名 -p 端口号 -U 用户名 -d 数据库名 2. 列出所有数据库: \l 3. 切换到指定数据库: \c 数据库名 4. 查看当前数据库中的所有表: \dt 5. 查看表的结构: \d 表名 6. 执行 SQL 查询: SELEC ......
vue实现简单表单收集
# vue实现简单表单收集 ## 实现 ```vue 表单 v-model收集的是value值 2、如果 v-model收集的是value值,但要自己配置value 3、如果 如果没有配置value,收集的是checked 如果value初始值是数组收集的是value,若非数组,收集是的checke ......
suse linux 常用命令
(1)命令ls——列出文件 ls -la 给出当前目录下所有文件的一个长列表,包括以句点开头的“隐藏”文件 ls a* 列出当前目录下以字母a开头的所有文件 ls -l *.doc 给出当前目录下以.doc结尾的所有文件 (2)命令cp——复制文件 cp afile afile.bak 把文件复制为 ......
vue3 watch 监听响应式数据变化 改变img的src
目标:用一个图片来监视全局websocket对象的连接状态 全局websocket的写法详见:https://www.cnblogs.com/hailexuexi/p/17577818.html main.js 全局对象 websocket的连接状态 //全局对象 const globalData= ......
在Vue3后台管理系统中使用watch和watcheffect
1、watch 在 Vue3 中的组合式 API 中,watch 的作用和 Vue2 中的 watch 作用是一样的,他们都是用来监听响应式状态发生变化的,当响应式状态发生变化时,都会触发一个回调函数。 const message = ref("test"); watch(message, (n ......
Vue中key的作用
1.虚拟Dom中key的作用: key是虚拟DOM对象的标识,当数据发生变化时,Vue会根据【新数据】生成【新的虚拟DOM】, 随后Vue进行【新虚拟DOM】与【旧虚拟DOM】的差异比较,比较规则如下: 2.对比规则: (1).就虚拟DOM中找到了与新虚拟DOM相同的key: ①.若虚拟DOM中内容 ......
console的几个常用用法
console.log() 其一、主要表示:向 Web 控制台输出一条消息; 其二、而具体是什么信息就以传递的实参为准,然后就是在控制台就能显示自己传递参数的结果; console.log([1,3,5,7]) // 输出 [1, 3, 5, 7]console.log({}) // 输出 {}co ......
vue——debounce防抖函数无效
参考: vue记录-vue中使用lodash _.debounce防抖不生效原因,解决方案 https://blog.csdn.net/Delete_89x/article/details/122000444 问题代码: <el-input v-model="slotProps.form.condi ......
Vue3 toRef响应式失效问题排查
### 父组件 ```html const stuRecordInfo = ref({ stuNum: 11111 }) // 接口请求返回 stuRecordInfo.value.stuNum = 22222 ``` ### 子组件 ```html const info = toRef(props ......
vue中export default data()外面的数据如何通过$t获取动态值
如果将数据放到外面的`const`中,而不是在Vue组件的`data`选项中,那么无法直接通过`$t`方法来获取翻译文件的值。因为`$t`方法是Vue-i18n插件提供的实例方法,需要在Vue组件中使用。 如果你想在外部使用`$t`方法来获取翻译文件的值,可以将Vue-i18n的实例导出,并在外部文 ......
在springboot项目中部署vue打包的dist以及刷新遇到404的解决方法
一、在springboot项目中部署dist 新建一个springboot项目,并将dist复制到resources目录下面,同时在application.yml添加配置即可,操作结果如下图所示: 添加的配置代码如下: spring: web: resources: static-locations ......
Vue 中请求同步执行解决方案
有很多小伙伴在使用Vue的时候都会遇到一种情况,form表单修改回显时,某个下拉框里的内容回显乱码,这是因为Vue是的请求方法是异步请求:简单来说,form表单内容先获取了出来,而项目阶段的下拉框随后才获取出来 // 表单<el-col :span="12"> <el-form-item :labe ......
Vue的组件data为什么必须是一个函数?
vue中的data必须是函数是为了保证组件的独立性和可复用性。 实例是通过构造函数来创建的,每个构造函数可以new多个实例,每个实例都会继承原型上的方法和属性, 在vue中,一个vue组件就是一个vue实例,当一个组件被复用多次,就会创建多个实例。如果data是对象, 那么被多次复用的这个组件,在某 ......
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 ......
技术组件-nginx-docker安装
### 安装 * 搜索版本 ``` docker search nginx ``` * 下载镜像 ``` docker pull nginx:1.22 ``` * 创建目录 ``` mkdir -p /data/docker/data/nginx/conf mkdir -p /data/docker ......
\\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. ......
Vue Router
什么是路由 路由就是URL地址,地址不同,则显示的页面内容不同,路由分为前端路由和后端路由,Vue属于前端框架,因此我们讲解的路由也是前端路由。 Vue是单页面应用程序,通过hash(#)来实现不同页面之间的切换。 什么是单页面应用程序?通俗地讲就是不需要刷新页面,所有组件都在一个页面上的应用程序。 ......
Vue 项目性能优化实践
Vue已经成为前端必备利器了,Vue首页加载速度慢是很常见的问题,dist文件的体积差不多都在10m左右,解决方式也有很多,最简单的方式增加服务器的配置性能,当然在预算有限的情况下,如果通过优化来提升速度呢。 比如在一台普通配置服务器上,差不多加载速度在15s左右,那是没办法接受的,不管是用户体验还 ......
Python matplotlib.axes对象常用属性(绘图方式、坐标轴、刻度等)
[toc](Python Matplotlib.axes对象常用属性汇总——绘图方式、坐标轴、刻度等) `Axes`类可以设置图片(或子图)中相关属性:绘图数据、坐标轴刻度/标签、标题、图例等。它是Python操作绘图的主要接口。Matplotlib定义了一个`axes`类(轴域类),在一个给定的画 ......
常用板
## 零. 写在前面 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. ......
vue通讯的几种方式
1.props 和 $emit。父组件向子组件传递数据是通过props传递的,子组件传递给父组件是通过$emit触发事件来做到的。 2. 父组件中通过 provide 来提供变量,然后在子组件中通过 inject 来注入变量。 3.$refs 获取组件实例。 4.envetBus 兄弟组件数据传递, ......
工作常用sheLL脚本(掌握!!)
Linux中10个一线工作中常用 Shell 脚本 原创 入门小站 入门小站 2023-08-20 19:01 发表于湖北 收录于合集#Linux815个 入门小站 分享运维技巧及10k+Stars的开源项目 275篇原创内容 公众号 【Linux250个常用命令速查手册】关注【入门小站】,后台回复 ......
VS Code常用快捷键
思维导航 前言 设置VS Code中的键盘快捷方式 常用快捷键 文件操作 编辑操作 导航、搜索和替换操作 调试操作 官方VS Code快捷键图 前言 对于开发者而言,熟悉快捷键的使用,能够起到事半功倍的作用,提高工作效率。以下是我整理的一份VS Code常用快捷键清单,希望能够帮助到你,欢迎在评论区 ......
Unity UGUI的Button组件的介绍及使用
# UGUI的Button(按钮)组件的介绍及使用 ## 1. 什么是UGUI的Button组件? UGUI(Unity GUI)是Unity引擎中的一套用户界面系统,Button(按钮)是其中的一个常用组件。Button组件可以用于创建可交互的按钮,用户点击按钮时可以触发相应的事件。 ## 2. ......
SpringBoot 测试实践 - 1:常用的工具
我自己接触到的一些商业或是开源的基于 SpringBoot 项目,它们大部分是没有测试代码的,`test` 文件夹只有脚手架初始化生成的那个测试类,跟不同的开发聊到这个话题,发现他们中的大部分没有写测试的习惯,或者是觉得写测试代码麻烦,主要还是依赖测试工程师做黑盒的测试。只做黑盒测试的话有一定的的局 ......