element

原生JS的使用,包括jquery和原生JS获取节点、jquery和原生JS修改属性的比较

我怕爱的太早我们不能终老 提交于 2020-04-27 08:25:31
一、前言   相比于JS这条直达终点、满是荆棘的小路,jquery无疑是康庄大道了,足够的简洁、易用给了它辉煌的地位。然而,毕竟是绕着道的插件,当小路走着走着变成大路的时候,曾经的大路也就失去了他自身的优势了。   原生JS虽然没有jquery那么的好用、便捷,或者说没有jquery那样让我们使用的如此顺手,甚至是无法舍弃的依赖。可是我们依然不得不扔掉手中这根陪伴我们多年的拐杖,我们不是瘸子,我们不曾腐朽,我们还可以独立前行。 二、正文 1. jquery和原生JS获取节点的比较 // 这是HTML代码,提供节点用于获取 <div id="divId" class="divClass"> <input type="text" name="nickname" placeholder="请输入用户名"> <input type="password" name="pwd" placeholder="请输入密码"> </div> // jquery 通过$/jquery获取节点,也就是css选择器 $("#divId" ) $( ".divClass" ) $( "input[name='nickname']") // 原生JS,通过id和classname,tagname,name获取节点 document.getElementById("divId" ) document

JS+Selenium+excel追加写入,使用python成功爬取京东任何商品~

一个人想着一个人 提交于 2020-04-27 07:47:29
之前一直是requests库做爬虫,这次尝试下使用selenium做爬虫,效率不高,但是却没有限制,文章是分别结合大牛的selenium爬虫以及excel追加写入操作而成,还有待优化,打算爬取更多信息后进行词云分析 ''' 爬取京东商品信息: 请求url: https: // www.jd.com/ 提取商品信息: 1 .商品详情页 2 .商品名称 3 .商品价格 4 .评价人数 5 .商品商家 ''' # coding=UTF- 8 from selenium import webdriver from selenium.webdriver.common.keys import Keys import time import xlrd import xlwt from xlutils.copy import copy def write_excel_xls(path, sheet_name, value): index = len(value) # 获取需要写入数据的行数 workbook = xlwt.Workbook() # 新建一个工作簿 sheet = workbook.add_sheet(sheet_name) # 在工作簿中新建一个表格 for i in range( 0 , index): for j in range( 0 , len(value[i])):

《Java基础知识》Java集合(Collection)

浪尽此生 提交于 2020-04-27 06:52:12
作为一个Developer,Java集合类是我们在工作中运用最多的、最频繁的类。相比于数组(Array)来说,集合类的长度可变,更加适合于现代开发需求; Java集合就像一个容器,可以存储任何类型的数据,也可以结合泛型来存储具体的类型对象。在程序运行时,Java集合可以动态的进行扩展,随着元素的增加而扩大。在Java中,集合类通常存在于java.util包中。 Java集合主要由2大体系构成,分别是Collection体系和Map体系,其中Collection和Map分别是2大体系中的顶层接口。 今天主要讲:Collection主要有三个子接口,分别为List(列表)、Set(集)、Queue(队列)。其中,List、Queue中的元素有序可重复,而Set中的元素无序不可重复; List中主要有ArrayList、LinkedList两个实现类;Set中则是有HashSet实现类;而Queue是在JDK1.5后才出现的新集合,主要以数组和链表两种形式存在。 继承关系图: 常用集合:ArrayList (数组) 特点 容量不固定,随着容量的增加而动态扩容(阈值基本不会达到) 有序集合(插入的顺序==输出的顺序) 插入的元素可以为null 效率更高(相对于LinkedList来说) 线程不安全 list 常用方法 import java.util.ArrayList; import

如何使用jQuery / JavaScript删除所有CSS类?

巧了我就是萌 提交于 2020-04-27 06:46:22
问题: Instead of individually calling $("#item").removeClass() for every single class an element might have, is there a single function which can be called which removes all CSS classes from the given element? 而不是为元素可能拥有的每个单独单独调用 $("#item").removeClass() ,是否有一个可以调用的函数从给定元素中删除所有CSS类? Both jQuery and raw JavaScript will work. jQuery和原始JavaScript都可以工作。 解决方案: 参考一: https://stackoom.com/question/5yhZ/如何使用jQuery-JavaScript删除所有CSS类 参考二: https://oldbug.net/q/5yhZ/How-to-remove-all-CSS-classes-using-jQuery-JavaScript 来源: oschina 链接: https://my.oschina.net/u/4438370/blog/4254661

更改hr元素的颜色

