组件 步骤 前端 横向
前端实现跨标签页通信
标签页跨页通信 需求：浏览器不同 tab 标签页之间是独立的， 如果要通信必须通过特殊手段来实现跨标签页通信。 1.BroadcastChannel(webworker 可用) BroadcastChannel 接口代理了一个命名频道，可以让指定 origin 下的任意 browsing conte ......
如何在vue中注册和使用全局组件
1、在main.js入口文件中，使用Vue.component()方法注册组件 2、在需要使用组件的地方进行标签使用即可 <MyCount></MyCount> ......
界面控件DevExpress WPF流程图组件，完美复制Visio UI！(二)
DevExpress WPF Diagram（流程图）控件帮助用户完美复制Microsoft Visio UI，并将信息丰富且组织良好的图表、流程图和组织图轻松合并到您的下一个WPF项目中。 在上文中（点击这里回顾>>），我们为大家介绍了DevExpress WPF Diagram（流程图）组件性能 ......
《深入理解CentOS 7内核：架构和核心组件解析》
深入理解CentOS 7内核：架构和核心组件解析 CentOS 7作为一款流行的Linux发行版，其内核是整个系统的核心引擎，负责管理硬件资源、进程调度、文件系统等关键任务。深入理解CentOS 7内核的架构和核心组件对于系统管理员和开发人员来说是至关重要的，因为它直接影响到系统的性能、稳定性和安全 ......
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 = ......
从一次前端公共库的搭建中，深入谈谈tree shaking相关问题
项目背景 随着业务的积累，前端项目之间逐渐会产生许多可以跨项目复用的逻辑或组件。比如对前端数据库 indexedDB 的封装、对 fetch 请求进度和中断请求功能的扩展、以及可能会在多个项目使用的 react 和 vue 组件。当前已经有一个公共库专门用来收敛 js 的逻辑复用，但是随着相同技术栈 ......
vue前端截图
<template> <div class="bigbox"> <div class="box" ref="imageTest"> <div class="boxTop"> 13653197159 邀请您注册 <span style="color: #5FFFB7;">金猫矿池</span> </d ......
前端性能优化详解
性能优化这个词经常会在前端的工作或面试中遇到，这个东西说难好像也并不怎么难，毕竟谁都能说上几点。但是如果你想在工作上遇到各种场景的性能瓶颈时都有直击本质的性能方案，或者在面试时让面试官眼前一亮，那就不能只拘泥于『想到哪说到哪』或者『说个大概』，而要有一套体系化的、各个角度的、深入了解的知识图谱。这篇 ......
BOSHIDA DC电源模块检测故障步骤有哪些？
BOSHIDA DC电源模块检测故障步骤有哪些？ DC电源模块检测故障的步骤如下： 1. 检查电源输入是否正常，包括输入电压和电源极性是否正确。 2. 检查电源模块输出电压是否正常，测量输出电压值是否符合规格要求。 3. 检查电源模块输出负载情况，确保负载是否符合规格要求。 4. 检查电源模块输入输 ......
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 ......
Android 模拟器横向视图
How to change Android emulator to landscape mode? ctrl + fn + F11 on Mac to change the landscape to portrait and vice versa. left-ctrl + F11 on Window ......
飞码LowCode前端技术之画布的设计
简介 本章节从精准定位、分层设计、异步组件、拖拽四个方面分析飞码画布设计。 一、精准定位设计 飞码画布是一个套件，可对外提供画布能力。精准定位有两种情况，一是目标组件无子组件，而是目标组件有子组件。 无子组件：目标组件分为支持与不支持放子组件两种情况。 有子组件：鼠标相对于子组件（目标组件）对角线位 ......
Hadoop-3.3.6分布式集群搭建步骤
1.下载JDK8 Linux 安装Openjdk 2.下载Hadoop3.3.6 Hadoop 安装及环境变量配置 3.创建hadoop数据存储的目录 mkdir -p /opt/hadoop/tmp /opt/hadoop/hdfs/data /opt/hadoop/hdfs/name 4.配置h ......
Vue中自定义组件监听事件传参
自定义数字框组件如下 <template> <div class="count-box"> <button @click="handleSub" class="minus">-</button> <input :value="value" @change="handleChange" class=" ......
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 ......
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 ......
使用llama构建一个蜜罐(前端)
title: 使用llama构建一个蜜罐(前端) banner_img: https://cdn.studyinglover.com/pic/2023/07/e9a49d4a404ed9bc4b0f119249194e3d.png date: 2023-8-1 00:12:00 tags: - 网络 ......
高级前端开发工程师必备：Hooks、React Router v6 和状态管理
点击下方“前端开发博客”，关注并“设为星标” 大家好，我是漫步 最近一个大佬的简历这样子写的，“可以熟练利用react全家桶进行开发。对ahooks部分源码阅读,加深对hooks的基本使用及其内部的实现原理有了深层次的理解;阅读过react-rouer v6的源码,进行过技术分享;对技术选型( re ......
day05 K8S网络组件的深度剖析 (1.10.1 -1.10.3)
一、K8S网络组件的深度剖析上 1、认识Flannel Flannel是专为kubernetes 定制的三层网络解决方案，主要用于解决容器的跨主机通信问题 优势： kubernetes 发行版都可以默认安装Flannel 容器安装和配置 中小型网络架构首选 不需要专用的数据存储 劣势： 性能损耗高 ......
Java如何处理前端传来的金额转化为分
1. 在Java中，可以使用BigDecimal类来处理金额 import java.math.BigDecimal; public class Main { public static void main(String[] args) { BigDecimal amount = new BigDe ......
【前端VUE】Vue3路由设置（Typescript版本）
新建项目 npm create vite@latest 安装vue-router cd .\my-web\ npm install vue-router 在src -> components下新增（Home.vue） <template> <h1>我是主页</h1> </template> 在src ......
再学Blazor——组件建造者
使用 RenderTreeBuilder 创建组件是 Blazor 的一种高级方案。前几篇文中有这样创建组件的示例 builder.Component<MyComponent>().Build(); ，本文主要介绍该高级方案的具体实现，我们采用测试驱动开发（TDD）方法，大致思路如下： 从测试示例入 ......
15、SpringMVC之常用组件及执行流程
15.1、常用组件 15.1.1、 DispatcherServlet DispatcherServlet 是前端控制器，由框架提供，不需要工程师开发； 作用：统一处理请求和响应，整个流程控制的中心，由它调用其它组件处理用户的请求。 15.1.2、HandlerMapping HandlerMapp ......
【前端VUE】Vue3条件渲染指令（v-if、v-else、v-else-if、v-show、v-for）
新建项目 npm create vite@latest 运行项目 cd 项目目录 npm install npm run dev 条件渲染指令 1、v-if v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回真值时才被渲染。 2、v-else 可以使用 v-else 为 v-if ......
前端框架vue路由hash模式与history模式的区别
hash模式会在页面初始化的时候，url后面会带上/#的hash值，后面是路由组件加携带参数，缺点是看起来不太美观，但相比于history模式来说，它具有用户在页面各种点击操作后，点击刷新后数据不丢失，也不会出现网络报错。 而history模式优点是能让整个url看起来比较简洁美观，但问题就是项目部 ......
kubelet监控资源组件cAdvisor
为什么kubelet引入cAdvisor 1 无法提供节点粒度资源数据。2 docker stats只能查看容器当前资源占用情况，无法查看历史数据。3 没有可视化页面。 部署cAdvisor容器并访问页面 docker run -itd \ --rm \ --volume=/:/rootfs:ro ......