- JavaScript语法基础之DOM基础
苏苏渗透大师
web渗透前端javascripthtml开发语言服务器网络安全web安全
目录1.DOM基础1.1.DOM是什么?1.1.1.DOM对象1.1.2.DOM结构1.2.节点类型1.3.获取元素1.3.1.getElementById()1.3.2.getElementsByTagName()1.3.3.getElementsByClassName()1.3.4.getElementsByName()1.4.如何去操作对象修改属性(css)1.5.如何动态的创建对象1.DO
- 批量给元素添加进场动画;获取文本光标位置;项目国际化
小王今天也要加油鸭~!
项目记录前端vue.js
批量给元素添加进场动画api及参数参考:https://juejin.cn/post/7310977323484971071简单实现:addAnimationClass(){//交叉观察器if(window?.IntersectionObserver){//获取所有需要添加进场动画的元素,放到一个数组letitems=[...document.getElementsByClassName('nee
- 事件(三)事件对象
祝名
六.事件对象event||window.event用于IE事件源对象:事件对象上的属性,是事件触发的源头event.target火狐只有这个event.srcElementIE只有这个这俩chrome都有//html//jsvarwrapper=document.getElementsByClassName('wrapper');varbox=document.getElementsByClass
- 原生JS中DOM元素的操作
阿克兰
获取domdocument.getElementsByClassName(“class”);document.getElementById(“id”)document.getElementsByName("name");document.getElementsByTagName(“TagName”);ocument.querySelector(".btnlist");document.queryS
- 获取元素 的方法
Mr丶刘霏霏
5:获取元素(标签)的方法onclick点击事件function函数-------------------------document.getElementById();这句话找的是叫ID名字的标签页面获取元素/标签id名字获取页面中一个id名叫xxx的标签document.getElementsByClassName()[数字];获取class名字的标签document.getElementsB
- css镜像垂直动态导航栏
焦迈奇
firstsecondthirdforthfifthsixth//ForDemoonlyvarbox=document.getElementsByClassName('box');console.log(box);for(vari=0;i0){console.log(box[id-1].classList);box[id-1].classList.remove('hover');}box[id].
- js获取标签元素
曹增
1.document.getElementById('id名')放回这个id名的元素2.document.getElementsByTagName('标签名')放回所有这个标签名的集合3.document.getElementsByClassName('class名')返回所有这个class的元素的集合4.document.querySelector("css任意选择器")返回第一个5.docum
- 跳过CSDN关注博主即可阅读全文的脚本
Java&Develop
Java开发java
跳过CSDN关注博主即可阅读全文的脚本以下脚本可以跳过关注阅读全文:vararticle_content=document.getElementById("article_content");article_content.removeAttribute("style");varfollow_text=document.getElementsByClassName('follow-text')[0
- jq学习
一包
$(".class"),$("element")原生:样式是可以多选的,所以得到的是一个合集,需要通过循环给合集中每一个元素修改样式jQuery:class选择器可以选择多个元素,不需要循环vardivs=document.getElementsByClassName('aaron');for(vari=0;ip')选择所有div元素里面的子元素P后代选择器:$('divp')选择所有div元素里
- 12.1 Web开发_DOM&BOM:JS关联CSS(❤❤)
与海boy
Java工程师(后端开发)前端javascript开发语言
12.1Web开发_DOM&BOM1.DOM&BOM2.DOM:文档对象模型2.1获取页面元素1.getElementById2.getElementsByClassName3.querySelector3.事件3.1事件三要素3.2绑定事件的三种方式1.标签on2.对象.on事件3.addEventListener3.3常用事件
- Echarts-多个数据渲染
Rebirth_Wang
1、循环遍历数据ID2、在组件引入importechartsfrom'echarts'3、在data里定义roseChart:"roseChart",4、在methods:{}获取ID并获取接口数据及调用//曲线分析图drawRose(){varroseCharts=document.getElementsByClassName("roseChart");//对应地使用ByClassNamefor
- seleniumclick效果失效
刚学HTML
selenium
使用selenium时,click效果失效有两种解决方法使用js大法fromtimeimportsleepsleep(3)javascript='document.getElementsByClassName("btnbtn-login")[0].click()'self.driver.execute_script(javascript)让程序睡几秒钟time(2)btn.click()让数据框发
- el-form表单校验失败回到第一个失败位置
李成泽
1、功能代码constscrollIntoView=(className="is-error",block="center")=>{Promise.resolve().then(()=>{consttarget=document.getElementsByClassName(className);if(target.length){target[0].scrollIntoView({behavio
- js如何在外部改变React受控组件的状态量?
leoxiaoge
JavaScriptwebjavascriptreact
核心代码:letinput=document.getElementsByClassName("input")[0];input.value='newvalue';letevent=newEvent('input',{bubbles:true});//hackReact15event.simulated=true;//hackReact16内部定义了descriptor拦截value,此处重置状态l
- 【JS】DOM 文档操作大全(必备收藏)
一颗不甘坠落的流星
JavaScript笔记jsdomdom对象dom方法
DOM一、获取元素1.1、getElementById(ID)1.2、getElementsByName(name)1.3、getElementsByTagName(标签)1.4、getElementsByClassName(类名)1.5、querySelector(单个)1.6、querySelectorAll(多个)二、操作属性2.1、innerHTML和outerHTML2.2、innerT
- 浏览器插件
刘恒123456789
edge浏览器
开发笔记推荐链接强制解锁BookmarkHub(书签同步插件)推荐链接链接目录强制解锁vararticle_content=document.getElementById("article_content");article_content.removeAttribute("style");varfollow_text=document.getElementsByClassName('follow
- Vue3实现el-table自动滚动
云隙阳光i
vue.js前端javascript
letcameraList=ref([]);consttableNode=ref(null);letscrollTableOne=ref("");constscrollTable=()=>{if(cameraList.value){tableNode.value=scrollTableOne.value.$refs.bodyWrapper.getElementsByClassName("el-sc
- JS第十四天
三七_3eca
通过html查找1通过id查找:只能查找一个用法:varele=document.getElementById("main");2通过class查找:可以找到多个,并且返回一个动态集合[数组]用法:varele=document.getElementsByclassName("main");3通过标签名查找:可以找到多个,并且返回一个动态集合[数组]用法:varele=document.getEl
- JS如何删除节点和所有子节点
msqt
1.删除Id为demo节点varelement=document.getElementById("demo");element.parentNode.removeNode(element);2.删除class类名为demo的所有节点varelements=document.getElementsByClassName('demo');for(vari=elements.length-1;i>=0;
- 踩坑!新增编辑和详情,在同一个页面,详情怎么隐藏删除功能el-icon-close
vivk2017
Vuevue
详情试着在mouned()和method方法中letelements=document.getElementsByClassName(‘classname’);elements.style.color=‘red’不行,样式不起作用,必须加::v-deep才起作用
- JavaScript(5) - 草稿
凉薄少年13
操作DOM对象浏览器网页就是DOM树形结构更新、遍历、删除、添加要操作首先要获得标题一varh1=document.getElementsByTagName('h1');varp1=document.getElementById('p1');varp2=document.getElementsByClassName('p2');varfather=document.getElementById('
- JS DOM操作
李时一
前端
一.什么是DOM事件基础文档对象模型(DocumentObjectModel,简称DOM)二.获取元素的方式根据id获取元素vardiv1=document.getElementById("box1");通过类名获取元素varp1Arr=document.getElementsByClassName("p1");伪数组定义1、拥有length属性,其它属性(索引)为非负整数(对象中的索引会被当做字
- 处理classname兼容
她即我命
处理classname兼容//varadivs=document.getElementsByClassName('song')varodiv=document.getElementById('tang')//varadivs=odiv.getElementsByClassName('song')//console.log(adivs)//*functiongetByClassName(obj,cl
- 解决海康威视插件的遮盖下拉选择框
Joey_iSleepy
前端视频
下拉选择框出来的时候要异步设置一下,可能会还没塞入节点就发送ifreme通信,重点是iframeRef的通信没有匹配的数据}onDropdownVisibleChange={(open)=>{if(open){setTimeout(()=>{constselectDropdown=document.getElementsByClassName('selectDropBlock')if(select
- javascript获取元素
ANJUN_95da
JS获取DOM元素的方法(9种)通过ID获取(getElementById)通过name属性(getElementsByName)通过标签名(getElementsByTagName)通过类名(getElementsByClassName)获取html的方法(document.documentElement)获取body的方法(document.body)获取title的方法(document.t
- 在js中操作DOM的常用方法
羽墨灵丘
javascript开发语言ecmascript
一.获取DOM元素querySelector/querySelectorAll:返回文档中匹配指定CSS选择器的第一个元素或所有元素的NodeList。constele=document.querySelector('.header')getElementById/getElementsByClassName/getElementsByTagName:通过元素ID/类名/标签名获取DOM元素。co
- html中document.getElementsByClassName() 方法
徊忆羽菲
HtmlJavascriptJquery
html中document.getElementsByClassName函数的使用方法定义和使用使用方法定义和使用getElementsByClassName()方法返回文档中所有指定类名的元素集合,作为NodeList对象。NodeList对象代表一个有顺序的节点列表。NodeList对象我们可通过节点列表中的节点索引号来访问列表中的节点(索引号由0开始)。提示:你可以使用NodeList对象的
- 手动实现一个简单元素选择器!
一浅小屋和你
当一个页面中含有多个标签时,如何查找出你想要的标签元素,更多的时候我们会想到用到:id选择器:document.getElementById()元素选择器:document..getElementsByName()标签选择器:document.getElementsByTagName()类名选择器:getElementsByClassName()或者更多的喜欢用:querySelector()、q
- echarts-2 为什么用getElementsByClassName()方法显示不了图表
hanmovv
这里持续更新我在学习echarts的过程~上篇不是说到怎么引入图表吗,然后我们应该开始学习最为重要的配置项和数据了是吧。但是我呢,平时就有点死脑筋。哎!我就不喜欢用id盒子,我就喜欢用class盒子。//基于准备好的dom,初始化echarts实例varmyChart=echarts.init(document.getElementById('main'));我就把这一段代码一改,把getElem
- *JavaScript
洋葱土豆和香菜
javascript开发语言ecmascript
*JavaScriptECMAScript:数据类型和变量,选择结构,循环结构,对象,数组,函数,运算符(ES6特性)DOM:文档对象模型-Document:每个载入浏览器的HTML文档都会成为Document对象节点获取:1.getElementById()2.getElementsByName()3.getElementsByTagName()4.getElementsByClassName(
- Linux的Initrd机制
被触发
linux
Linux 的 initrd 技术是一个非常普遍使用的机制,linux2.6 内核的 initrd 的文件格式由原来的文件系统镜像文件转变成了 cpio 格式,变化不仅反映在文件格式上, linux 内核对这两种格式的 initrd 的处理有着截然的不同。本文首先介绍了什么是 initrd 技术,然后分别介绍了 Linux2.4 内核和 2.6 内核的 initrd 的处理流程。最后通过对 Lin
- maven本地仓库路径修改
bitcarter
maven
默认maven本地仓库路径:C:\Users\Administrator\.m2
修改maven本地仓库路径方法:
1.打开E:\maven\apache-maven-2.2.1\conf\settings.xml
2.找到
 
- XSD和XML中的命名空间
darrenzhu
xmlxsdschemanamespace命名空间
http://www.360doc.com/content/12/0418/10/9437165_204585479.shtml
http://blog.csdn.net/wanghuan203/article/details/9203621
http://blog.csdn.net/wanghuan203/article/details/9204337
http://www.cn
- Java 求素数运算
周凡杨
java算法素数
网络上对求素数之解数不胜数,我在此总结归纳一下,同时对一些编码,加以改进,效率有成倍热提高。
第一种:
原理: 6N(+-)1法 任何一个自然数,总可以表示成为如下的形式之一: 6N,6N+1,6N+2,6N+3,6N+4,6N+5 (N=0,1,2,…)
- java 单例模式
g21121
java
想必单例模式大家都不会陌生,有如下两种方式来实现单例模式:
class Singleton {
private static Singleton instance=new Singleton();
private Singleton(){}
static Singleton getInstance() {
return instance;
}
- Linux下Mysql源码安装
510888780
mysql
1.假设已经有mysql-5.6.23-linux-glibc2.5-x86_64.tar.gz
(1)创建mysql的安装目录及数据库存放目录
解压缩下载的源码包,目录结构,特殊指定的目录除外:
- 32位和64位操作系统
墙头上一根草
32位和64位操作系统
32位和64位操作系统是指:CPU一次处理数据的能力是32位还是64位。现在市场上的CPU一般都是64位的,但是这些CPU并不是真正意义上的64 位CPU,里面依然保留了大部分32位的技术,只是进行了部分64位的改进。32位和64位的区别还涉及了内存的寻址方面,32位系统的最大寻址空间是2 的32次方= 4294967296(bit)= 4(GB)左右,而64位系统的最大寻址空间的寻址空间则达到了
- 我的spring学习笔记10-轻量级_Spring框架
aijuans
Spring 3
一、问题提问:
→ 请简单介绍一下什么是轻量级?
轻量级(Leightweight)是相对于一些重量级的容器来说的,比如Spring的核心是一个轻量级的容器,Spring的核心包在文件容量上只有不到1M大小,使用Spring核心包所需要的资源也是很少的,您甚至可以在小型设备中使用Spring。
 
- mongodb 环境搭建及简单CURD
antlove
WebInstallcurdNoSQLmongo
一 搭建mongodb环境
1. 在mongo官网下载mongodb
2. 在本地创建目录 "D:\Program Files\mongodb-win32-i386-2.6.4\data\db"
3. 运行mongodb服务 [mongod.exe --dbpath "D:\Program Files\mongodb-win32-i386-2.6.4\data\
- 数据字典和动态视图
百合不是茶
oracle数据字典动态视图系统和对象权限
数据字典(data dictionary)是 Oracle 数据库的一个重要组成部分,这是一组用于记录数据库信息的只读(read-only)表。随着数据库的启动而启动,数据库关闭时数据字典也关闭 数据字典中包含
数据库中所有方案对象(schema object)的定义(包括表,视图,索引,簇,同义词,序列,过程,函数,包,触发器等等)
数据库为一
- 多线程编程一般规则
bijian1013
javathread多线程java多线程
如果两个工两个以上的线程都修改一个对象,那么把执行修改的方法定义为被同步的,如果对象更新影响到只读方法,那么只读方法也要定义成同步的。
不要滥用同步。如果在一个对象内的不同的方法访问的不是同一个数据,就不要将方法设置为synchronized的。
- 将文件或目录拷贝到另一个Linux系统的命令scp
bijian1013
linuxunixscp
一.功能说明 scp就是security copy,用于将文件或者目录从一个Linux系统拷贝到另一个Linux系统下。scp传输数据用的是SSH协议,保证了数据传输的安全,其格式如下: scp 远程用户名@IP地址:文件的绝对路径
- 【持久化框架MyBatis3五】MyBatis3一对多关联查询
bit1129
Mybatis3
以教员和课程为例介绍一对多关联关系,在这里认为一个教员可以叫多门课程,而一门课程只有1个教员教,这种关系在实际中不太常见,通过教员和课程是多对多的关系。
示例数据:
地址表:
CREATE TABLE ADDRESSES
(
ADDR_ID INT(11) NOT NULL AUTO_INCREMENT,
STREET VAR
- cookie状态判断引发的查找问题
bitcarter
formcgi
先说一下我们的业务背景:
1.前台将图片和文本通过form表单提交到后台,图片我们都做了base64的编码,并且前台图片进行了压缩
2.form中action是一个cgi服务
3.后台cgi服务同时供PC,H5,APP
4.后台cgi中调用公共的cookie状态判断方法(公共的,大家都用,几年了没有问题)
问题:(折腾两天。。。。)
1.PC端cgi服务正常调用,cookie判断没
- 通过Nginx,Tomcat访问日志(access log)记录请求耗时
ronin47
一、Nginx通过$upstream_response_time $request_time统计请求和后台服务响应时间
nginx.conf使用配置方式:
log_format main '$remote_addr - $remote_user [$time_local] "$request" ''$status $body_bytes_sent "$http_r
- java-67- n个骰子的点数。 把n个骰子扔在地上,所有骰子朝上一面的点数之和为S。输入n,打印出S的所有可能的值出现的概率。
bylijinnan
java
public class ProbabilityOfDice {
/**
* Q67 n个骰子的点数
* 把n个骰子扔在地上,所有骰子朝上一面的点数之和为S。输入n,打印出S的所有可能的值出现的概率。
* 在以下求解过程中,我们把骰子看作是有序的。
* 例如当n=2时,我们认为(1,2)和(2,1)是两种不同的情况
*/
private stati
- 看别人的博客,觉得心情很好
Cb123456
博客心情
以为写博客,就是总结,就和日记一样吧,同时也在督促自己。今天看了好长时间博客:
职业规划:
http://www.iteye.com/blogs/subjects/zhiyeguihua
android学习:
1.http://byandby.i
- [JWFD开源工作流]尝试用原生代码引擎实现循环反馈拓扑分析
comsci
工作流
我们已经不满足于仅仅跳跃一次,通过对引擎的升级,今天我测试了一下循环反馈模式,大概跑了200圈,引擎报一个溢出错误
在一个流程图的结束节点中嵌入一段方程,每次引擎运行到这个节点的时候,通过实时编译器GM模块,计算这个方程,计算结果与预设值进行比较,符合条件则跳跃到开始节点,继续新一轮拓扑分析,直到遇到
- JS常用的事件及方法
cwqcwqmax9
js
事件 描述
onactivate 当对象设置为活动元素时触发。
onafterupdate 当成功更新数据源对象中的关联对象后在数据绑定对象上触发。
onbeforeactivate 对象要被设置为当前元素前立即触发。
onbeforecut 当选中区从文档中删除之前在源对象触发。
onbeforedeactivate 在 activeElement 从当前对象变为父文档其它对象之前立即
- 正则表达式验证日期格式
dashuaifu
正则表达式IT其它java其它
正则表达式验证日期格式
function isDate(d){
var v = d.match(/^(\d{4})-(\d{1,2})-(\d{1,2})$/i);
if(!v) {
this.focus();
return false;
}
}
<input value="2000-8-8" onblu
- Yii CModel.rules() 方法 、validate预定义完整列表、以及说说验证
dcj3sjt126com
yii
public array rules () {return} array 要调用 validate() 时应用的有效性规则。 返回属性的有效性规则。声明验证规则,应重写此方法。 每个规则是数组具有以下结构:array('attribute list', 'validator name', 'on'=>'scenario name', ...validation
- UITextAttributeTextColor = deprecated in iOS 7.0
dcj3sjt126com
ios
In this lesson we used the key "UITextAttributeTextColor" to change the color of the UINavigationBar appearance to white. This prompts a warning "first deprecated in iOS 7.0."
Ins
- 判断一个数是质数的几种方法
EmmaZhao
Mathpython
质数也叫素数,是只能被1和它本身整除的正整数,最小的质数是2,目前发现的最大的质数是p=2^57885161-1【注1】。
判断一个数是质数的最简单的方法如下:
def isPrime1(n):
for i in range(2, n):
if n % i == 0:
return False
return True
但是在上面的方法中有一些冗余的计算,所以
- SpringSecurity工作原理小解读
坏我一锅粥
SpringSecurity
SecurityContextPersistenceFilter
ConcurrentSessionFilter
WebAsyncManagerIntegrationFilter
HeaderWriterFilter
CsrfFilter
LogoutFilter
Use
- JS实现自适应宽度的Tag切换
ini
JavaScripthtmlWebcsshtml5
效果体验:http://hovertree.com/texiao/js/3.htm
该效果使用纯JavaScript代码,实现TAB页切换效果,TAB标签根据内容自适应宽度,点击TAB标签切换内容页。
HTML文件代码:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
- Hbase Rest API : 数据查询
kane_xie
RESThbase
hbase(hadoop)是用java编写的,有些语言(例如python)能够对它提供良好的支持,但也有很多语言使用起来并不是那么方便,比如c#只能通过thrift访问。Rest就能很好的解决这个问题。Hbase的org.apache.hadoop.hbase.rest包提供了rest接口,它内嵌了jetty作为servlet容器。
启动命令:./bin/hbase rest s
- JQuery实现鼠标拖动元素移动位置(源码+注释)
明子健
jqueryjs源码拖动鼠标
欢迎讨论指正!
print.html代码:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv=Content-Type content="text/html;charset=utf-8">
<title>发票打印</title>
&l
- Postgresql 连表更新字段语法 update
qifeifei
PostgreSQL
下面这段sql本来目的是想更新条件下的数据,可是这段sql却更新了整个表的数据。sql如下:
UPDATE tops_visa.visa_order
SET op_audit_abort_pass_date = now()
FROM
tops_visa.visa_order as t1
INNER JOIN tops_visa.visa_visitor as t2
ON t1.
- 将redis,memcache结合使用的方案?
tcrct
rediscache
公司架构上使用了阿里云的服务,由于阿里的kvstore收费相当高,打算自建,自建后就需要自己维护,所以就有了一个想法,针对kvstore(redis)及ocs(memcache)的特点,想自己开发一个cache层,将需要用到list,set,map等redis方法的继续使用redis来完成,将整条记录放在memcache下,即findbyid,save等时就memcache,其它就对应使用redi
- 开发中遇到的诡异的bug
wudixiaotie
bug
今天我们服务器组遇到个问题:
我们的服务是从Kafka里面取出数据,然后把offset存储到ssdb中,每个topic和partition都对应ssdb中不同的key,服务启动之后,每次kafka数据更新我们这边收到消息,然后存储之后就发现ssdb的值偶尔是-2,这就奇怪了,最开始我们是在代码中打印存储的日志,发现没什么问题,后来去查看ssdb的日志,才发现里面每次set的时候都会对同一个key