╄→尐↘猪︶ㄣ 提交于 2020-04-27 04:53:24
问题: I want to change the color of my hr tag using CSS. 我想使用CSS更改 hr 标签的颜色。 The code I've tried below doesn't seem to work: 我在下面尝试过的代码似乎不起作用: hr { color: #123455; } 解决方案: 参考一: https://stackoom.com/question/QmFr/更改hr元素的颜色 参考二: https://oldbug.net/q/QmFr/Changing-the-color-of-an-hr-element 来源: oschina 链接: https://my.oschina.net/u/4438370/blog/4254654

Java基础回顾——反射+案例

给你一囗甜甜゛ 提交于 2020-04-27 04:01:03
一,引言: 从大二刚开始接触java,了解其基本语法,到用swing编写图形界面的程序,到JavaWeb用SSH三大框架编写小网站,后面又学SSM,SpringBoot,SpringCloud等。可以说算是对java也不断的了解了,慢慢的入了java这个大坑,感觉还不错😂。虽然学的东西越来越多,但是还是有必要时不时回顾下一些基础。 二,概述: ①反射的概念: 反射库(reflection library) 提供了一个非常丰富且精心设计的工具集,以便编写能够动态操纵Java代码的程序。这项功能被大量地应用于JavaBeans中,它是Java组件的体系结构。使用反射,Java可以支持Visual Basic用户习惯使用的工具。特别是 在设计或运行中添加新类时,能够快速地应用开发工具动态地查询新添加类的能力。能够分析类能力的程序被称为反射(reflective) 。反射机制的功能极其强大。 利用反射机制可以: ●在运行中分析类的能力。 ●在运行中查看对象,例如,编写一个toString方法供所有类使用。 ●实现数组的操作代码。 ●利用Method对象,这个对象很像C++中的函数指针。 ——《Java核心技术 卷1 第八版》 更简单的描述: 反射:将类的各个组成部分封装为其它对象。(其它对象指Class类对象) 三,获取字Class对象的三种方法: ①Java代码在计算机中经历的阶段:

微信扫码二维码 通过java调公众号接口发放红包

China☆狼群 提交于 2020-04-27 02:57:05
最新研究微信红包接口的问题真是困扰了我好久,因为微信的api 实在是太坑爹了 ,如果没有大量的测试是行不通的,我是拼凑的所有人的集合才弄明白,接下来跟大家分享一下java 结合jsp ,两个服务器如何实现 微信扫码二维码 然后公众号发放红包的例子。 1.准备工作先不说了(比如验证回调函数服务器域名啊、程序必须部署在80端口等等,开通微信支付等功能,这个微信api 说的很清晰),需要两个程序 ,一个作为微信接口的回掉函数程序用来获取 code(简称服务器A),另一个作为调取发送红包的程序(简称服务器B)。(java 端jar包就不写了直接写方法) 2.首先在A服务器上部署back.html页面 ,然后用生成二维码工具将此页面路径生成二维码,页面自动授权跳转到回第二个页面 getback.html <! doctype html > < html > < head > < meta http-equiv ="content-type" content ="txt/html; charset=utf-8" /> < script type ="text/javascript" src ="jquery-1.8.3.js" ></ script > < script type ="text/javascript" > $(document).ready( function () {

el-mement表单校验-校验失败时自动聚焦到失败的input框

≯℡__Kan透↙ 提交于 2020-04-26 22:52:04
思路: 调用input的focus()事件,聚焦到失败的input框上, 问题: 如何获取失败的input框,结合element的校验方法,查看可以提供入口的地方 调用this.$refs[formName].validate()时的具体操作: field信息: 内部‘field’信息: 验证失败的返回值invalidFields信息: 问题: 如何根据校验失败的field定位到相应的input框? 返回的校验失败的对象信息,只包含了prop的名字和失败的提示信息,根据这两项无法获取到对应的input框(ps:此时不知道如何利用返回的invalidFields的信息跟组件进行绑定) 第一次尝试 仿照form.validate()方法重写一个验证,获取所有的fields,同样是循环遍历调用field.validate()方法,在某个field验证失败时,自动聚焦到此input框上 此时的field是el-form-item组件,只有一个child就是el-input,可以看到此child下包含focus方法 弊端: field.$children[0]太过于局限,当此el-form-item中包含其他的组件时,索引为0的不一定是input框,如: 此时,field.$children[0]是一个el-button组件,此组件没有focus方法,会导致报错 最终解决办法

Bootstrap Tags Input标签输入插件

元气小坏坏 提交于 2020-04-26 22:51:30
Examples Markup Just add data-role="tagsinput" to your input field to automatically change it to a tags input field. Amsterdam Washington Sydney Beijing Cairo Show code statement returns $("input").val() $("input").tagsinput('items') True multi value Use a <select multiple /> as your input element for a tags input, to gain true multivalue support. Instead of a comma separated string, the values will be set in an array. Existing <option /> elements will automatically be set as tags. This makes it also possible to create tags containing a comma. Amsterdam Washington Sydney Beijing Cairo Show

Java 数据结构- 队列(Queue)基础

橙三吉。 提交于 2020-04-26 21:56:51
队列是一种特殊的线性表,它只允许在表的前端进行删除操作,而在表的后端进行插入操作。 先看下JDK中Queue接口的定义: /* * Written by Doug Lea with assistance from members of JCP JSR-166 * Expert Group and released to the public domain, as explained at * http://creativecommons.org/publicdomain/zero/1.0/ */ package java.util; /** * A collection designed for holding elements prior to processing. * Besides basic {@link Collection} operations, queues provide * additional insertion, extraction, and inspection operations. * Each of these methods exists in two forms: one throws an exception * if the operation fails, the other returns a special value