组件 两个 事件 页面
2023-11-27 记录react拖拽组件——react-draggable试用方法
安装： yarn add react-draggable 注：如果你用npm安装失败可以尝试使用yarm，我就是npm i react-draggable报错了，用yarn装才好 普通使用： // 引入 import Draggable from 'react-draggable'; const D ......
【Java - 图形界面设计】窗体 && 组件 && 事件
窗体 窗体对象JFrame package com.EveX.frame; import javax.swing.*; public class FrameTest { public static void main(String[] args) { /*创建窗体*/ JFrame frame = ......
Visual Studio 的中一键打开当前代码 Gitee.com 的 Web 页面
Open on GitHub 是一个 Visual Studio 的扩展， 用于将当前编辑器中的代码在托管网站上打开， 目前支持 GitHub, GitLab, Gitea,Gitee, Bitbucket 和 AzureDevOps (dev.azure.com, visualstudio.com ......
两个大小相同集合最接近的累加和 -dp
给定一个正数数组arr，请把arr中所有的数分成两个集合 如果arr长度为偶数，两个集合包含数的个数要一样多 如果arr长度为奇数，两个集合包含数的个数必须只差一个 请尽量让两个集合的累加和接近 返回最接近的情况下，较小集合的累加和 字节面试 暴力递归 public static int rig ......
两个集合最接近的累加和
给定一个正数数组arr， 请把arr中所有的数分成两个集合，尽量让两个集合的累加和接近 返回最接近的情况下，较小集合的累加和 暴力递归 分析题干： 1：将arr数组分成两个集合，并且两个集合的累加和尽量的接近。 2：返回最接近情况下的最小集合累加和。 那就假设arr数组中元素的累加和是sum，让两个 ......
Flutter 利用路由监听页面的展示与否
1、新建routeObser.dart文件： import 'package:flutter/material.dart'; class AppRouteObserver { //这是实际上的路由监听器 static final RouteObserver<ModalRoute<void>> _ro ......
React 组件之属性
如果你想要实现自己的梦想，就必须先拥有勇气去追求它。 1. React Props 属性 props 主要解决两个问题：复用性问题以及可以让组件之间通信。 属性 props 正常是外部传入的，组件内部也可以通过一些方式来初始化的设置，属性不能被组件自己更改（属性是描述性质、特点的，组件自己不能随意更 ......
vue3使用kindeditor富文本编辑器组件，支持上传图片（接口或base64）
参考文章：https://blog.csdn.net/qq_27936291/article/details/124768989 1.安装插件 npm i @zhj-target/vue3-kind-editor --save 或者 yarn add @zhj-target/vue3-kind-ed ......
原理-事件循环
如何理解 JS的异步? 参考答案: JS是一门单线程的语言，这是因为它运行在浏览器的渲染主线程中，而渲染主线程只有一个。而渲染主线程承担着诸多的工作，渲染页面、执行 JS 都在其中运行。如果使用同步的方式，就极有可能导致主线程产生阻塞，从而导致消息队列中的很多其他任务无法得到执行。这样一来，一方面会 ......
Python opencv 调用摄像头，并允许鼠标绘制两个框
import cv2 # 定义框的类 class BoundingBox: def __init__(self, label, x, y): self.label = label self.x_initial = x self.y_initial = y self.x = x self.y = y ......
Vue中自定义组件监听事件传参
自定义数字框组件如下 <template> <div class="count-box"> <button @click="handleSub" class="minus">-</button> <input :value="value" @change="handleChange" class=" ......
vue实现页面全屏、局部全屏等多方式全屏
1、vuex创建全局变量在store/index中： import Vuex from 'vuex' Vue.use(Vuex) const user = { state: { // 全屏 fullscreen: false, }, mutations: { // 全屏 SET_FULLSCREEN ......
unapp(微信小程序)-跳转页面之后返回原页面保留原页面数据
1. 第一步：跳转至新页面 1 uni.navigateTo({ 2 url: `/pages-tracerecord/hn-contact？add=${encodeURIComponent(JSON.stringify( 3 { 4 ID: this.operate.ClientID, 5 Sit ......
vue2+element 多选框多选时不换行（el-select组件）调整为鼠标左右滑动查看
1 <el-select v-model="name" multiple placeholder="请选择" > 2 <el-option label="A" value="a"></el-option> 3 <el-option label="B" value="b"></el-option> 4 ......
修复页面路由跳转后自动滚动一段距离的缺陷
任何一个页面，如果没有手动配置滚动条。若页面高度超出屏幕，拉到页面底部然后点击进行页面路由跳转，就会产生自动滚动一段距离的缺陷。 解决方法为，在跳转前的页面加上样式： .main{ height: 100vh; overflow-y: scroll; overflow-x: hidden; } 即可 ......
socket.on可以直接添加自定义事件吗，理解socket的事件触发与响应
在Web开发中，socket.on通常是用于注册处理特定事件的回调函数的方法。它主要用于处理Socket.IO库中的预定义事件，例如"connect"、"disconnect"、"message"等。 然而，Socket.IO也允许你添加自定义事件，以便在客户端和服务器之间进行自定义的双向通信。要使 ......
vue2跨级组件传值
//祖先组件 import Son from './Son' export default { components: { Son }, provide () { return { money: 1000000000 } } } 子孙组件 <template> <div> 孙子组件 <p>这个是爷爷 ......
vue2兄弟组件传值
// 1 创建一个公共的vue实例(bus) import Vue from 'vue' const bus = new Vue() export default bus <!-- brother1--> <template> <div> 兄弟1组件 <p> <button @click="send ......
Bypass 403 Forbidden 403页面绕过技巧
介绍 根据基础设施分析师所做的配置，有一些方法可以解决 403 禁止错误，通常是通过配置何时不允许您访问该目录或文件的某些资源。 我创建了这个快速文档来演示一些技术，包括我已经使用它并设法通过 403错误并访问数据库管理登录页面。 一些技巧📄 注意力 ️ 在使用下面的技术之前，值得为每次尝试更改 ......
牛客 牛客周赛Round20. (如何让两个dfs连起来) D 小红的数位删除 (让第二个dfsB继承第一个dfsA的结果, 从而达到目的
package newCode.周赛Round20; import java.util.ArrayList; import java.util.List; import java.util.Scanner; public class D_solution2 { static int la, lb; ......
day05 K8S网络组件的深度剖析 (1.10.1 -1.10.3)
一、K8S网络组件的深度剖析上 1、认识Flannel Flannel是专为kubernetes 定制的三层网络解决方案，主要用于解决容器的跨主机通信问题 优势： kubernetes 发行版都可以默认安装Flannel 容器安装和配置 中小型网络架构首选 不需要专用的数据存储 劣势： 性能损耗高 ......
再学Blazor——组件建造者
使用 RenderTreeBuilder 创建组件是 Blazor 的一种高级方案。前几篇文中有这样创建组件的示例 builder.Component<MyComponent>().Build(); ，本文主要介绍该高级方案的具体实现，我们采用测试驱动开发（TDD）方法，大致思路如下： 从测试示例入 ......
15、SpringMVC之常用组件及执行流程
15.1、常用组件 15.1.1、 DispatcherServlet DispatcherServlet 是前端控制器，由框架提供，不需要工程师开发； 作用：统一处理请求和响应，整个流程控制的中心，由它调用其它组件处理用户的请求。 15.1.2、HandlerMapping HandlerMapp ......
Flutter 页面渲染完毕回调
void initState() { WidgetsBinding.instance.addPostFrameCallback((mag) { print(" 页面渲染完毕"); } } ......
PHP将数据表里的两个字段映射成对象的键和值
$playersArray = DB::table('sign_up') ->select('user_id', 'nickname') ->where('order_id', '=', $request->id) ->where('nickname', '<>', '') ->get() ->to ......
[JS] 事件总线
事件总线是对发布-订阅模式的一种实现。
发布-订阅模式定义对象间的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都将得到通知。
发布-订阅模式实现了松耦合，发布者不是直接将消息发送给订阅者，而是经过了一个中间的代理，事件总线就是一种中间代理的实现。 ......
kubelet监控资源组件cAdvisor
为什么kubelet引入cAdvisor 1 无法提供节点粒度资源数据。2 docker stats只能查看容器当前资源占用情况，无法查看历史数据。3 没有可视化页面。 部署cAdvisor容器并访问页面 docker run -itd \ --rm \ --volume=/:/rootfs:ro ......
.NET Core MVC基础之页面传值方式
.NET Core MVC基础之页面传值方式📃 前言 最近工作太忙了，浅浅更新一下.NET基础知识。大部分面试官都会问.NET页面传值的几种方式，那么接下来就来细讲与实现一下吧！ 页面传值分成两类 第一类：控制器给视图传值 第二类：视图给控制器传值 本篇文章主要讲控制器给视图传值 控制器->视图 ......
【SpringBoot应用篇】SpringBoot: 事件的发布和监听
【SpringBoot应用篇】SpringBoot: 事件的发布和监听 应用场景 概述 自定义事件发布和监听 pom 自定义事件源和实体 发布事件 监听类使用ApplicationListener方式 监听类使用@EventListener方式 Spring事件最佳实践 通用泛型类事件 发布事件类 ......
XRender watch事件
watch 监听 watch 其实就是 onValuesChange（不提供对外使用）的增强版，用于监听表单数据改变，可以做到单字段细粒度的监听。 语法特征：[path]: () => {}，path 按照表单的数据结构路径书写就可以了，List 组件的比较特殊，例如对应的表单字段是 cityLis ......