event

接 前面一 ，下面我们利用vuex实现顶部导航栏事件和右上角状态栏。 本系列教程是用Vue.js + Nuxt.js + Element + Vuex + 开源js绘图库 ，打造一个属于自己的在线绘图软件，最终效果：http://topology.le5le.com 。如果你觉得好，欢迎给文章和 开源库 点赞，让我们更有动力去做好！ 本系列教程源码地址： Github 一、利用vuex进行消息通信，发送菜单命令 vue消息通信的方式很多，我们这里只讲vuex的方式。 1. 新建一个文件store/event.js export const state = () => ({ event: { name: '', data: null } }) export const mutations = { // 更新state的函数一 // 参数：state，上面的state // 参数：event，新的数据 emit(state, event) { state.event = event } }复制代码 这里，我们只用关注state和mutations即可，Nuxt.js会自动补全完整的vuex。store文件下的文件名event会自动转换为vuex的module：event。 其中，state是我们的全局数据保存状态；mutations是没有异步的更新数据的方法集合

话不多说，上代码！！！ 一:单选按钮 package 单选钮; import java.awt.*; import java.awt.event.ItemEvent; import java.awt.event.ItemListener; import javax.swing.*; public class demo01 implements ItemListener { JFrame frame; JRadioButton but1,but2,but3,but4,but5; JPanel pan1; ButtonGroup group1,group2; public demo01() { frame=new JFrame(); pan1=new JPanel(); but1=new JRadioButton("新浪"); but2=new JRadioButton("百度"); but3=new JRadioButton("谷歌"); but4=new JRadioButton("男"); but5=new JRadioButton("女"); group1=new ButtonGroup(); group2=new ButtonGroup(); but1.addItemListener(this); but2.addItemListener(this); but3

https://github.com/zeroclipboard/zeroclipboard/blob/master/docs/instructions.md https://github.com/zeroclipboard/zeroclipboard/blob/master/docs/api/ZeroClipboard.Core.md The ZeroClipboard library provides an easy way to copy text to the clipboard using an invisible Adobe Flash movie and a JavaScript interface. The "Zero" signifies that the library is invisible and the user interface is left entirely up to you. 使用： 1、引入js文件，记得先引入jquery <script type="text/javascript" src="ZeroClipboard.js"></script> 2、然后配置swf文件的路径 ZeroClipboard.config( { swfPath: "http://YOURSERVER/path/ZeroClipboard.swf" } ); 3

一、安装邮件服务 　　在zabbix_server服务端安装邮件和邮件发送服务，这里可以参考我另一篇邮件服务部署文章： https://www.cnblogs.com/HeiDi-BoKe/p/11883323.html 　　邮件服务，zabbix服务已经安装，此处就不做介绍了。 二、编写邮件发送脚本 　　进入zabbix脚本目录下 # 指定告警脚本路径 [root@VM_0_10_centos alertscripts]# vi /usr/local/etc/zabbix_server.conf # 告警脚本路径 AlertScriptsPath=/usr/local/share/zabbix/alertscripts [root@VM_0_10_centos .certs]# cd /usr/local/share/zabbix/alertscripts/ [root@VM_0_10_centos alertscripts]# pwd /usr/local/share/zabbix/alertscripts 　　编写告警邮件脚本 # 先安装需要的包 [root@VM_0_10_centos alertscripts]# yum -y install dos2unix [root@VM_0_10_centos alertscripts]# vi sendmail.sh #!

文章内容还是来自官网 http://flume.apache.org/FlumeDeveloperGuide.html 由于在实际工作中，数据的生产方式极具多样性，Flume 虽然包含了一些内置的机制来采集数据，但是更多的时候用户更希望能将应用程序和flume直接相通。所以这边运行用户开发应用程序，通过IPC或者RPC连接flume并往flume发送数据。 一、RPC client interface Flume的RpcClient实现了Flume的RPC机制。用户的应用程序可以很简单的调用Flume Client SDK的append(Event) 或者appendBatch(List<Event>) 方法发送数据，不用担心底层信息交换的细节。用户可以提供所需的event通过直接实现Event接口，例如可以使用简单的方便的实现SimpleEvent类或者使用EventBuilder的writeBody()静态辅助方法。 自Flume 1.4.0起，Avro是默认的RPC协议。NettyAvroRpcClient和ThriftRpcClient实现了RpcClient接口。实现中我们需要知道我们将要连接的目标flume agent的host和port用于创建client实例，然后使用RpcClient发送数据到flume agent。 官网给了一个Avro

拦截器是简单的插件式组件，设置在source和channel之间。source接收到的时间，在写入channel之前，拦截器都可以进行转换或者删除这些事件。每个拦截器只处理同一个source接收到的事件。flume官方实现了很多拦截器也可以自定义拦截器。通过实现自定义的拦截器可以对日志进行ETL。 自定义拦截器只需要实现Interceptor的继承类。具体步骤如下： 1. 实现一个Interceptor的继承类。下面的example实现了继承类ETLInterceptor. package 是com.test.flume . [java] view plain copy //add begin package com.test.flume; //add end import com.google.common.base.Charsets; import com.google.common.collect.Lists; import org.apache.flume.Context; import org.apache.flume.Event; import org.apache.flume.interceptor.Interceptor; import org.slf4j.Logger; import org.slf4j.LoggerFactory; import java

今天，使用select2控件，动态加载select标签的数据，其强大的展示，搜索功能非常好用。 但是在dialog弹出框中，可以选择，但是无法搜索，焦点一直在弹出框的第一个input上。 百度一下找到的解决方法。就是重写一下dialog控件。 网上的解决方法如下： 1.问题呈现 项目中使用了jQuery UI的Dialog控件，一般用来处理需要提示用户输入或操作的简单页面。逻辑是修改一个广告的图片和标题。 效果截图如下： 使用Select2，主要是因为它支持下拉式搜索。所以在数据稍微多一点，作为搜索选择功能的首选。但是运行出来之后，发现搜索框无法点击。开始想到的index不够大，被其他的元素覆盖了。但是跳转z-index也无法解决。在普通的页面，搜索框是ok的。 2.解决办法 通过Google搜索，发现select2作者在github上说明了这个问题： 但是他给出解决的方法，我看不太懂，后面也有人说直接修改jQuery UI类库，但是我们项目中使用的jquery-ui-1.10.3.min.js。所以不可能修改jQuery UI的源代码，而已修改源代码，在后期类库升级和维护上，各种坑还是比较多。所以我继续搜索解决版本。在jQuery UI的官网找到了方法。hot fix代码如下： hot fix:Select2控件在jQuery UI弹出对话中不能搜索 $.widget("ui

1、offset 偏移 offsetWidth 和 offsetHeight 是用来得到对象的大小，由自身宽高 内边距 边框构成但是不包括 外 offsetHeight和style.height的区别 1> style.height只能获取行内样式，offsetHeight可以获取行内样式和内嵌样式 2> style.height是字符串（而且带单位），offsetHeight是数值 3> style.height可读可写，offsetHeight是只读属性 2、offsetLeft 和 offsetTop 用来得到对象的位置，到距离自身最近的（带有定位的）父元素的左侧/顶部 的距离，如果所有父级都没有定位则以body 为准 offsetLeft和style.left的区别 1> style.left只能获取行内样式，offsetLeft 可以获取行内样式和内嵌样式 2> offsetLeft 只读，style.left可读可写 3> offsetLeft是数值，style.left是字符串并且有单位px 4> 如果没有加定位，style.left获取的数值可能是无效的 5> 最大区别在于offsetLeft以border左上角为基准，style.left以margin左上角为基准 链接： https://cloud.tencent.com/developer/article

event.preventDefault() 1、首先event.preventDefault()是通知浏览器不要执行与事件关联的默认动作，例如： 这里a标签的默认事件是跳转，这里我们告诉浏览器取消默认事件，这样a标签的跳转功能就不好使了，反之a标准恢复默认事件功能如下： event.stopPropagation( ) stopPropagation()函数用于阻止当前事件在DOM树上冒泡。 根据DOM事件流机制，在元素上触发的大多数事件都 会冒泡传递到该元素的所有祖辈元素上 ， 如果这些祖辈元素上也绑定了相应的事件处理函数，就会触发执行这些函数。 使用stopPropagation()函数 可以阻止当前事件向祖辈元素的冒泡传递 ， 也就是说该事件不会触发执行当前元素的任何祖辈元素的任何事件处理函数。 与event.stopPropagation()函数相关的jQuery示例代码如下： // 为所有div元素绑定click事件 $("div").click(function(event){ alert("div-click"); }); //为所有p元素绑定click事件 $("p").click(function(event){ alert("p-click"); }); //为所有button元素绑定click事件 $(":button").click(function

1、概述 　　　　1.1、 Spring的事件 为Bean与Bean之间的消息通信提供了支持 ； 　　　　　　　　当一个Bean处理完一个任务后，希望另一个Bean知道并能做出相应的处理，这时我们需要 让另一个Bean 监听 当前Bean所发送的事件 ； 　　　　1.2、 Spring的事件 需要遵循如下流程： 　　　　　　　　a, 自定义事件 ，继承ApplicationEvent 　　　　　　　　b, 定义事件监听器 ，实现ApplicationListener 　　　　　　　　c,使用容器发布事件　　　 　　　　1.3、eg： package com.an.config; import org.springframework.context.annotation.ComponentScan; import org.springframework.context.annotation.Configuration; /** * @description: 事件配置类 * @author: anpeiyong * @date: Created in 2019/11/19 16:41 * @since: */ @Configuration @ComponentScan(value = "com.an") public class EventConfig { } 　　 package