首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

【Groovy】集合遍历 ( 操作符重载 | 集合中 “ << “ 操作符重载 | 使用集合中 “ << “ 操作符添加一个元素 | 使用集合中 “ << “ 操作符添加一个集合 )

文章目录 一、集合中 “ << “ 操作符重载 1、使用集合中 “ << “ 操作符添加一个元素 2、使用集合中 “ << “ 操作符添加一个集合 二、完整代码示例 一、集合中 “ << “...操作符重载 ---- 对集合使用 " << " 运算符号 , 该符号右边值为 集合元素值 , 该操作相当于调用了 Collection leftShift 方法 ; leftShift 方法 ,...右侧参数是 T value , 这是要添加集合元素 ; 返回值是添加了新元素集合 , 该方法不会创建新集合 ; Collection leftShift 方法原型 : /**...“ << “ 操作符添加一个元素 向 集合 [“1”, “2”, “3”] 中 , 添加 元素 “4” , 最终结果是 [“1”, “2”, “3”, “4”] ; 代码示例 : //...6”]] ; 注意 : 如果 使用 " << " 操作符插入一个集合 , 则会 将该集合作为一个元素 , 插入到现有的集合中 ; 如 : 向 [“1”, “2”, “3”, “4”] 集合中插入 [“5

2.8K10
您找到你想要的搜索结果了吗?
是的
没有找到

浅析 JavaScript 中事件委托

首先实现一个小功能:单击 HTML 按钮后,把消息输出到控制台。...有没有更好方法? 幸运是,如果我们使用“事件委托”模式的话,侦听多个元素事件只需要一个事件侦听器。 事件委托使用事件传播机制细节。想要要了解事件委托工作原理,应该先了解什么是事件传播。...点击事件传播分三个阶段: 捕获阶段 —— 从window,document 和根元素开始,事件向下扩散至目标元素祖先 目标阶段 —— 事件在用户单击元素触发 冒泡阶段——最后,事件冒泡通过目标元素祖先...你不需要把委托事件监听器直接附加到按钮,而是可以委托父监听 。单击按钮,父元素侦听器将会捕获冒泡事件(还记得前面所说事件传播吗?)。...总结 当发生点击事件(或传播任何其他事件): 事件从 window、document、根元素向下传播,并经过目标元素祖先(捕获阶段); 事件发生在目标(目标阶段); 最后,事件目标祖先之间冒出气泡

2.6K30

S7-1500调用一个功能块,应该使用整个结构代替大量单个元素来传递参数

描述 本条目将阐述如何处理“传送整个元素来代替大量单个元素”,及其 STEP 7 V5.x 和 STEP 7 (TIA 博途) V12 中不同处理步骤。...也可以传送 DB 块号和块中绝对地址。这里必须注意参数数量通常是非常大。实际数据被存储于 DB 块中,并且运算后值再一次被传送到其它块中。传送数据块变量,符号名不再可用。... STEP 7 TIA 博途中步骤 STEP 7 (TIA 博途) 中也可以传送结构体参数。如果一个输入接口中声明了一个结构体类型形参,则必须传送一个具有相同结构实参。...使用这个数据类型来声明一个数据块或者 DB 块中变量。 接口中定义 VAR_IN_OUT 类型形参。 对于块调用可以参数化整个数据记录(DB 或者 DB 中变量)作为一个参数。...拷贝数据结构系统中填充位会被插入到数据传输中,因为UDT系统中总是以16位存在。这会导致当您在程序中使用非优化访问整个输出字将会被覆盖。输入和输出区域没有被优化。

1.1K10

事件冒泡和传播

(两个正好相反)这个时候w3c来了,为了能规范规定,直接取折中,当事件发生,先发生向下传播,当到底了以后再次使用事件冒泡,逐渐冒泡到顶层window DOM为一个完整使用事件传播输出hello...[b7m51dd1bn.png] 下面书写js 冒泡 先使用冒泡 // 获取元素 var div1 = document.getElementById("div1"); var div2 = document.getElementById...否则为事件传播 冒泡为,事件传播为下,事件传播优于事件冒泡 [15.gif] 可以明确知道,此时为false为冒泡,即全部向上传播,这个比较简单不在阐述 阻止进一步冒泡 // 获取元素 var div1...你点击是文字"); }, false); js如上,div2内部使用event.stopPropagation()阻止进一步冒泡 结果如下 [16.gif] 可以看到明显被阻挡 传播 传播方向更冒泡相反...,为向下,且传播优先于冒泡 并且事件先进行向上传,直到遇到设置为冒泡元素时候,停止向上传,开始进行从上到下捕获,先最外层捕获,然后逐层捕获,直到完成。

86360

事件高级

) eventTarget.addEventListener()方法将指定监听器注册到 eventTarget(目标对象),当该对象触发指定事件,就会执行事件处理函数。...事件侦听注册事件 addEventListener // (1) 里面的事件类型是字符串 必定加引号 而且不带on // (2) 同一个元素一个事件可以添加多个侦听器(事件处理程序)...DOM事件流 html中标签都是相互嵌套,我们可以将元素想象成一个盒子装一个盒子,document是最外面的大盒子。 当你单击一个div,同时你也单击了div元素,甚至整个页面。 ​...比如:我们给页面中一个div注册了单击事件,当你单击了div,也就单击了body,单击了html,单击了document。 ?...常情况下terget 和 this是一致, 但有一种情况不同,那就是事件冒泡(父子元素有相同事件,单击元素,父元素事件处理函数也会被触发执行), 这时候this指向是父元素,因为它是绑定事件元素对象

1.5K41

事件高级

(type, listener[, useCapture]) eventTarget.addEventListener()方法将指定监听器注册到 eventTarget(目标对象),当该对 象触发指定事件...eventTarget(目标对象) ,当该对象触 发指定事件,指定回调函数就会被执行。...事件侦听注册事件 addEventListener // (1) 里面的事件类型是字符串 必定加引号 而且不带on // (2) 同一个元素一个事件可以添加多个侦听器(事件处理程序)...事件发生时会在元素节点之间按照特定顺序传播,这个传播过程即 DOM 事件流。 注意   1. JS 代码中只能执行捕获或者冒泡其中一个阶段。   ...常情况下terget 和 this是一致, 但有一种情况不同,那就是事件冒泡(父子元素有相同事件,单击元素,父元素事件处理函数也会被触发执行),  这时候this指向是父元素,因为它是绑定事件元素对象

1.2K10

事件高级

事件侦听注册事件 addEventListener   // (1) 里面的事件类型是字符串 必定加引号 而且不带on   // (2) 同一个元素一个事件可以添加多个侦听器(事件处理程序)...DOM事件流 html中标签都是相互嵌套,我们可以将元素想象成一个盒子装一个盒子,document是最外面的大盒子。 当你单击一个div,同时你也单击了div元素,甚至整个页面。 ​...比如:我们给页面中一个div注册了单击事件,当你单击了div,也就单击了body,单击了html,单击了document。 ?...常情况下terget 和 this是一致, 但有一种情况不同,那就是事件冒泡(父子元素有相同事件,单击元素,父元素事件处理函数也会被触发执行), 这时候this指向是父元素,因为它是绑定事件元素对象...说白了就是,不给子元素注册事件,给父元素注册事件,把处理代码元素事件中执行。 生活中代理: ? js事件中代理: ?

1.3K20

JavaScript基础

,解析器都会默认函数中添加一个数prototype 当函数作为构造函数使用,它所创建对象中都会有一个隐含属性执行该原型对象。...,当后代元素事件被触发,将会导致其祖先元素同类事件也会触发。...是否捕获阶段触发事件,需要一个布尔值,一般都传false 使用addEventListener()可以同时为一个元素相同事件同时绑定多个响应函数,这样当事件被触发,响应函数将会按照函数绑定顺序执行...这个方法也可以同时为一个事件绑定多个处理函数,不同是它是后绑定先执行,执行顺序和addEventListener()相反 事件传播 捕获阶段 捕获阶段从最外层祖先元素,...向目标元素进行事件捕获,但是默认此时不会触发事件 目标阶段 事件捕获到目标元素,捕获结束开始目标元素触发事件 冒泡阶段 事件从目标元素向他祖先元素传递,依次触发祖先元素事件 如果希望捕获阶段就触发事件

1.9K20

【Java 进阶篇】JavaScript 与 HTML 结合方式

; } 在这个例子中,我们将JavaScript代码放入了一个名为script.js外部文件,并通过标签src属性引入该文件。...HTML 事件处理 JavaScript与HTML结合一个关键方面是事件处理。事件处理使你能够对用户在网页交互作出响应。...以下是一些常见HTML事件: onclick:单击(或触摸)元素触发。 onmouseover:鼠标悬停在元素触发。 onchange:元素值更改时触发。...onsubmit:表单提交触发。 onload:文档加载完成触发。 你可以使用内联方式或外部文件方式添加事件处理程序。以下是一个使用内联方式示例: <!...; }); 在上面的示例中,我们使用addEventListener方法来绑定单击事件处理程序。 3.

59340

JS事件流

问题引入 首先看一个相关问题,点击span元素,输出什么?...JavaScript 与 HTML 之间交互是通过事件实现。 “事件就是文档或者浏览器窗口中发生一些特定交互瞬间。可以使用侦听器(或处理程序)来预订事件,以便事件发生执行相应代码。...中所述案例,则单击 div 元素后,事件触发顺序如下: document html body div 也就是事件捕获过程中,document 对象首先接收到 click 事件,然后事件沿 DOM 树向下依次传播...由于版本兼容性问题,事件捕获还是较少使用。当然,建议依然是 放心使用事件冒泡,在有特殊需要使用事件捕获。 3....还以上述代码为例,单击 div 元素触发顺序则是: ?

5.7K10

10-移动端开发教程-移动端事件

touch相关事件跟普通其他dom事件一样使用,可以直接用addEventListener来监听和处理。...最基本touch事件包括4个事件: touchstart: 当在屏幕按下手指触发 touchmove: 当在屏幕移动手指触发 touchend: 当在屏幕抬起手指触发 touchcancel...:手指在屏幕向下滑动时会触发 5.3 zepto手势相关事件 Zepto.js一个轻量级针对现代高级浏览器JavaScript库, 它适配了jQuery大部分api,也就是jQuery怎么用...hammer.js hammer提供了不仅仅tap、swipe等事件,还提供了:pan(平移)、pinch(捏拿缩放)、 press(按住)、 rotate(旋转)手势支持, hammer.js...注意:zepto并没有阻止click事件,所以使用zeptotap事件依然会导致点击穿透问题,你需要手动添加 e.preventDefault() 来阻止click事件。

6.7K80

面试官:什么是js事件流以及事件模型?

一、事件 了解什么是js事件流之前,我们先了解一下什么是js事件。...引用W3c解释 HTML事件就是发生在HTML元素事情 当在HTML中使用javaScript,javaScript能够应对这些事件 举例几个常用事件: onClick (鼠标单击元素...当我们点击btn3让我们看看这段代码执行情况 当我们点击btn2让我们看看这段代码执行情况 因为addEventListener()最后一个参数我们设置true,所以整个执行过程按捕获进行...,指的是利用事件冒泡原理,只需给外层父容器添加事件,若内层子元素有点击事件,则会冒泡到父容器,这就是事件委托,简单说就是:子元素委托它们父级代为执行事件。...动态监听:使用事件委托可以自动绑定动态添加元素,即新增节点不需要主动添加也可以一样具有和其他元素一样事件。

1.9K10

今天聊聊DOM事件传播机制

\n'; }, true); 在上面的示例中,我们为 div 以及它所有的祖先元素绑定了点击事件,使用 addEventListener 方式来绑定事件,并将第 2 个参数设置为了 true 表示使用事件捕获方式来触发事件...也就是说,我们可以为整个页面指定一个 onclick 事件处理程序,而不必给每个可单击元素分别添加事件处理程序。...将事件监听器绑定到父元素 ul ,这样即可对所有的 li 元素添加事件,如下: var colorList = document.getElementById("color-list"); colorList.addEventListener...但是,这个时候也存在一个问题,虽然我们使用事件代理避免了为每一个 li 元素添加相同事件,但是如果用户没有点击 li,而是点击 ul,同样也会触发事件。...也就是说,我们可以为整个页面指定一个 onclick 事件处理程序,而不必给每个可单击元素分别添加事件处理程序。

96820

JS快速入门(二)

如果属性已经存在,则更 新该值;否则,使用指定名称和值添加一个属性; JS示例代码 <p class="item" title...),通过使 用 classList 中方法可以方便访问和控制元素名,达到控制样式目的 classList 常用方法: 方法 说明 add(class1, class2, …) 添加一个或多个名...html 标签,document.write()根据运行时机,会写入文档不同位置 ---- 事件基础 事件定义 用户与浏览器交互方法,规定了浏览器什么时刻执行什么事情 事件举例:鼠标单击,双击,键盘输入...焦点在按钮并按了 Enter 键,也会触发 contextmenu 右键点击(右键菜单显示触发) dblclick 双击左键触发 mouseenter 指针移至元素范围内触发一次 mouseleave...代码元素之前,所以应该将代码放在 load 事件中,等待元素加载完成后再 获取其内容; 使用 onload 绑定事件,注意一个页面不要存在多个 onload,这样会只会运行最后一个 onload

6.5K30

JavaScript鼠标事件细讲:执行顺序+注意事项+区别比对

常见鼠标事件有click:单击鼠标左键发生。...mouseover:当鼠标位于元素触发 mouseover 事件,通常与 mouseout 配合使用。...mouseenter:当鼠标位于元素触发 mouseenter 事件,通常与 mouseleave 配合使用。mousemove:鼠标元素移动触发 moudemove 事件。...mouseout:鼠标元素移开触发 mouseout 事件。mouseleave:鼠标元素移开触发 mouseleave 事件。...》mouseup-》click-》blurmousedown、mouseup、click若在同一个元素按下并松开鼠标左键,会依次触发mousedown、mouseup、click,一个事件执行完毕才会执行下一个事件若在同一个元素按下并松开鼠标右键

3.1K21

JavaScript—事件

JavaScript—事件 事件机制: 在用户使用键盘、鼠标等设备进行操作,实际每一次操作都是发起一个事件。...事件委托: 这其中有一个事件委托概念,我们需要在代码中把事件委托也可以说是注册到按钮,这时会有一个监听器监听着这个按钮,当用户点击按钮就会去调用委托事件中代码,这些代码都写在函数中。...事件鼠标移动出该元素时会触发,mouseover事件鼠标移动进该元素时会触发,属于焦点事件: 代码示例: ?...第三种方式,通过addEventListener函数添加一个事件监听器,需要传递事件名称,和函数对象,函数对象可以是函数名称,也可以是直接写一个函数上去: 代码示例: ? 运行结果: ?...同一个元素对象一个事件,可以添加多个函数,这些函数可以执行不同内容,例如我一个button元素mouseover事件中分别添加了三个函数,这三个函数各自打印了一句话,那么当我鼠标碰到按钮,就会打印出三句话

1.6K20

「Web编程API」- 03

eventTarget(目标对象),当该对象触发指定事件,就会执行事件处理函数。...事件侦听注册事件 addEventListener // (1) 里面的事件类型是字符串 必定加引号 而且不带on // (2) 同一个元素一个事件可以添加多个侦听器(事件处理程序)...DOM事件流 html中标签都是相互嵌套,我们可以将元素想象成一个盒子装一个盒子,document是最外面的大盒子。 当你单击一个div,同时你也单击了div元素,甚至整个页面。...比如:我们给页面中一个div注册了单击事件,当你单击了div,也就单击了body,单击了html,单击了document。 当时2大浏览器霸主谁也不服谁!...常情况下terget 和 this是一致,但有一种情况不同,那就是事件冒泡(父子元素有相同事件,单击元素,父元素事件处理函数也会被触发执行),这时候this指向是父元素,因为它是绑定事件元素对象

1.4K50
领券