组件 常用confirm vue
UML九个常用图的详细总结
Unified Modeling Language (UML)是一种用于软件系统设计和建模的标准化语言。它包括多种图表，每种图表都有不同的用途。以下是UML中九个常用图的详细总结： 1.用例图（Use Case Diagram）: 目的： 描述系统与外部实体（称为参与者）之间的功能交互。 元素： 参 ......
UML九个常用图总结
用例图（Use Case Diagram）是Unified Modeling Language（UML）中的一种图表类型，用于描述系统的功能需求和系统与外部实体（称为参与者）之间的交互。以下是用例图的一些关键元素和说明： 1.参与者（Actors）: 2.定义： 表示与系统交互的外部实体，可以是人、 ......
Vue2 的@hook 、 hook: 与生命周期
如何实现父组件监听子组件的生命周期 方法一：$emit // 父组件 <template> <div> <Child @mounted="onMounted" @updated="onUpdated" @beforeDestroy="onBeforeDestroy" ></Child> </div> ......
【Nginx/IIS】解决uniapp/Vue history模式下页面刷新404
uniapp/Vue 开启History模式 本地开发：二级页面刷新或者通过链接进入二级页面是正常的 打包部署后：二级页面刷新或者通过链接进入二级页面会报错404页面找不到 解决方案： Nginx配置： 在nginx.conf的对应location里配置一行代码 try_files $uri $ur ......
antd Pro组件ProFormList实现自定义action
antd Pro组件ProFormList实现自定义action ProFormList是ant design pro的结构化数据组件，通常用来实现动态表单。 现在有个需求，除了组件自带的删除和复制，还需要增加两个按钮来实现每个item位置的上下移动，如图所示： 查看官方文档，组件有提供自定义act ......
常用软件的官方下载地址
VS下载 Visual Studio 2013 Downloads & Keys - Visual Studio Subscriptions 一个强大的代码编辑器 Visual Studio 2015 Downloads & Keys - Visual Studio Subscriptions 一个 ......
docker run 命令常用参数详解
Docker run 命令是在 Docker 中创建和运行容器的主要命令之一。它允许根据需要配置容器的各种属性。 下面讲了 docker run 命令的一些常见用法和示例。 docker run 命令示例 以下是一个比较常见的 Docker run 命令示例，用于创建一个 NGINX 容器： doc ......
隐藏组件，但保留 ref
需求 背景 已知：二次封装 el-upload 为 Import 导入组件，点击 A 或 B，都弹出文件选择框。显示如下图所示： 父组件： 模板代码 <el-col :span="1.5" class="import-btn"> <import ref="importRef" :file-label ......
如何使用Visual Studio 2022创建基本Vue.js.Web应用程序
最近接了个物联网项目，需要用到 VUE Ant-Design 对于 vue 没有概念 只能查找相关 vue.js 的知识。 了解vue.js 的 前提条件 是要对 HTML +CSS +Jscript 有一定的知识储备。 所以 又去看了看 对应的三剑客（HTML +CSS +Jscript）。 跟着 ......
vue3视频播放器组件vue-video-player
1、安装 npm i vue3-video-play --save 2、全局注册 import vue3videoPlay from 'vue3-video-play' // 引入组件 import 'vue3-video-play/dist/style.css' // 引入css app.use( ......
基于vue2开发的html5页面实现微信分享卡片（微信好友+朋友圈+qq好友+qq空间）
首先附上文档链接： 1.微信官方文档：https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#111 2.免费生成二维码的草料官网：https://cli.im/text/other 需求： 在浏览器分享链接时 ......
UML9种常用图
1.用例图 用例图是用来描述系统功能的技术，表示一个系统中用例与参与者及其关系的图，主要用于需求分析阶段。 用例图的基本组成元素：参与者、用例、元素之间的关系。 用例图使用范围：需求分析 1.捕获需求。描述功能需求、行为需求（系统要完成什么任务） 2.分析需求。明确类和对象，建立之间的关系 用例图的 ......
vue中孙子调用爷爷组件的方法怎么调用?
使用Vue的provide和inject来实现跨层级的组件通信。 provide允许一个祖先组件（爷爷组件）提供数据， 而inject允许子孙组件（孙子组件）在任意层级注入这个数据。 通过这种方式，你可以在孙子组件中访问到爷爷组件提供的方法。 以下是一个简单的例子： // 在爷爷组件中提供方法 ex ......
wpf 颜色转换常用方法
设置颜色:Color color = Color.FromArgb(透明度, red数字, green数字, blue数字); //这四个数字范围都是（0-255）Color color = Color.FromRgb(red数字, green数字, blue数字);//默认透明度为255； but ......
JavaSe(11) - 常用API(上)
JavaSe(11) - 常用API(上) P155 Math 基本数学计算的工具类,包含执行基本数学运算的方法, 例如指数, 对数, 平方根, 三角函数... 方法名 说明 public static int abs(int a) 获取绝对值 ceil(double a) 向上取整 floor(d ......
a-table(AntDesign Vue)实现表格行上下拖动排序
参考链接： https://blog.csdn.net/song_de/article/details/125218350 https://blog.csdn.net/m0_61342618/article/details/132556739?utm_medium=distribute.pc_rel ......
vue中this.$set()的使用
data中数据，都是响应式。也就是说，如果操作data中的数据，视图会实时更新； 但在实际开发中，遇到过一个坑：若data中数据类型较为复杂，方法methods中改变对象的属性，而页面并不会改变 原因是vue监听不到数据类型特别复杂的属性。 可以使用this.$set()来进行强制更新，进而解决问题 ......
NC5X-NC6X-NCC开发常用数据表
元数据相关表 select * from md_class;--元数据实体表select * from md_table;--元数据创建表的信息select * from md_column where tableid ='bd_rack';--元数据表的列信息select * from md_co ......
vue webpack 配置babel es6转化转化es5
1、安装相关依赖 npm i -D @babel/core@7.12.3 npm i -D @babel/preset-env@7.12.1 npm i -D babel-loader@8.0.6 // 语法中有 async await 等 npm i -D @babel/plugin-transf ......
uni-app 基础架构搭建 ts+vue3 命令行
1. 安装全局degit npm install -g degit2.创建工程 my-vue3-ts-project # 创建以 javascript 开发的工程 npx degit dcloudio/uni-preset-vue#vite my-vue3-ts-project # 创建以 ts 开 ......
Vue + Element 实现按钮指定间隔时间点击
1、业务需求 需要加一个按钮，调用第三方API，按钮十分钟之内只能点击一次，刷新页面也只能点击一次 2、思路 加一个本地缓存的时间戳，通过时间戳计算指定时间内不能点击按钮 3、实现 1）vue页面 <template> <el-row :gutter="15"> <el-col :span="4"> ......
vue + 无限滚动不同高度
<div class="exbox" style="height:461px;overflow:auto" @mouseenter="handleMouseEnter()" @mouseleave="handleMouseLeave()"> <div class="main rollul" ref= ......
vue3
Vue3快速上手 1.Vue3简介 2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王） 耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者 github上的tags地址：https://github.com/vuejs/vue-next/re ......
【源码系列#03】Vue3计算属性原理（Computed）
专栏分享：vue2源码专栏，vue3源码专栏，vue router源码专栏，玩具项目专栏，硬核💪推荐🙌 欢迎各位ITer关注点赞收藏🌸🌸🌸 语法 传入一个 getter 函数，返回一个默认不可手动修改的 ref 对象 const count = ref(1) const plusOne = ......
[Linux] 常用命令之【sleep】
0 序言 近期排查性能问题，需要监控线程、CPU的情况，需使用此命令，这次来个简单小结。 1 sleep 命令 1.1 作用 sleep命令是Linux系统中的一个非常常用的命令，它用于在终端或脚本执行的过程中让系统进行休眠等待。 使用sleep命令可以让程序暂停执行一定的时间，从而达到控制程序执行 ......
uniapp使用vue3+ts的聊天对话框
先看一下效果图 通过scroll-view实现消息的刷新和滑动，能查看消息和发送图片，支持图片数量自定义。 其中主要是scroll-view通过id定位滑动，当有新消息滑动到最底部，上拉能够刷新历史消息；当选择图片的时候，输入框根据选择的图片数量高度进行调整； ......
Prometheus+Grafana 监控平台实践-搭建&常用服务监控&告警
本篇将分享Prometheus+Grafana的监控平台搭建，并监控之前文章所搭建的主机&服务，分享日常使用的一些使用经验本篇将配置常用服务的监控与面板配置：包括 MySQL,MongoDB,CLickHouse,Redis,RabbitMQ,Linux,Windows,Nginx,站点访问监控，已... ......
vue引入echarts
我用的是vue脚手架 版本是vue2 首先下载vue npm install --save echarts 执行这个命令 如果报错 vue中有提示 加上--force 或者 --legacy-peer-deps main.js中配置 import * as echarts from 'echarts ......
Vue 配置.env.pro和.env.dev文件
1、Vue2 配置 1.1 新建文件 .env.development VUE_APP_BASEURL='http://localhost:8081' .env.production VUE_APP_BASEURL='http://localhost:8082' 1.2 访问 import Vue ......