✍️ 作者简介: 一个每天中午去打篮球和锻炼的前端开发。?⬛ 两只猫?和一只狗的铲屎官?? 微博: GuoJ阝阝（fu）前言最近公司的管理系统又要添加新功能，需求是为表格数据添加右键菜单，操作当前选中行的属性。 刚开始想的是直接控制DOM树生成一个HTML编写的菜单，挂载到右键点击的位置。但是我觉得vue这么强大，肯定有右键组件，肯定比自己写的好看。不查不知道，一查居然发现vue原生支持右键菜单，
转载
2024-09-29 11:48:25
307阅读
# jQuery 左键面板的使用与实现
在现代Web开发中，交互性是非常重要的。而左键面板（也称为上下文菜单）可以帮助用户更方便地与页面进行互动。今天，我们将介绍如何使用 jQuery 创建一个简单的左键面板，并实例化代码示例。
## jQuery 概述
jQuery 是一个快速、小巧的 JavaScript 库，旨在简化 HTML 文档操作、事件处理、动画和 AJAX 与易用的 API 接
# 实现 jQuery 左键面板的完整指南
在现代网页开发中，交互效果是提升用户体验的重要部分之一。左键面板是一种常见的用户界面元素，它通常用于显示详细信息、操作按钮或其他功能。本文将指导你如何使用 jQuery 来实现一个简单的左键面板。
## 一、流程概述
我们将分几个步骤来创建这个左键面板。下面是整个流程的步骤表：
| 步骤 | 描述
今天分享的不是技术，今天给大家分享个插件，针对现有的vue右键菜单插件，大多数都是需要使用插件本身自定义的标签，很多地方不方便，可扩展性也很低，所以我决定写了一款自定义指令调用右键菜单(vuerightmenu)安装npm install rightmenu --save-dev开始//main.js
import vue from "vue";
import rightMenu from "ri
前言电容式触摸按键在外形美观和使用寿命等方面都优于传统的机械按键，所以在电子产品上非常受欢迎，这里简单的对触摸按键作简要的介绍。一、电容触摸按键优点电容式式触摸按键不需要人体直接接触金属，可以彻底消除安全隐患，即使带手套也可以使用，并且不受天气干燥潮湿人体电阻变化等影响，使用更加方便。电容式触摸按键没有任何机械部件，不会磨损，无限寿命，减少后期维护成本。电容式触摸按键感测部分可以放置到任何绝缘层（
转载
2023-09-15 22:32:35
194阅读
实现效果图：当鼠标点击节点时，出现圆环选项，具备删除节点和编辑节点功能，点击删除icon可实现删除节点功能，点击编辑icon可实现编辑节点功能。解决思路：（1）圆环形工具栏实现：关键在于定位，当点击节点时，使用【this.network.getPositions(e.nodes[0])】获取鼠标点击的位置；使用【this.network.getScale()】获取缩放尺寸；【this.networ
vue中，右键菜单组件v-contextmenu的使用1、效果右键菜单之禁用和子菜单2、流程第一步：安包npm install v-contextmenu --save-dev
npm install --save vue-runtime-helpers第二步：引入src/main.jsimport contentmenu from 'v-contextmenu'
import 'v-contex
转载
2024-10-13 18:45:38
263阅读
这里给大家介绍treegrid和datagrid中的两种右键菜单展示方式：1：treegrid:<script type="text/javascript">
function show(){
tip.show();
tip.autoHide();
}
$(document).ready(function(){
var JSON = '<%=request.getAttr
转载
2024-11-01 08:29:34
133阅读
1.创建index文件 <template>
<div class="white-body-view">
<!-- 树 -->
<tree
ref="customTree"
:tree-data="treeData"
:tree-expand-all="treeExpandAll"
实验管理系统某学院实验老师长期采用人工的形式完成药品试剂的入库、查询、出库的流程。但这种方式存在诸多问题和不便：1. 在仓库运行流程中效率不高，容易出错。2. 管理人员不能方便的了解每种物品的状态。3. 数据量越来越大，难以维护。因此，为了解决以上问题，提高办公效率，提高人力物力的利用率，对仓库工作进行信息化，规范化管理，结合使用单位的需求，开发出一套适合使用单位进行管理使用的系统。2021.3.
前端CSS CSS介绍 CSS（Cascading Style Sheet，层叠样式表)定义如何显示HTML元素，给HTML设置样式，让它更加美观。 当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化（渲染）。CSS语法 CSS实例 每个CSS样式由两个组成部分：选择器和声明。声明又包括属性和属性值。每个声明之后用分号结束。 CSS注释
转载
2024-08-09 09:54:52
47阅读
概述：对Tree的懒加载与非懒加载进行分析，进行某个树节点的刷新，在单选、多选下对树进行初始化反选并展开选择节点等。一、对Tree是否懒加载说明：1.懒加载：Tree的懒加载，用一个属性控制：lazy。使用lazy，就要使用load来加载数据进行渲染树。1-1.原理：初始化触发load函数先加载初始数据，通过点击某个节点，触发load函数，来加载这个节点下的子节点。1-2.比较适合初始化没有反选的
转载
2024-10-18 06:41:26
390阅读
传统按钮置灰，需要使用另外一张纹理。本例通过修改shader和NGUI sprite的r值来实现按钮的置灰。优势：节省纹理，操作简单只需将NGUI的Resource/Shaders目录下Unlit - Transparent Colored的shader修改部分代码即可，如下（第60行处）：// original
// fixed4 frag (v2f IN) : COLOR
// {
转载
2024-08-21 11:27:12
272阅读
鼠标可以说是一个划时代的发明了，通过左右键的使用，基本囊括了PC操作中的一些常见动作，远远要好过触摸屏的点点点，手势识别等。FileMenu Tools是一个加强邮件菜单的工具软件，非常的实用跟方便，支持自定义设置，好好研究透了的话，提高效率等等都不在话下。FileMenu Tools支持自定义如下的功能：激活运行外部应用程序复制/移动到特定文件夹删除特定的文件类型将选定的文件作为附件发送到电子邮
【代码】javafx 面板空白处右键菜单。
原创
2023-10-31 10:43:49
168阅读
昨天终于将显卡成功安装了，从nvidia那里下了NVIDIA-Linux-x86-1.0-4496-pkg2.run，退出X，直接sh NVIDIA-Linux-x86-1.0-4496-pkg2.run，然后改Xfree86config文件就行了。进X没问题，用虚拟控制台也没问题。在这以前，用NVIDIA-Linux-x86-1.0-4363.run，结果在RH8.0里进不了X，在RH9.0里进
转载
2024-08-27 17:48:48
120阅读
问题发现：我在前端开发时，用的是elementui组件，在输入框、选择器、单选框、多选框等控件组成，用以收集、校验、提交数据这些地方我选择的是Form表单，因为它有自己的一个校验规则，当我需要提交清空的时候，直接清空表单就可以，所以很方便，但是除了上面的几个方式，比如我下面要说的el-upload（上传文件），el-tabs（标签页和标签）就没发实现，但是通过尝试和查找资料最后我找到了解决办法，下
转载
2024-03-28 09:33:37
108阅读
弹框子组件 child-dialog.vue: <template> <el-dialog v-if="show" title="提示信息" :visible.sync="show" :close-on-click-modal="false" :destroy-on-close="true" wid
原创
2022-08-04 17:02:44
229阅读
前言：一直对浏览器的各种宽度，滚动距离是否包括菜单栏，滚动条之类的问题混杂不清，今天通过借鉴网上的一些资料，来通过总结，学习这些视图属性，便于自己之后的学习了解。一. window视图属性 浏览器窗口可视区域大小 1 innerWidth 属性和innerHeight 属性不包括菜单栏、工具栏以及滚动条等的高度（只读属性） innerHeight：获取window窗体的内部高度 innerWidt
OthersDialog 对话框 基本用法<el-button type="text" @click="dialogVisible = true">点击打开 Dialog</el-button>
<el-dialog
title="提示"
:visible.sync="dialogVisible"
width="30%"
:before-close=
