组件 之间parent vue3
字段约束条件，表与表之间的关系
约束条件 1.无符号，零填充（unsigned,zerofill） unsigned id int unsigned #只能存正数 zerofill id int(5) zerofill #如果输入的不满5位的话就用0填充 2.非空（not null） create table t1( id int ......
vue3中 toRefs和 toRef 的区别
toRefs 是为了避免对一个响应式对象解构的时候，解构后的每个属性不具有响应性 toRef 是为了针对单独获取某个对象的属性的时候保持响应性，从而单独对某个对象的属性进行响应式转化 针对 reactive 或者 ref 创建的响应式对象都可以使用这两个 api 进行转化 注意：toRefs只能对第 ......
vue3中路由错误自动跳转404页面 路由表写法
定义路由表 import { createRouter, createWebHashHistory } from "vue-router"; const routes = [ { path: "/", name: "home", component: Home, }, // ... { path: ......
封装表单组件，如果通过计算属性来解决打破单项数据流问题
平常当我们封装表单组件时候，子组件修改了内容，会通过emit的方式触发父组件来修改数据或者使用发布订阅方式 ，从而保证单项数据流不被打破。 那如何 用computed 计算属性来简化该方式呢 form页面 <el-input v-model='model.keyword'> <el-select v ......
Vue3.0学习（一）------Vue简单介绍
什么是Vue？ 官方原文：Vue是一款用于构建用户界面的JavaScript框架。它基于标准的HTML、CSS和JavaScript构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。 简单来说，Vue就是一个构建用户界面的前端框架 Vue的两个核心功能 声明式渲染 Vue基于标 ......
可视化组件g2之分组箱型图、柱形图、散点图简单使用
<!-- 引入 G2 文件 --> <script src="./plugins/g2.v5.min.js"></script> <style> .container { display: flex; } .div { height: 500px; } </style> <!-- 创建图表容器 -- ......
二次封装ui组件，如何做到属性，作用域插槽以及 实例方法的穿透使用
A页面： 在使用二次封装的组件 <MyInput ref='inputRef' v-model='data' placeholder='xxxx'> <template #prepend> ...... </template> <template #append> ...... </template ......
2023.04.06 - 使用mixin动态混入，对vue组件中的数据做兼容经验总结(xp)
业务场景：在一个高拍仪的硬件设备中，厂家给了两套不同的API，分别支持win XP 和 winXP以上版本的系统，而这两套API的实现方式截然不同，一套使用的是http通信，一套是使用scoket通信，方法的调用自然也是不同。 我需要在同一组件兼容这两套代码。这种需求下很明显，我除了修改组件里的函数 ......
直播平台软件开发，简单易修改的弹框组件
直播平台软件开发，简单易修改的弹框组件 弹窗组件 适用框架 vue, uniapp 使用再uniapp 框架中可简单修改标签与尺寸单位后使用 px与rpx <!-- vue --><template><div v-show="ishide" @touchmove.stop.prevent><!-- ......
SpringBoot中如何编写一个优雅的限流组件？
很早以前，我曾写过两篇介绍如何在SpringBoot中使用Guava和Redis实现接口限流的文章。具体包括： 使用Guava实现单机令牌桶限流 使用Redis实现分布式限流 现在，一个问题摆在我们面前：如何将这两种限流机制整合到同一个组件中，以便用户随时切换呢？ 显然，我们需要定义一个通用的限流组 ......
分布式与微服务之间的关系
根据设计期的架构思想和运行期的不同结构分为： 面向服务的架构 分布式服务架构 微服务架构 1、面向服务架构。以业务服务的角度和服务总线的方式，一般是webservice与ESB，考虑系统架构和企业IT治理； 2、分布式服务架构。基于去中心化的分布式服务框架与技术，考虑系统架构和服务治理； 3、微服务 ......
Cadence Allegro 测量两点之间的线距
在Allegro 的PCB设计中 是有不同的单位显示，最常用的两种就是毫米（mm）和米尔（mil），两者的换算公式为：1mm=39.37mil，1mil=0.0254mm。其实在Allegro还有其他几种不同的单位设置，下面和大家简单介绍下Allegro中的单位设置，还有就是怎么在测量时显示两种单位 ......
用python的pywinauto组件控制微信Windows版
使用pywinauto组件可以比较容易的操纵微信Windows版进行信息发送和接受 前提如下 1、已经安装有关python组件。 2、微信已经打开和登录，下面的代码不负责登录操作。 3、微信版本3.9.2.23 具体实现有两个类 1、帮助类Helper import datetime class H ......
第四十七篇 vue - vue2 和 vue3 的对比
vue2 和 vue3 不同点汇总 1、生命周期 2、多根节点 3、Composition Api 4、异步组件 5、响应式原理 6、Teleport 7、虚拟 Dom 8、事件缓存 9、Diff 算法优化 10、打包优化 11、TypeScript 支持 生命周期 1、Vue3 生命周期 整体上变 ......
Springboot 系列 (29) - Springboot+HBase 大数据存储（七）| Springboot 项目通过 Phoenix 组件使用 JDBC 访问 HBase
Phoenix 是 HBase 的开源 SQL 皮肤，通过 Phoenix 可以使用标准 JDBC API 代替 HBase 客户端 API 来创建表，插入数据和查询 HBase 数据。Phoenix 会把 SQL 编译成一系列的 Hbase 的 scan 操作，然后把 scan 结果生成标准的 J ......
handsontable 前端类似excel组件
基于table https://handsontable.com/docs/javascript-data-grid/demo/ 基于canvas canvas-datagrid 基于canvas SpreadJS ......
6.15 组件传参
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script> </head> <body> <div ......
Vue3 前端传递字典格式会变味
axios .post('http://127.0.0.1:5000/'+modalAction.value+'_data',modalData.value,{headers:{'Content-Type':'application/json;charset=UTF-8'}}) .then(resp ......
字符串和数字之间的相互转化
通过包装类的 ValueOf() 方法，可以将字符串转换为想要的包装类，Byte、Short、Integer、Long、Float、Double 都有对应的 ValueOf() 方法。 基本可以实现相互转换，非常常用！ 1 int y = 102222; 2 String str = "102222 ......
TODO 我一直有个疑问, 视频编码 是否可以利用两帧之间的差异来保存起来,然后压缩整体视频
#疑问 如何使用ffmpeg来查看类似的数据? #工具 一、ffmpeg ffmpeg属于GPL或者LGPL，确切属于哪一种，要根据编译选项，因为它里面的库有些属于GPL的有些属于LGPL的，你编译的时候打开或者关闭这些库的选项，就决定了它属于哪一种。 http://www.ffmpeg.org/l ......
如何在vue3获取 DOM 元素
获取dom的ref元素名称，要对应暴露的名称，不然会出现无效的dom报错，也就是拿到的是null 在setup中，使用ref（null）获取dom 不能直接在setup里面拿到dom的值，因为setup对应的生命周期是created,所以必须在后续的生命周期钩子里面拿到，比如onMounted 注意 ......
Vue3——使用deep进行样式穿透的时候发出v-deep警告
前言 其实只是一个警告，如果你不在意也是可以的，不过有点强迫症就按着提示说的改了，然后又去官网看了下对应的文档； !> ::v-deep usage as a combinator has been deprecated. Use :deep() instead. 这里没啥好说的，因为Vue3的文档 ......
java库和组件
以下排序是按照从技术组件到开发框架到代码工具，也有一些实在不好分类的，就放到最后了。 WEB 容器 Tomcat https://tomcat.apache.org/ Jetty https://www.jetty.com/ JBoss https://www.jboss.org/ Resin ht ......
React中函数组件与类组件的区别
一、定义。 1、类组件 类组件，顾名思义，也就是通过使用ES6类的编写形式去编写组件，该类必须继承React.Component 如果想要访问父组件传递过来的参数，可通过this.props的方式去访问； 在组件中必须实现render方法，在return中返回React对象，如下： class We ......
js中e.clientX e.pageX e.offsetX e.screenX之间的区别
event.clientX、event.clientY 鼠标相对于浏览器窗口可视区域的X，Y坐标（窗口坐标），可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性 event.pageX、event.pageY 类似于event.clientX、event.clientY，但它们使用的 ......
linux中Bit、 Byte、KB、MB、GB、TB之间的换算
转载自：https://www.cnblogs.com/chong-zuo3322/p/14133439.html 换算 1 Byte = 8 Bits（即 1B=8b）1 KB = 1024 Bytes1 MB = 1024 KB 1 GB = 1024 MB 1 TB = 1024 GB 基本概 ......
项目实践后的图片压缩完整使用过程【vue3+js】
van-uploader + 图片压缩 + 图片base64转成file compressImage.js const ACCEPT = ['image/jpg', 'image/png', 'image/jpeg'] const MAXSIZE = 1024 * 1024 * 2; const M ......
React父组件调用子组件属性和方法
子组件暴露自身的属性和方法 父组件使用ref绑定对应的子组件。调用即可 ###类组件绑定ref示例 import React from 'react' import Child from './Child' export default class Parent extends React.Comp ......
子组件传递数据给父组件的三种方法
1.props <template> <!-- App.vue --> <div id="app"> <!-- 向子组件中传入函数 --> <Student :receive="receive"></Student> </div> </template> <script> import Studen ......
表格 表格 编辑之间数据联动需要注意的事项
1. let newList = JSON.parse(JSON.stringify(this.questionsList)) 把要赋值的数据转成json字符串，然后再转成json数据赋值2. newList = [...this.questionsList]如果数组的每项不是对象，可以通过结构赋值 ......