首页
学习
活动
专区
圈层
工具
发布

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

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

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

    浅析 JavaScript 中的事件委托

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

    3.4K30

    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.7K10

    事件冒泡和传播

    (两个正好相反)这个时候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] 可以看到明显的被阻挡 传播 传播方向更冒泡相反...,为向下,且传播优先于冒泡 并且事件先进行向上传,直到遇到设置为冒泡的元素的时候,停止向上传,开始进行从上到下的捕获,先最外层捕获,然后逐层捕获,直到完成。

    1K60

    事件高级

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

    1.9K41

    事件高级

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

    1.6K10

    事件高级

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

    1.8K20

    JavaScript基础

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

    2.3K20

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

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

    1.6K40

    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事件,所以使用zepto的tap事件依然会导致点击穿透问题,你需要手动添加 e.preventDefault() 来阻止click事件。

    7.8K80

    JS事件流

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

    6.5K10

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

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

    2.3K10

    JS快速入门(二)

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

    7.3K30

    原生 JS DOM 常用操作大全

    (选择器 ) 可以是任意的选择器 例如:id、标签名、类名参数: 可以是 id 、类名、标签 选择器返回:该模式匹配的第一个元素 注意 : 需要在选择器前加符号 例如 .box 、 #nav。...ASCII 编码e.key获取当用户按下按键时的名称 滚动条事件 当出现滚动条时,向下滚动页面时,上面被隐藏掉的高度,被称为页面被卷去的部分,此时滚动条在滚动时会触发 scroll事件 element.addEventListener...(“scroll”,()=>{ console.log(element.scrollTop) }) 表单事件 change事件 当表单的值 发生改变时触发 事件对象 在触发DOM上的某个事件时会产生一个事件对象...包括导致事件的元素、事件的类型以及其他与特定事件相关的信息。事件触发时系统会产生一个事件对象,并且系统会以实参的形式传给事件处理函数在事件处理程序中声明一个形参用来接收事件参数。 //1....e.target 指向的是事件触发元素 别忘了e.通常情况下e.target 和 this 的指向是一致的 注意:有一种情况不同,那就是在事件冒泡时(父子元素有相同事件,单击子元素,父元素的事件处理函数也会被触发执行

    1K10

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

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

    4.7K21

    【Web前端】系统中正在发生的“事件”

    尽管从严格意义上讲,这段代码既监控又处理事件,但监听器主要关注事件的发生,而处理器则负责对事件采取相应的行动。 处理点击事件 假设用户在网页上单击一个按钮,我们希望在用户单击时显示一条消息。...mouseover​​:当鼠标悬停在元素上时触发。 ​​keydown​​:当按下键盘键时触发。..., handleClick); 在单个事件上添加多个监听器 ​​addEventListener()​​​ 允许为相同的事件类型注册多个处理程序,这样就可以实现各自独立的行为。...建议使用 ​​addEventListener()​​。 事件对象 当事件发生时,JavaScript会生成一个事件对象,包含有关事件的详细信息。在事件处理程序中,可以通过参数访问此对象。...例如,Node.js 是一个广受欢迎的 JavaScript 运行时,允许开发者使用 JavaScript 构建网络和服务器端应用程序。

    82810

    JavaScript—事件

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

    1.9K20
    领券