分类：元素

2021
04-27

如何利用JS检查元素是否在视口内

前言分享两个监测元素是否在视口内的方法1.位置计算使用Element.getBoundingClientRect()方法返回元素相对于视口的位置constisElementVisible=(el)=>{constrect=el.getBoundingClientRect();};获取浏览器窗口的宽高constisElementVisible=(el)=>{constrect=el.getBoundingClientRect();constvWidth=window.innerWidth||document.documentElement.clientWidth;constvHeight=window.innerHeight||... 继续阅读 >
2020
11-29

c++中将二维数组元素变换为逆向存放的实现代码

1、例如，原始二维数组为，逆向存放后变为。试建立一个类REVARR，完成上述工作。具体要求如下：（1）私有数据成员inta[M][N]：初始化时存放原始二维数组，最终存放逆向存放后的二维数组。（2）公有成员函数REVARR(intx[M][N])：构造函数，用形参x初始化数据成员a。voidreverse()：按题目要求处理二维数组。voidprint()：按二维数组方式输出a数组值。（3）在主函数中完成对该类的测试。在程序的开头，定义符号常数M和N的值分别... 继续阅读 >
2020
10-16

Python通过递归函数输出嵌套列表元素

1.先用for循环取foriteminl:ifisinstance(item,list):fornewiteminitem:print(newitem)else:print(item输出：123456#利用for循环取值，有几层嵌套就要写几层for循环，否则不识别。l=[1,2,[3,4],[5,6,[7,8]]]foriteminl:ifisinstance(item,list):fornewiteminitem:print(newitem)else:print(item输出123456[7,8]2.递归函数实现：递归函数实现：defgetitem(l):forit... 继续阅读 >
2020
10-10

java 如何实现正确的删除集合中的元素

java 如何实现正确的删除集合中的元素 在java中如果我们需要遍历集合并删除其中的某些元素时，例如对于List来说，我们有三种办法。1.普通的for循环遍历并删除publicvoidforRemove(List<T>list,Tobj){for(inti=0;i<list.size();i++){if(obj==list.get(i)){list.remove(obj);}}}main中调用<prename="code"class="java">List<String>list=newArrayList<>();list.add("1");list.add("2");list.add("2");list.add("3");re.forRemove(li... 继续阅读 >
2020
10-10

vue 获取元素额外生成的data-v-xxx操作

vue 获取元素额外生成的data-v-xxx操作 需求描述：由于样式中使用了scoped，所以编译后标签对中生成data-v-xxx属性。在【.dialog_content】的div中动态添加元素节点p和span时，也需要给元素节点添加data-v-xxx属性。由于data-v-xxx属性是会变化的，那如何获取它，添加在动态添加的元素节点中呢？本博客将给出解决方案。【解决方法】获取属性名【document.getElementById("dialog_submit").attributes[0].name】设置属性【nodeP.setAttribute(dataV,"")】varnodeP=do... 继续阅读 >
2020
10-10

Vuejs通过拖动改变元素宽度实现自适应

Vuejs通过拖动改变元素宽度实现自适应 需求：原理：拖动效果的实现基本都是dom操作来实现的，通过拖动分隔线，计算分隔线与浏览器边框的距离(left)，来实现拖动之后的不同宽度的计算；当拖动分隔线1时，计算元素框left和mid；当拖动分隔线2时，计算元素框mid和right；同时设置元素框最小值以防止元素框拖没了（其实是被遮住了）。使用SetCapture()和ReleaseCapture()的函数功能指定窗口里设置鼠标捕获。html部分代码：<template><div><ulclass="box"ref="box"><l... 继续阅读 >
2020
10-09

vue递归获取父元素的元素实例

使用递归查找父元素，知道查到想要的元素，然后returngetParentTag(startTag){varself=this;//传入标签是否是DOM对象if(!(startTaginstanceofHTMLElement))return;//父级标签是否是body,是着停止返回集合,反之继续letnodeName="";if(startTag.parentElement){nodeName=startTag.parentElement.nodeName?startTag.parentElement.nodeName:"";}else{return;}if("BO... 继续阅读 >
2020
10-08

基于原生js实现判断元素是否有指定class名

【注意】以下方法只对class只有一个值的情况下操作结构部分：<div><p>1</p><pclass="test">2</p><p>3</p></div>js部分：varp=document.getElementsByTagName('p');for(vari=0;i<p.length;i++){//第一种方法，用classList这个H5API，有兼容性问题if(p[i].classList.contains('test')==true){console.log(p[i].innerHTML);}//第二种方法，用className这个属性if(p[i].className=='test'... 继续阅读 >
2020
10-08

详解React 元素渲染

元素是构成React应用的最小单位，它用于描述屏幕上输出的内容。constelement=<h1>Hello,world!</h1>;与浏览器的DOM元素不同，React当中的元素事实上是普通的对象，ReactDOM可以确保浏览器DOM的数据内容与React元素保持一致。将元素渲染到DOM中首先我们在一个HTML页面中添加一个id="example"的<div>:<divid="example"></div>在此div中的所有内容都将由ReactDOM来管理，所以我们将其称为"根"DOM节点... 继续阅读 >
2020
10-08

JS判断数组是否包含某元素实现方法汇总

我在学习ES6数组拓展时，发现了新增了不少了有趣的数组方法，突然想好工作中判断数组是否包含某个元素是非常常见的操作，那么这篇文章顺便做个整理。1.for循环结合break可能很多人第一会想到for循环，毕竟for是最为保险和熟悉的操作：letarr=[1,2,undefined,'听风是风','echo'],i=0;constLENGTH=arr.length;//初始化result状态，只要能找到匹配的则修改为trueletresult=false;for(;i<LENGTH;i++){if(arr... 继续阅读 >
2020
10-06

Python替换NumPy数组中大于某个值的所有元素实例

Python替换NumPy数组中大于某个值的所有元素实例 我有一个2D(二维)NumPy数组，并希望用255.0替换大于或等于阈值T的所有值。据我所知，最基础的方法是：shape=arr.shaperesult=np.zeros(shape)forxinrange(0,shape[0]):foryinrange(0,shape[1]):ifarr[x,y]>=T:result[x,y]=255有更简洁和pythonic的方式来做到这一点吗？有没有更快(可能不那么简洁和/或不那么pythonic)的方式来做到这一点？这将成为人体头部MRI扫描窗口/等级调整子程序的一部分，2Dnumpy数... 继续阅读 >
2020
10-06

Python实现将元组中的元素作为参数传入函数的操作

本文由Markdown语法编辑器编辑完成。1.需求：现在有一个Python的需求需要实现：就是实现连接一次数据库，就能够执行多条SQL语句，而且这个SQL语句是需要通过调用者将每一次执行的参数传入进来，组合成一条完整的SQL语句再去执行。经过初步研究，传入参数时，通过数组的形式，数组中的每一个元素则是一个元组tuple（因为SQL中需要填入的参数可能是多个，所以需要通过元组的形式传入）。比如SQL语句的形式为：basic_sql=‘SELECT... 继续阅读 >
2020
09-29

基于js实现数组相邻元素上移下移

实现效果：即需要实现当前元素与相邻元素交换位置，当上移时，则是当前元素与上一元素调换位置；当下移时，则是当前元素与下一元素调换位置。实现代码：js://点击上移clickUp(index){this.swapArray(this.tableData,index-1,index);},//点击下移clickDown(index){this.swapArray(this.tableData,index,index+1);},//数组元素互换位置swapArray(arr,index1,index2){arr[index1]=arr.splice(index2,1,arr[index1])[0];... 继续阅读 >
2020
09-28

Python 找出出现次数超过数组长度一半的元素实例

Python 找出出现次数超过数组长度一半的元素实例 利用问题的普遍性和特殊性来求解，代码如下：importunittestfromdatetimeimportdatetimeclassGetFreqNumbersFromList(unittest.TestCase):defsetUp(self):print("\n")self.start_time=datetime.now()print(f"{self._testMethodName}start:{self.start_time}")deftearDown(self):self.end_time=datetime.now()print(f"{self._testMethodName}end:{self.end_time}")exec_time=(self.end_time-self.... 继续阅读 >
2020
09-24

Java封装数组实现包含、搜索和删除元素操作详解

本文实例讲述了Java封装数组实现包含、搜索和删除元素操作。分享给大家供大家参考，具体如下：前言：在上一小节中我们已经会了如何获取和如何修改数组中的元素，在本小节中我们将继续学习如何判断某个元素是否在数组中存在、查询出某个元素在数组中的位置、以及删除数组中元素等方法的编写。1.查找数组中是否包含元素e，返回true或false//查找数组中是否包含元素epublicbooleancontains(inte){for(inti=0;i<siz... 继续阅读 >