组件 常用confirm vue
第二十一篇 - vue中实现页面刷新以及局部刷新的方法
参考链接：https://blog.csdn.net/qq_41117240/article/details/127275478 第一步：在需要局部刷新的标签添加 第二步：在data里面初始化isRefresh的值为true 第三步：在method里面添加刷新函数 第四步：在需要局部刷新的地方调用刷 ......
mysql常用查询
1、Mysql查询某个表的字段名 select COLUMN_NAME from information_schema.COLUMNS where table_name = 'business_info'; 2、生成数据字典 select TABLE_SCHEMA,TABLE_NAME,COLUMN ......
Linux常用命令
一、入门步骤 1、下载安装虚拟机VMware 2、在虚拟机VMware上安装 系统 可以安装任何系统（Windows、Linux、mac 等） Linux CentOS 做练习 3、[root@ryan ~]# 认识提示符 o [用户 @ 计算机名 当前目录] # o ~ 表示在访问root目录 / ......
yarn的常用命令
yarn的常用命令： yarn -v // 查看yarn 版本 yarn config list // 查看yarn配置 yarn config get registry // 查看当前yarn源 // 修改yarn源（此处为淘宝的源） yarn config set registry https: ......
Java 常用中间件
Java 常用中间件 1、网关 Nginx、Kong、Zuul、Gateway 2、缓存 Redis、MemCached、OsCache、EhCache 3、搜索 ElasticSearch、Solr 4、熔断 Hystrix、resilience4j 5、负载均衡 DNS、F5、LVS、Nginx ......
vue锚点跳转
直接上答案 // 获取dom元素 const ele = this.$refs['refName']; // 获取元素距视窗的高度 const top1 = ele ? ele.getBoundingClientRect().top : 0; // 如果ref是在v-for中定义的，需如下获取 co ......
vue自定义样式
在项目中常常遇到一些页面由后台定制样式呈现，这就需要在页面中动态绑定style，如若定制样式里包含了伪类、媒体查询、hover效果能样式，寻常的v-bind:style内联样式可能就无法满足需求，这里就记录了一个解决办法。 那么该如何操作呢，简单举个栗子： 首先，我们在需要定制的样式元素上定义一个c ......
vue移动鼠标画矩形（抄别人的，下附原文地址）
1、draw.js /** * 画布中绘制矩形 * 参数: cav-画布对象 list-矩形数组 i-选中矩形下标 **/ /* 操作执行方法分发 */ export function draw(cav, list, i) { // 画布初始化 let ctx = cav.getContext('2 ......
Vue学习笔记（十一）：路由管理
1 Vue路由基本使用¶ 1.1 安装¶ Vue中默认并不提供路由功能，需要安装其插件Vue-router，如下所示，其中“@3”表示安装版本3 npm i vue-router@3 1.2 创建路由¶ 在src目录下创建路由文件目录，目录名为“router”，并在该目录下创建“index.js”文 ......
.NET 一些常用的类型转换扩展
/// <summary> /// 转换扩展类 /// </summary> public static partial class Extensions { #region 转换为long /// <summary> /// 将object转换为long，若转换失败，则返回0。不抛出异常。 /// ......
电气装配所要掌握使用的常用电工工具
众所周知，不论是哪个行业，哪个工种，都需要其相对应的工具。电工作为拥有专业技能的职业，自然是需要更加专业的、安全的电工工具。熟悉掌握使用，对于电工作业具有很大的帮助。那么电气装配工作时，需要使用哪些电工工具呢？下面就来介绍一下电气装配时常用的电工工具。 1.螺丝刀 螺丝刀也俗称螺丝批，改锥，按功能分 ......
[Vue]模板语法和MVVM
模板语法分为： ①插值语法、②指令语法 插值语法 {{ xxx }} 指令语法 v-bind:attr='xxx' 注意 v-bind: 只是一种指令，指令可以有很多种。 v-bind: 可以简写为 : <body> <div id="root"> <h1>插值语法</h1> <h3>{{ name ......
jq工具及其常用用法
近来在工作中处理JSON处理较多，深入研究了一下jq，之前对jq的使用一直停留在JSON数据格式化的层面，实际它的能力远不止于此。
在处理JSON数据时，我们经常需要在命令行中进行过滤、查询和编辑的操作。jq是一个强 ......
vue @click.native/stop/prevent
1.@click.native 父组件要引用子组件中的点击事件，可以通过@click.native来直接访问子组件中的方法，如果不使用@click.native可在子组件中使用this.$emit('click')来传递事件 // 父组件 <template> <div> <span>父组件页面</ ......
Qt/C++编写物联网组件/支持modbus/rtu/tcp/udp/websocket/mqtt/多线程采集
一、功能特点 支持多种协议，包括Modbus_Rtu_Com/Modbus_Rtu_Tcp/Modbus_Rtu_Udp/Modbus_Rtu_Web/Modbus_Tcp/Modbus_Udp/Modbus_Web等，其中web指websocket。 支持多种采集通讯方式，包括串口和网络等，可自由 ......
常用JDBC数据库驱动包和类名
MySQL数据库： 1）驱动包：https://mvnrepository.com/artifact/mysql/mysql-connector-java（下载路径） 2）驱动类名：com.mysql.jdbc.Driver 3）JDBC的URL：jdbc:mysql://IP地址:端口号/数据库名 ......
轻松掌握组件启动之MongoDB（上）：高可用复制集架构环境搭建
本文介绍了MongoDB复制集的架构和特点，强调了使用复制集提供数据的高可用性和冗余性的重要性。复制集由Primary节点和Secondary节点组成，确保数据一致性。复制集还具有数据分发、读写分离和异地容灾等附加功能。使用MongoDB复制集可以提供稳定可靠的数据存储和高可用性。 ......
Vue实现文件上传(单文件、多文件、分片上传)
前端使用UI封装好的upload组件 1.单文件上传 <a-upload :disabled="!editpersonflag" name="avatar" listType="picture-card" class="avatar-uploader" :showUploadList="false" ......
常用字符集详解
ASCII 计算机刚出来的时候，只在美国使用，所以美国最开始制定了 ASCII 编码（American Standard Code for Information Interchange，美国信息交换标准代码），于 1963 年发布了 ASCII 的第一版，1967 年经历了一次主要修订，最后一次更 ......
手撕Vue-数据驱动界面改变下
经过上一篇的介绍，已经实现了观察者模式的基本内容，接下来要完成的就是将上一篇的发布订阅模式运用到 Nue 中，实现数据驱动界面改变。 在监听数据变化的章节当中，根据指定的区域和数据去编译渲染界面 这个步骤处，我写了一个注释，这个注释是这样的：第一步：给外界传入的所有数据都添加get/set方法，第二 ......
多文件异步读取.Net组件
一个高性能、低内存文件上传流.Net组件 一个高性能、低内存文件上传流.Net组件 推荐一个用于轻松实现文件上传功能的组件。 项目简介 一个基于 .NET 平台的开源项目，提供了一个简单易用的 API，可以在 Web 应用程序中快速集成文件上传功能。 优化多部分流式文件上传性能：减少25%的CPU使 ......
Vue源码学习(十一):计算属性computed初步学习
好家伙， 1.Computed实现原理 if (opts.computed) { initComputed(vm,opts.computed); } function initComputed(vm, computed) { // 存放计算属性的watcher const watchers = vm ......
开源项目 | 一款基于NodeJs+Vue3的强大的在线设计图片工具
采用 Vue3+Vite2+Vuex+ElementPlus 技术实现的在线海报图片设计工具，可用于生成电商分享图、文章长图、视频/公众号封面等。 ......
vue3中setup
和vue2不同的是vue3中的script中带有setup标签 里面的setup相当于vue2中的data和methds空间可以放置函数，也可以执行函数 在写时需要有return返回值 <script setup> </script> setup执行发生在页面之前所以不能使用this函数，一般通过r ......
手撕Vue-数据驱动界面改变上
经过上一篇的介绍，已经实现了监听数据的变化，接下来就是要实现数据变化后，界面也跟着变化，这就是数据驱动界面改变。 想要实现数据变化之后更新UI界面，我们可以使用发布订阅模式来实现，先定义一个观察者类, 再定义一个发布订阅类, 然后再通过发布订阅的类来管理观察者类。 接下来我们就来实现这个代码。 定义 ......
【Dotnet篇】Dotnet CLI常用命令
dotnet --list-sdks // 列出已经安装的sdk版本信息 dotnet --list-sdks dotnet --list-runtimes // 列出已经安装的运行时版本信息 dotnet --list-runtimes dotnet nuget list source // 这会 ......
常用cmd命令
calc：启动计算器 Shutdown -s -t 30：表示30秒后自动关机，中间带有空格。 shutdown -a ：取消定时关机 Shutdown -r -t 30：表示30秒后自动重新启动 control：控制面版 devmgmt.msc：设备管理器 desk.cpl：屏幕辨别率 diskm ......
uniapp video组件全屏导致页面横竖错乱问题
uniapp video组件全屏导致页面横竖错乱问题 背景介绍 使用 video组件做一个视频播放功能，不全屏的情况正常。在苹果手机上全屏后，点击左上角退出全屏，页面出现问题如下图问题，主要系统iOS16 以上的都有问题。 非全屏(竖屏) 全屏(横屏) 硬件环境 品牌 系列 版本 存在 IPhone ......
手撕Vue-监听数据变化
经过上一篇的介绍，已经实现了将模板编译成具体数据，接下来要介绍的是如何监听数据的变化，本章主要完成这个需求即可。 在我们文章的开始，我写了一个 Vue 双向数据绑定原理的文章当中封装了一个 Observer 类，这个类的作用就是监听数据的变化，当数据发生变化的时候，会通知订阅者，订阅者会去更新视图。 ......