JavaScript

【JavaScript】js中定时器定义在元素身上有什么好处？

2021-01-26 17:01发布

站内问答 / JavaScript
1890 3 4
发送
3条回答
我是大脸猫
2楼 · 2021-01-27 13:59

用python爬取近30天百度指数
代码均转载，如下：
#1.登录
url = ‘http://index.baidu.com/’
driver = webdriver.Chrome(executable_path=‘C:/Program Files
(x86)/Google/Chrome/Application/chromedriver.exe’)
driver.get(url)
cookieList = []
for cookie in cookieList:
driver.add_cookie(cookie)
driver.get(url)
time.sleep(3)
driver.refresh()
#2.输入关键词并最大化页面
WebDriverWait(driver, 10, 0.5).until(
EC.element_to_be_clickable((By.XPATH, “//input[@class=‘search-input’]”)))
driver.find_element_by_xpath("//input[@class=‘search-input’]").send_keys(keyword)
WebDriverWait(driver, 10, 0.5).until(
EC.element_to_be_clickable((By.XPATH, “//span[@class=‘search-input-cancle’]”)))
driver.find_element_by_xpath("//span[@class=‘search-input-cancle’]").click()
driver.maximize_window()
#3.鼠标移动到指数所在矩形框并进行移动使出现viewbox
time.sleep(2)
WebDriverWait(driver, 10, 0.5).until(
EC.element_to_be_clickable((By.CSS_SELECTOR, ‘#trend > svg > rect’)))
element = driver.find_elements_by_css_selector(’#trend > svg > rect’)[1]
time.sleep(2)
ActionChains(driver).move_to_element_with_offset(element, x, y).perform()
time.sleep(3)
driver.get_screenshot_as_file(str(index)+’.png’)
WebDriverWait(driver, 10, 0.5).until(
EC.element_to_be_clickable((By.XPATH, “//div[@id=‘viewbox’]”)))
#4.获取viewbox位置截图并进行图像识别
element = driver.find_element_by_xpath("//div[@id=‘viewbox’]")
getElementImage(driver,element, str(index)+’.png’, ‘day’+str(index)+’.png’,keyword)
time.sleep(2)
number = Image.open(‘day’+str(index)+’.png’)
number = pytesseract.image_to_string(number,lang=‘fontyp’)
number = re.sub(r’,?.?\s?’, ‘’, number)
number=number.replace(‘z’,‘2’).replace(‘i’,‘7’).replace(‘e’,‘9’)
print(number)

def getElementImage(driver,element,fromPath,toPath,keyword):
“”"
该元素所对应的截图
:param element: 元素
:param fromPath: 图片源
:param toPath: 截图
“”"
# 找到图片坐标
locations = element.location
# 跨浏览器兼容
scroll = driver.execute_script(“return window.scrollY;”)
top = locations[‘y’] - scroll
# 找到图片大小
sizes = element.size
# 构造关键词长度
add_length = (len(keyword) - 2) * sizes[‘width’] / 15
# 构造指数的位置
rangle = (
int(locations[‘x’] + sizes[‘width’] / 4 + add_length)-2, int(top +
sizes[‘height’] / 2),
int(locations[‘x’] + sizes[‘width’] * 2 / 3)+2, int(top + sizes[‘height’]))
time.sleep(2)
image = Image.open(fromPath)
cropImg = image.crop(rangle)
cropImg.save(toPath)


Dillion
3楼 · 2021-01-27 14:41

第一、可以伴随着元素的加载，立即讲定时器加入队列

二、一定程度上可以解决定时器的延时问题


R了个C
4楼 · 2021-01-27 16:16

  1. 减少全局变量污染

  2. 保证当前定时器返回值唯一引用


相关问题推荐

  • js如何给每个数组内的元素后面添加新的字段JavaScript 2021-12-08 11:22
    回答 8

    向一个对象数组里面添加新的属性var arry= [{a:11,b:22,c:33,d:44},{a:11,b:0,c:0,d:44},{a:11,b:22,c:99,d:99}];var arry2=[];arry.map(((item, index)=> {arry2.push(Object.assign({},item,{mess1:item.c,mess2:item.d}))}))cons...

  • 这段JS代码为什么输出[1,2,3,4]而不是[1JavaScript 2021-12-03 15:00
    回答 2

    我觉得getTopWindow(） 应该是他自己写的函数 mask  应该是getTopWindow(）函数中 return 出的一个什么玩意show()  jQuery的显示

  • js 怎样对比两个数组？并且将不一样的数据提取出来JavaScript 2021-11-24 14:33
    回答 9

    如图所示

  • JavaScript 原型，原型链 ? 有什么特点JavaScript 编程语言 2021-11-10 16:42
    回答 12

    1、原型对象也是普通的对象，是对象一个自带隐式的 __proto__ 属性，原型也有可能有自己的原型，如果一个原型对象的原型不为 null 的话，我们就称之为原型链 2、 原型链是由一些用来继承和共享属性的对象组成的（有限的）对象链...

  • 怎么在vscode中调试js代码JavaScript 2021-04-27 09:44
    回答 6

    使用VS code对JS进行Debug，需要安装一个插件，这个插件是根据你所使用的浏览器来的，不同浏览器对应插件不同，以下是插件对应情况，下载完相应的插件以后还要下载一个live server在浏览器下查看你界面运行效果，记得在到设置里修改下live server的端口号，然...

  • 没有基础学习java可以跟上嘛JavaScript 2021-04-19 08:57
    回答 8
    已采纳

    没有基础，是可以学Java的，在网上也能找到很多免费的视频、学习资料等资源，只不过想要光靠自己摸索学透Java并不容易，最好是找一个比较靠谱的有实训的培训机构。不过，我给你点建议：1.脑子里要有编程思维，2.学习态度要有，3.了解了基本概念后，从图形界面...

  • 如何通过javascript向文档中输出文本JavaScript 2021-04-02 09:53
    回答 7

    假设文本框的id=text1js:document.getElementById(text1).value = 测试;//即可

  • load和DOMContentLoaded的区别Web语言 JavaScript 2021-02-01 10:22
    回答 2

    这两个事件都是在js原生开发时经常会用到的，比如需要对页面dom进行动态处理，这时就需要用到DOMContentLoaded和[removed]事件，大家都知道，就是在dom构建完毕后，才可以对dom元素进行操作，否则会获取不到相应的dom元素，但是DOMContentLoaded和[removed]还...

  • cookie，localStorage，sessiWeb语言 JavaScript 2021-02-01 09:28
    回答 11

    基本概念CookieCookie 是小甜饼的意思。顾名思义，cookie 确实非常小，它的大小限制为4KB左右。它的主要用途有保存登录信息，比如你登录某个网站市场可以看到记住密码，这通常就是通过在 Cookie 中存入一段辨别用户身份的数据来实现的。localStoragelocalStor...

  • 在vscode调试ajax的过程中，如何将httpWeb语言 JavaScript 2021-01-29 16:37
    回答 2

    在vscode 头疼的问题是 用浏览器查看网页！会是以文件夹的方式打开的！  我遇到这个问题 我还重新配置了Apache    ！ 但是现在可以解决：使用vscode  ==================== 打开cmd   : 在cmd 控制台中输入  ：   1.运行cnpm install live-server...

  • 如何使用extend实现深拷贝JavaScript JQuery 2021-01-27 13:57
    回答 1

    在进行对象之间的合并的时候，就会使用到extend方法进行合并语法结构：$.extend(true,{},对象1,对象2...)但是这里需要考虑一个问题，如果对象间有相同的属性名，就会涉及到哪一个对象和哪一个对象的值覆盖合并的问题，如果对象中的属性值还是一个对象的话，那...

  • 用原生js实现图片上传效果，如何限制图片的宽高？JavaScript Web语言 2021-01-27 10:12
    回答 5
    已采纳

    先说下要实现什么功能，比如：限制图片大小不能超过30K，宽高为121x75上面需求提了，然后我直接把代码给你放出来，可以照着下面代码敲一遍试试就知道怎么限制图片宽高了 $(#picFile4).on(change,function(){ var imgFile = this.files[0]; va...

  • 【Web前端基础】js判断是不是对象类型JavaScript 2021-01-06 09:53
    回答 7

    基本类型基本类型分为以下六种：string（字符串）boolean（布尔值）number（数字）symbol（符号）null（空值）undefined（未定义）注意：string 、number 、boolean 和 null  undefined 这五种类型统称为原始类型（Primitive），表示不能再细分下去的基本类...

  • 用JS写一个格式化时间的方法JavaScript 2021-01-05 10:56
    回答 11

    实体类中添加时间转换注解（注意时区问题）12345/**  * 开始时间  */ @JsonFormat(pattern = yyyy-MM-dd HH:mm:ss, timezone=GMT+8) private Date startTime;

  • 【Web前端基础】js运算符优先级最高的是JavaScript 2021-01-04 14:00
    回答 5

    实例中包含加、减、乘、除四种运算，由于先乘和除的优先级别高，所以乘和除将首先被运算，接下来是加和减运算。乘和除优先级相同，所以左边的乘法将被先执行，然后是除法，接下来按从左到右的顺序进行加减运算...

没有解决我的问题，去提问