组件 之间parent vue3
MyBatis的执行流程及核心组件
MyBatis的执行流程及核心组件如图所示。 基本组件介绍 Configuration 用于描述MyBatis的主配置信息，其他组件需要获取配置信息时，直接通过Configuration对象获取。除此之外，MyBatis在应用启动时，将Mapper配置信息、类型别名、TypeHandler等注册到C ......
在线直播系统源码，Vue3中全局配置 axios
在线直播系统源码，Vue3中全局配置 axios 1. 简单项目的全局引用 如果只是简单几个页面的使用，无需太过复杂的配置就可以直接再 main.js 中进行挂载 import Vue from "vue"; /* 第一步下载 axios 命令：npm i axios 或者yarn add axio ......
vue3使用iconfont字体图标时的注意事项
前言 iconfont地址：https://www.iconfont.cn/ 正文 在代码中如何引用 https://www.iconfont.cn/help/detail?spm=a313x.7781069.1998910419.27&helptype=code 字体图标的自带颜色 有些字体图标是 ......
windows 服务开发组件之Topshelf
常用的windows服务开发有vs自带的windows服务开发,但是操作起来不是很便利,相比Topshelf后者更加的方便,且易于调试,安装,卸载. 1、安装 通过nuget搜索最新版本的topshelf,并安装到控制台项目(netcore和net均可)中,一般都是用控制台调试,然后通过topshe ......
Java中获取两个日期之间年月日的实用类
写代码过程中有一个需求是给一个出生日期，要计算出生日期和当前日期之间的年月日，发现可以用Period 这个类实现 //出生日期 LocalDate birth = LocalDate.of(2000, 11, 3); Period period = Period.between(birth, Loc ......
[K8S系列四] K8S核心组件与核心概念(Pod、Deployment、Service)
[K8S系列四] K8S核心组件与核心概念(Pod、Deployment、Service) 1. 核心组件与核心概念 K8S集群分为Master节点和Node节点，Master节点负责调度分配任务，Node节点接受Master调度进行工作。 1.1 Master节点组件 1. API Server ......
vue3+vite 解决本地调用时跨域请求
1、config配置文件中，axios默认请求地址；改为""，否则还是请求环境变量中的地址； 2、vite.config.ts文件中做如下配置： server: { open: true, //启动项目自动弹出浏览器 port: 8081, //启动端口 cors: true, proxy: { " ......
【vue】vue3中的动画
vue版本：vue3 不过是控制动画放到了标签内控制 在上图中，是绑定到了style vue中关于动画的封装 入场出场动画 进入开始状态（时间点） .v-enter-from { } 动态效果（时间段） .v-enter-active { } 终止状态（时间点） .v-enter-to { } .v ......
hyperf jwt组件的安装和使用
安装 jwt的组件 composer require hyperf-ext/jwt 发布配置 发布后生成 jwt文件 php bin/hyperf.php vendor:publish hyperf-ext/jwt 文件位于 config/autoload/jwt.php。 ......
vue实现在固定区域内鼠标轮滚放大缩小图片组件
<template> <div style="width: 100%;position: relative;overflow: hidden;text-align: center;border: 6px solid #f1f2f3;"> <el-button size='mini' circle t ......
React Native学习笔记（三）—— 组件
一、创建ReactNative项目 1.1、React Native 有一个内置的命令行界面，你可以用它来生成一个新项目。您可以使用 Node.js 附带的 访问它，而无需全局安装任何内容。让我们创建一个名为“AwesomeProject”的新 React Native 项目：npx npx rea ......
SQL Server如何启用xp_cmdshell组件
【解决办法】：1、通过SQL语句开启。[推荐此方法，因为在任何版本的SQL SERVER中都可以使用。]通过查询分析器，选择Master数据库，然后执行以下SQL内容： sp_configure 'show advanced options',1 reconfigure go sp_configur ......
多台服务器之间配置ssh免密登录
需求：假设有N台服务器，N台服务器之间都需要配置相互间免密登录 步骤1：在一台服务器上安装ansible yum -y install epel-release && yum -y install ansible 步骤2：在这台服务器上生成密钥对 ssh-keygen 步骤3：生成authorize ......
swoft2.x 扩展elasticsearch 组件
扩展elasticsearch 的 组队 官网上好像并没有这个文档。找了一下有大佬补充的 在此感谢大佬 composer require limingxinleo/swoft-elasticsearch 请注意elasticsearch 文件位置。 // 每一个ES服务地址，是一个数组，支持配置详细 ......
vue3中监听scroll事件的3种方法
监听元素的滚动事件是很常见的一个需求了。下面介绍3种在vue3中监听元素滚动事件的方法。 1.添加事件监听：Event Listener <script setup> import { ref, onMounted, onUnmounted } from 'vue' const content = ......
vue3适配移动端的登录实现
<script lang="ts" setup> import { ref } from 'vue' const PHONE_NUMBER_REGEX = /^1[0-9]{10}$/ const VERIFICATION_CODE_REGEX = /^[0-9]{6}$/ const LOGIN_ ......
Android开发-Android常用组件-ScrollView滚动条
4.10 ScrollView(滚动条) 我们可以直接利用ScrollView给我们提供的:fullScroll()方法。 scrollView.fullScroll(ScrollView.FOCUS_DOWN); 滚动到底部 scrollView.fullScroll(ScrollView.FOC ......
Vue3 v-drag 拖拽指令的简单使用
文档 官网文档：https://www.npmjs.com/package/v-drag 使用 安装、引入 npm install v-drag --save import drag from "v-drag" 使用 直接使用： <div v-drag>Drag me!</div> 注意：对原本绝对 ......
Android开发-Android常用组件-SeekBar拖动条
4.9 SeekBar拖动条 android:max 滑动条的最大值 android:progress 滑动条的当前值 android:secondaryProgress 二级滑动条的进度 android:thumb 滑块的drawable 接着要说下SeekBar的事件了，SeekBar.OnSe ......
pinia如何在组件外使用并修改 store？
问题 在 vue3 + pinia 开发中，使用了自定义指令 directives，指令实现在独立的 js 文件中，想通过监听 dom 元素的变化修改 pinia 的 state 状态，直接在初始化调用 store 函数， directives/index.js import { useLayerS ......
react学习（一）（react特点，创建react项目，jsx语法，函数组件和class组件，样式写法，条件语句，遍历数组和点击事件，表单处理）
React 是一个用于构建用户界面的 JAVASCRIPT 库。 React 主要用于构建 UI，很多人认为 React 是 MVC 中的 V（视图）。 React 起源于 Facebook 的内部项目，用来架设 Instagram 的网站，并于 2013 年 5 月开源。 React 拥有较高的性 ......
轮播图组件swiper之两个轮播图同步
试用下一个swiper轮播图作为另一个swiper轮播图的分页器，解决同步问题 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="I ......
Vue3 watch 监听函数
1、watch函数（既要指明监视的属性，也要指明监视的回调） 坑： 1）监视reactive定义的响应式数据时：oldValue无法正确获取、强制开启了深度监视（deep配置失效） 2）监视reactive定义的响应式数据中某个属性时：deep配置有效 setup(){ let sum = ref( ......
vue3路由跳转params传参接收不到
这样路由可以跳转过去，但接收到了params是一个空对象。 解决方法 由于之前的params传参在页面刷新之后，参数会丢失，所以vue将这种方法移除了。 vue推荐的路由跳转传参方法： 1.使用query传递参数 2.使用vuex、pinia对参数进行存储 3.使用 History API 方式传递 ......
vue3 ant-Design-vue提交按钮放在表单外提交，自定义提交按钮
<template> <a-form ref="urlEditRef" :model="urlEditInfo" name="urlEdit_rule" layout="vertical"> <a-form-item label="跳转链接" name="longUrl" :rules="[{ re ......
Vue3中修改父组件传递到子组件中的值
Vue3中修改父组件传递到子组件中的值1.大家都知道，vue是具有单向数据流的传递特性。当你在子组件中修改父组件传递过来的数据的时候，控制台就会报出错误，说不让你对父组件传递的值进行修改。2.那么，尤大大为了解决这个问题，在vue3的时候给我们提供了一个新的思路:v-model来实现父传子，并且子也 ......
vm实现不同物理机与虚拟机之间的通信
参考说明： https://blog.csdn.net/qq_31329893/article/details/83511815 场景：我的win10电脑，安装了vm workstation，搭建了几个虚拟机集群，我想让其他物理机也可以访问。 1. 但不切虚拟机的IP，因为这样很麻烦，换个网络，又得 ......
vue3 - 引入自定义插件的组件的具体写法
1.背景 我的这一篇随笔详细讲解组件怎么制作与引入使用【vue3 - 在单独的项目制作自定义组件插件，支持vite【前提不要使用webpack专属语法】，并引入插件 -心得 - 岑惜 - 博客园 (cnblogs.com)】 但在局部引入组件时，eslint红色警告 引用名言：“又不是不能用==” ......