当前位置：首页 > news >正文

Selenium的基本使用

news 2025/7/6 1:21:41

文章目录

引入
一.选择元素的基本方法
- 1.根据id 选择元素
- 2.根据 class属性选择元素
- - 当元素有多个class类型时
- 3.根据 tag名选择元素
- 4.通过WebElement对象选择元素
- 5.find_element 和 find_elements 的区别
二.等待界面元素出现
- 1.隐式等待
- 2.显示等待
三.操控元素的基本方法
- 1.点击元素
- 2.输入框
- 3.获取元素信息
- - (1)获取元素的文本内容
  - (2)获取元素属性
  - (3)获取整个元素对应的HTML
  - (4)获取输入框里面的文字
  - (5)获取元素文本内容2
- 4.CSS Selector 语法选择元素
- 验证CSS Selector
- 5.选择子元素和后代元素
- 6.根据属性选择
- 7.选择语法联合使用
- 8.组选择
- 9.按次序选择子节点
- - (1)父元素的第n个子节点
  - (2)父元素的倒数第n个子节点
  - (3)父元素的第几个某类型的子节点
  - (4)父元素的倒数第几个某类型的子节点
  - (5)奇偶数节点
- 10.兄弟节点选择
- - (1)相邻兄弟节点选择
  - (2)后续所有兄弟节点选择
四.frame切换/窗口切换
五.文件上传
六.Xpath选择器
- 绝对路径选择
- 相对路径选择
- 通配符
- 根据属性选择
笔记来源

引入

pip install selenium
保证机器上有Chrome浏览器，下载对应浏览器的驱动
- Chrome浏览器驱动下载地址： http://chromedriver.storage.googleapis.com/index.html
- Firefox浏览器驱动下载地址：https://github.com/mozilla/geckodriver/releases/
- IE浏览器驱动下载地址：http://selenium-release.storage.googleapis.com/index.html

from selenium import webdriver
from selenium.webdriver.common.by import By# 打开Chome浏览器
wd = webdriver.Chrome()wd.get('https://www.baidu.com')# 关闭浏览器
wd.quit()

一.选择元素的基本方法

1.根据id 选择元素

# 根据id选择元素，返回的就是该元素对应的WebElement对象
element = wd.find_element(By.ID, 'kw')# 通过该 WebElement对象，就可以对页面元素进行操作了
# 比如输入字符串到 这个 输入框里
element.send_keys('通讯\n')

2.根据 class属性选择元素

举例：

<body> <div class="plant"><span>土豆</span></div><div class="plant"><span>洋葱</span></div><div class="plant"><span>白菜</span></div><div class="animal"><span>狮子</span></div><div class="animal"><span>老虎</span></div><div class="animal"><span>山羊</span></div></body>

如果我们要选择 所有的动物，就像下面可以这样写

【注意element后面多了个s】

wd.find_elements(By.CLASS_NAME, 'animal')

当元素有多个class类型时

<span class="chinese student">张三</span>

我们要用代码选择这个元素，可以指定任意一个class 属性值，都可以选择到这个元素，如下

element = wd.find_elements(By.CLASS_NAME,'chinese')

或者

element = wd.find_elements(By.CLASS_NAME,'student')

而不能这样写

element = wd.find_elements(By.CLASS_NAME,'chinese student')

3.根据 tag名选择元素

类似的，我们可以通过指定参数为 By.TAG_NAME ，选择所有的tag名为 div的元素，如下所示

from selenium import webdriver
from selenium.webdriver.common.by import Bywd = webdriver.Chrome()wd.get('https://cdn2.byhy.net/files/selenium/sample1.html')# 根据 tag name 选择元素，返回的是 一个列表
# 里面 都是 tag 名为 div 的元素对应的 WebElement对象
elements = wd.find_elements(By.TAG_NAME, 'div')# 取出列表中的每个 WebElement对象，打印出其text属性的值
# text属性就是该 WebElement对象对应的元素在网页中的文本内容
for element in elements:print(element.text)

4.通过WebElement对象选择元素

WebElement对象也可以调用 find_elements， find_element 之类的方法。

WebDriver 对象选择元素的范围是整个 web页面，而WebElement 对象选择元素的范围是该元素的内部。

element = wd.find_element(By.ID,'container')# 限制 选择元素的范围是 id 为 container 元素的内部。
spans = element.find_elements(By.TAG_NAME, 'span')
for span in spans:print(span.text)

5.find_element 和 find_elements 的区别

使用 find_elements 选择的是符合条件的 所有 元素，如果没有符合条件的元素， 返回空列表

使用 find_element 选择的是符合条件的 第一个 元素，如果没有符合条件的元素， 抛出 NoSuchElementException 异常

二.等待界面元素出现

在我们进行网页操作的时候，有的元素内容不是可以立即出现的，可能会等待一段时间，这时候找不到元素就会报错。

import time
while True:try:element = wd.find_element(By.ID,'1')print(element.text)breakexcept:time.sleep(1)

Selenium提供了一个更合理的解决方案，是这样的：

当发现元素没有找到的时候， 并不立即返回 找不到元素的错误。

而是周期性（每隔半秒钟）重新寻找该元素，直到该元素找到，

或者超出指定最大等待时长，这时才抛出异常（如果是 find_elements 之类的方法，则是返回空列表）。

1.隐式等待

Selenium 的 Webdriver 对象有个方法叫 implicitly_wait ，可以称之为 隐式等待 ，或者 全局等待 。

该方法接受一个参数，用来指定最大等待时长。

如果我们加入如下代码

wd.implicitly_wait(10)

那么后续所有的 find_element 或者 find_elements 之类的方法调用都会采用上面的策略：

如果找不到元素，每隔半秒钟再去界面上查看一次，直到找到该元素，或者过了10秒最大时长。

完整案例如下

from selenium import webdriver
from selenium.webdriver.common.by import Bywd = webdriver.Chrome()
wd.implicitly_wait(10)wd.get('https://www.byhy.net/_files/stock1.html')element = wd.find_element(By.ID, 'kw')element.send_keys('通讯\n')# 返回页面 ID为1 的元素
element = wd.find_element(By.ID,'1')print(element.text)

2.显示等待

如果某个控件比较特殊，需要更长的时间加载，比如十几秒或者更长，就可以使用显示等待对其进行单独处理。

WebDriverWait(driver,timeout,poll_frequency=0.5,ignored_exceptions=None)

driver：浏览器驱动
timeout：最长超时时间，默认以秒为单位
poll_frequency：检测的间隔步长，默认为0.5s
ignored_exceptions：超时后的抛出的异常信息，默认抛出NoSuchElementExeception异常。

需要引入

from selenium.webdriver.support.wait import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC

WebDriverWait()中的until()和until_not()

#调用该方法提供的驱动程序作为参数，直到返回值为True
WebDriverWait(driver,10).until(method，message="")
#调用该方法提供的驱动程序作为参数，直到返回值为False
WebDriverWait(driver,10).until_not(method，message="")

until是当某元素出现或什么条件成立则继续执行，
until_not是当某元素消失或什么条件不成立则继续执行，参数也相同。

实例：等待图片元素加载完成再进行点击关闭操作

    wait = WebDriverWait(driver, 20)element = wait.until(EC.visibility_of_element_located((By.XPATH, '//img[@src="https://static.cdninstagram.com/rsrc.php/v3/yb/r/sHkePOqEDPz.gif"]')))time.sleep(1)driver.find_element(by=By.CSS_SELECTOR, value='svg[aria-label="Close"]').click()

三.操控元素的基本方法

操控元素通常包括

点击元素
在元素中输入字符串，通常是对输入框这样的元素
获取元素包含的信息，比如文本内容，元素的属性

1.点击元素

当我们调用 WebElement 对象的 click 方法去点击元素的时候，浏览器接收到自动化命令，点击的是该元素的 中心点 位置。

2.输入框

element = wd.find_element(By.ID, "input1")element.clear() # 清除输入框已有的字符串
element.send_keys('alkaid') # 输入新字符串

3.获取元素信息

(1)获取元素的文本内容

通过WebElement对象的 text 属性，可以获取元素 展示在界面上的 文本内容。

比如

element = wd.find_element(By.ID, 'animal')
print(element.text)

(2)获取元素属性

通过WebElement对象的 get_attribute 方法来获取元素的属性值

比如要获取元素属性class的值，就可以使用 element.get_attribute('class')

如下：

element = wd.find_element(By.ID, 'input_name')
print(element.get_attribute('class'))

(3)获取整个元素对应的HTML

要获取整个元素对应的HTML文本内容，可以使用 element.get_attribute('outerHTML')

如果，只是想获取某个元素 内部 的HTML文本内容，可以使用 element.get_attribute('innerHTML')

(4)获取输入框里面的文字

对于input输入框的元素，要获取里面的输入文本，用text属性是不行的，这时可以使用 element.get_attribute('value')

比如

element = wd.find_element(By.ID, "input1")
print(element.get_attribute('value')) # 获取输入框中的文本

(5)获取元素文本内容2

通过WebElement对象的 text 属性，可以获取元素 展示在界面上的 文本内容。

但是，有时候，元素的文本内容没有展示在界面上，或者没有完全完全展示在界面上。这时，用WebElement对象的text属性，获取文本内容，就会有问题。

出现这种情况，可以尝试使用 element.get_attribute('innerText') ，或者 element.get_attribute('textContent')

使用 innerText 和 textContent 的区别是，前者只显示元素可见文本内容，后者显示所有内容（包括display属性为none的部分）

4.CSS Selector 语法选择元素

通过 CSS Selector 选择单个元素的方法是

find_element(By.CSS_SELECTOR, CSS Selector参数)

选择所有元素的方法是

find_elements(By.CSS_SELECTOR, CSS Selector参数)

根据tag名选择元素：

比如要选择所有的tag名为div的元素，就可以是这样

elements = wd.find_elements(By.CSS_SELECTOR, 'div')

等价于

elements = wd.find_elements(By.TAG_NAME, 'div')

根据id属性选择元素：

语法是在id号前面加上一个井号： #id值
```
element = wd.find_element(By.CSS_SELECTOR, '#id名')
```
根据class属性选择元素：

语法是在 class 值前面加上一个点： .class值

比如这个网址 https://cdn2.byhy.net/files/selenium/sample1.html

要选择所有 class 属性值为 animal的元素动物除了这样写
```
elements = wd.find_elements(By.CLASS_NAME, 'animal')
```
还可以这样写
```
elements = wd.find_elements(By.CSS_SELECTOR, '.animal')
```
因为是选择 所有 符合条件的，所以用 find_elements 而不是 find_element

验证CSS Selector

F12，点击 Elements 标签后，同时按 Ctrl 键和 F 键
在这里插入图片描述

5.选择子元素和后代元素

如果 元素2 是 元素1 的 直接子元素， CSS Selector 选择子元素的语法是这样的

元素1 > 元素2

中间用一个大于号（我们可以理解为箭头号）

注意，最终选择的元素是 元素2，并且要求这个 元素2 是 元素1 的直接子元素

也支持更多层级的选择，比如

元素1 > 元素2 > 元素3 > 元素4

就是选择 元素1 里面的子元素 元素2 里面的子元素 元素3 里面的子元素 元素4 ，最终选择的元素是 元素4

如果 元素2 是 元素1 的 后代元素， CSS Selector 选择后代元素的语法是这样的

元素1   元素2

中间是一个或者多个空格隔开

6.根据属性选择

css 选择器支持通过任何属性来选择元素，语法是用一个方括号 [] 。

举例

from selenium import webdriver
from selenium.webdriver.common.by import Bywd = webdriver.Chrome()wd.get('https://cdn2.byhy.net/files/selenium/sample1.html')# 根据属性选择元素
element = wd.find_element(By.CSS_SELECTOR, '[href="http://www.miitbeian.gov.cn"]')# 打印出元素对应的html
print(element.get_attribute('outerHTML'))

CSS 还可以选择属性值 包含 某个字符串的元素

比如，要选择a节点，里面的href属性包含了 miitbeian 字符串，就可以这样写

a[href*="miitbeian"]

还可以选择属性值以某个字符串 开头 的元素

比如，要选择a节点，里面的href属性以 http 开头，就可以这样写

a[href^="http"]

还可以选择属性值以某个字符串 结尾 的元素

比如，要选择a节点，里面的href属性以 gov.cn 结尾，就可以这样写

a[href$="gov.cn"]

如果一个元素具有多个属性

<div class="misc" ctype="gun">沙漠之鹰</div>

CSS 选择器可以指定选择的元素要同时具有多个属性的限制，像这样 div[class=misc][ctype=gun]

7.选择语法联合使用

比如，我们要选择网页 html 中的元素 <span class='copyright'>版权</span>

<div id='bottom'><div class='footer1'><span class='copyright'>版权</span><span class='date'>发布日期：2018-03-03</span></div><div class='footer2'><span>备案号<a href="http://www.miitbeian.gov.cn">苏ICP备88885574号</a></span></div>        
</div>

CSS selector 表达式可以这样写：

div.footer1 > span.copyright

就是选择一个class 属性值为 copyright 的 span 节点，并且要求其必须是 class 属性值为 footer1 的 div节点的子节点

也可以更简单：

.footer1 > .copyright

就是选择一个class 属性值为copyright 的节点（不限类型），并且要求其必须是 class 属性值为 footer1 的节点的子节点

当然这样也是可以的：

.footer1  .copyright

因为子元素同时也是后代元素

8.组选择

如果我们要同时选择所有class 为 plant 和 class 为 animal 的元素。怎么办？

这种情况，css选择器可以使用 逗号 ，称之为组选择，像这样

.plant , .animal

再看一个例子，比如选择所有 id 为 t1 里面的 span 和 p 元素

我们是不是应该这样写呢？

#t1 > span,p

不行哦，这样写的意思是选择所有 id 为 t1 里面的 span 和 所有的 p 元素

只能这样写

#t1 > span , #t1 > p

9.按次序选择子节点

(1)父元素的第n个子节点

我们可以指定选择的元素 是父元素的第几个子节点

使用 nth-child

如，选择的是第2个子元素，并且是span类型

所以这样可以这样写 span:nth-child(2) ，

如果你不加节点类型限制，直接这样写 :nth-child(2)

就是选择所有位置为第2个的所有元素，不管是什么类型

(2)父元素的倒数第n个子节点

选择的是父元素的 倒数第几个子节点 ，使用 nth-last-child

比如：

p:nth-last-child(1)

就是选择第倒数第1个子元素，并且是p元素、

(3)父元素的第几个某类型的子节点

我们可以指定选择的元素是父元素的第几个 某类型的 子节点

使用 nth-of-type

 <div id='t1'><h3> 唐诗 </h3><span>李白</span><p>静夜思</p><span>杜甫</span><p>春夜喜雨</p>              </div>

比如，

我们要选择唐诗和宋词的第一个作者，

可以像上面那样思考：选择的是第2个子元素，并且是span类型

所以这样可以这样写 span:nth-child(2) ，

还可以这样思考，选择的是 第1个span类型 的子元素

所以也可以这样写 span:nth-of-type(1)

(4)父元素的倒数第几个某类型的子节点

使用 nth-last-of-type

像这样

p:nth-last-of-type(2)

(5)奇偶数节点

如果要选择的是父元素的 偶数节点，使用 nth-child(even)

比如

p:nth-child(even)

如果要选择的是父元素的 奇数节点，使用 nth-child(odd)

p:nth-child(odd)

如果要选择的是父元素的 某类型偶数节点，使用 nth-of-type(even)

如果要选择的是父元素的 某类型奇数节点，使用 nth-of-type(odd)

10.兄弟节点选择

(1)相邻兄弟节点选择

       <h3> 唐诗 </h3><span>李白</span>

选择 h3 后面紧跟着的兄弟节点 span。

这就是一种相邻兄弟关系，可以这样写 h3 + span

表示元素紧跟关系的是 加号

(2)后续所有兄弟节点选择

如果要选择是选择 h3 后面所有的兄弟节点 span，可以这样写 h3 ~ span

四.frame切换/窗口切换

暂略

五.文件上传

使用selenium自动化上传文件，我们只需要定位到该input元素，然后通过 send_keys 方法传入要上传的文件路径即可。

如下所示：

# 先定位到上传文件的 input 元素
ele = wd.find_element(By.CSS_SELECTOR, 'input[type=file]')# 再调用 WebElement 对象的 send_keys 方法
ele.send_keys(r'h:\g02.png')

但是，有的网页上传，是没有 file 类型的 input 元素的。
【Selenimu+AutoIT】非input标签上传文件（带参数）

六.Xpath选择器

绝对路径选择

从根节点开始的，到某个节点，每层都依次写下来，每层之间用 / 分隔的表达式，就是某元素的 绝对路径

/html/body/div ，就是一个绝对路径的xpath表达式，等价于 css表达式 html>body>div

相对路径选择

有的时候，我们需要选择网页中某个元素， 不管它在什么位置 。

xpath前面加 // , 表示从当前节点往下寻找所有的后代元素,不管它在什么位置。

‘//’ 符号也可以继续加在后面,比如，要选择所有的 div 元素里面的所有的 p 元素，不管div 在什么位置，也不管p元素在div下面的什么位置，则可以这样写 //div//p

elements = driver.find_elements(By.XPATH, "//div//p")

如果使用CSS选择器，对应代码如下

elements = driver.find_elements(By.CSS_SELECTOR,"div p")

如果，要选择所有的 div 元素里面的直接子节点 p ， xpath，就应该这样写了 //div/p

如果使用CSS选择器，则为 div > p

通配符

如果要选择所有div节点的所有直接子节点，可以使用表达式 //div/*

*是一个通配符，对应任意节点名的元素，等价于CSS选择器 div > *

elements = driver.find_elements(By.XPATH, "//div/*")

根据属性选择

根据属性来选择元素是通过这种格式来的 [@属性名='属性值']

注意：

属性名注意前面有个@
属性值一定要用引号，可以是单引号，也可以是双引号

如：

elements = driver.find_element(by=By.XPATH, value='//div[@role="textbox"]')

笔记来源

Selenium的基本使用

文章目录引入一.选择元素的基本方法1.根据id 选择元素2.根据 class属性选择元素当元素有多个class类型时 3.根据 tag名选择元素4.通过WebElement对象选择元素5.find_element 和 find_elements 的区别二.等待界面元素出现1.隐式等待2.显示等待三.操控元素的基本方法1.点击…...

编程日记 2023/8/23 7:47:50

数据结构-----树的易错点

1.树的度和m叉树 •度为m的树（度表示该结点有多少个孩子（分支）） 任意结点的度<m(最多m个孩子) 至少又一个结点度m(有m个孩子) 一定是非空树，至少有m1个结点 •m叉树任意结点的度<m(最多有m个孩子) 允许所…...

编程日记 2023/8/23 7:46:49

写之前的项目关于使用git remote -v 找不到项目地址的解决方案

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录一、报错解析1. 报错内容2. 报错翻译3. 报错解析（1）使用git branch来查看git仓库有几个分支（2）使用git remote -v&am…...

编程日记 2023/8/23 7:45:47

STM32 F103C8T6学习笔记9：0.96寸单色OLED显示屏—自由取模显示—显示汉字与图片

今日学习0.96寸单色OLED显示屏的自由取模显示: 宋体汉字比较复杂，常用字符可以直接复制存下来，毕竟只有那么几十个字母字符，但汉字实在太多了，基本不会全部放在单片机里存着，一般用到多少个字就取几个字的模&#xff…...

编程日记 2023/8/23 7:44:45

直播平台源码搭建协议讲解篇：传输控制协议TCP

简介： 由于直播平台在当今时代发展的越来越迅速，使得直播平台的技术功能越来越智能，让用户在直播平台中能够和其他用户进行实时互动，让用户可以获取到全世界最新的资讯，让一些用户可以作为主播获得工作，让…...

编程日记 2023/8/23 7:43:44

中文编码问题：raw_input输入、文件读取、变量比较等str、unicode、utf-8转换问题

最近研究搜索引擎、知识图谱和Python爬虫比较多，中文乱码问题再次浮现于眼前。虽然市面上讲述中文编码问题的文章数不胜数，同时以前我也讲述过PHP处理数据库服务器中文乱码问题，但是此处还是准备简单做下笔记。方便以后查阅和大家学习。 …...

编程日记 2023/8/23 7:42:43

基于Jenkins自动打包并部署Tomcat环境

目录 1、配置git主机 2、配置jenkins主机 3、配置web主机 4、新建Maven项目 5、验证 Jenkins 自动打包部署结果 Jenkins 的工作原理是先将源代码从 SVN/Git 版本控制系统中拷贝一份到本地，然后根据设置的脚本调用Maven进行 build（构建）。…...

编程日记 2023/8/23 7:41:41

开利网络受邀参与御盛马术庄园发展专委会主题会议

近日，开利网络受邀参与深度合作客户御盛马术庄园组织的首届发展专委会主体会议，就马术庄园发展方向进行沟通，数字化也是重要议题之一。目前，御盛马术庄园已经完成数字化系统的初步搭建，将通过线上线下相结合的方式搭建…...

编程日记 2023/8/23 7:40:40

【HarmonyOS北向开发】-05 ArkTS开发语言-ArkTS开发实践

...

编程日记 2023/8/23 7:39:40

无类别域间路由（Classless Inter-Domain Routing, CIDR）：理解IP网络和子网划分（传统的IP地址类ABCDE：分类网络）

文章目录无类别域间路由（CIDR）：理解IP网络和子网划分引言传统的IP地址类关于“IP地址的浪费” IP地址与CIDRIP地址概述网络号与主机号CIDR记法（网络网络地址/子网掩码）网络和广播地址 CIDR的优势减少路由表项缓解IP…...

编程日记 2023/8/23 7:38:39

合宙Air724UG LuatOS-Air LVGL API-概念

概念在 LVGL 中，用户界面的基本构建块是对象。例如，按钮，标签，图像，列表，图表或文本区域。属性基本属性所有对象类型都共享一些基本属性： Position (位置) Size (尺寸) Parent (父母) Cli…...

编程日记 2023/8/23 7:37:37

【C语言】位段，枚举和联合体详解

目录 1.位段 1.1 什么是位段 1.2 位段的内存分配 1.3 位段的跨平台问题 2.枚举 2.1 枚举类型的定义 2.2 枚举的优点 3. 联合（共用体） 3.1 联合类型的定义 3.2 联合的特点 3.3 联合大小的计算 1.位段 1.1 什么是位段位段的声明和结构体是类…...

编程日记 2023/8/23 7:36:36

python学习-文件管理

文件管理 shutil 文件拷贝 shutil.copy(src,dst) 注：srcrE:\python\.vscode\文件操作 windows上运行时候，如果不加r，上述文件路径在代码运行时会报错，因为其会先将双引号”“去掉，然后系统看到了文件路径中有\nc&…...

编程日记 2023/8/23 7:35:34

【LeetCode 算法】Number of Ways of Cutting a Pizza 切披萨的方案数-记忆化

文章目录 Number of Ways of Cutting a Pizza 切披萨的方案数问题描述：分析代码递归 Tag Number of Ways of Cutting a Pizza 切披萨的方案数问题描述： 给你一个 rows x cols 大小的矩形披萨和一个整数 k ，矩形包含两种字符： A…...

编程日记 2023/8/23 7:34:32

机器视觉之光流

光流（Optical Flow）是计算机视觉领域的一个重要概念，用于描述图像中物体的运动模式。光流可以用来跟踪图像中物体的运动，检测运动中的物体，或者在机器视觉任务中估计物体的速度和位移。光流的基本思想是根据图像像素…...

编程日记 2023/8/23 7:33:31

C++：list使用以及模拟实现

list使用以及模拟实现 list介绍list常用接口1.构造2.迭代器3.容量4.访问数据5.增删查改6.迭代器失效 list模拟实现1.迭代器的实现2.完整代码 list介绍 list是一个类模板，加<类型>实例化才是具体的类。list是可以在任意位置进行插入和删除的序列式容器。list的…...

编程日记 2023/8/23 7:32:29

深度学习基础知识-pytorch数据基本操作

1.深度学习基础知识 1.1 数据操作 1.1.1 数据结构机器学习和神经网络的主要数据结构，例如 0维：叫标量，代表一个类别，如1.0 1维：代表一个特征向量。如 [1.0，2,7，3.4] 2维：就是矩…...

编程日记 2023/8/23 7:31:27

Springboot使用QueryDsl实现融合数据查询

SpringbootQueryDsl技术 1、添加依赖  <dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-data-jpa</artifactId> </dependency>  <dependenc…...

编程日记 2023/8/23 7:30:26

解决方案 | 电子签打通消费电子行业数智化经营通路

技术迭代不断驱动产业快速增长，从PC电脑到手机平板、再到可穿戴设备的兴起，每一次设备的迭代都代表着技术为产品注入了新的发展动能。与此同时，消费电子设备迭代更新周期的不断缩短，市场增长疲缓等因素，也对行业的流转…...

编程日记 2023/8/23 7:29:25

JVM理论知识

一、JVM内存结构 java的内存模型主要分为5个部分，分别是：JVM堆、JVM栈、本地栈、方法区还有程序计数器，他们的用途分别是： JVM堆：新建的对象都会放在这里，他是JVM中所占内存最大的区域。他又分为新生区还…...

编程日记 2023/8/23 7:28:22

django filter 统计数量按属性去重

在Django中，如果你想要根据某个属性对查询集进行去重并统计数量，你可以使用values()方法配合annotate()方法来实现。这里有两种常见的方法来完成这个需求： 方法1：使用annotate()和Count 假设你有一个模型Item，并且你想…...

编程新知 2025/6/24 3:45:54

1.src中重要的组成 1.1main.ts // 引入createApp用于创建应用 import { createApp } from "vue"; // 引用App根组件 import App from ./App.vue;createApp(App).mount(#app)1.2 App.vue 其中要写三种标签 <template>  </template>…...

编程新知 2025/7/4 14:04:03

P3 QT项目----记事本（3.8）

3.8 记事本项目总结项目源码 1.main.cpp #include "widget.h" #include <QApplication> int main(int argc, char *argv[]) {QApplication a(argc, argv);Widget w;w.show();return a.exec(); } 2.widget.cpp #include "widget.h" #include &q…...

编程新知 2025/7/6 0:08:59

Linux-07 ubuntu 的 chrome 启动不了

文章目录问题原因解决步骤一、卸载旧版chrome二、重新安装chorme三、启动不了，报错如下四、启动不了，解决如下总结问题原因在应用中可以看到chrome，但是打不开(说明：原来的ubuntu系统出问题了，这个是备用的硬盘&a…...

编程新知 2025/7/5 20:33:39

今日科技热点速览

🔥 今日科技热点速览 🎮 任天堂Switch 2 正式发售任天堂新一代游戏主机 Switch 2 今日正式上线发售，主打更强图形性能与沉浸式体验，支持多模态交互，受到全球玩家热捧。 🤖 人工智能持续突破 DeepSeek-R1&…...

编程新知 2025/6/20 19:12:10

破解路内监管盲区：免布线低位视频桩重塑停车管理新标准

城市路内停车管理常因行道树遮挡、高位设备盲区等问题，导致车牌识别率低、逃费率高，传统模式在复杂路段束手无策。免布线低位视频桩凭借超低视角部署与智能算法，正成为破局关键。该设备安装于车位侧方0.5-0.7米高度，直接规避树枝遮…...

编程新知 2025/7/5 3:20:22

在 Spring Boot 中使用 JSP

jsp？ 好多年没用了。重新整一下还费了点时间，记录一下。项目结构： pom: <?xml version"1.0" encoding"UTF-8"?> <project xmlns"http://maven.apache.org/POM/4.0.0" xmlns:xsi"http://ww…...

编程新知 2025/7/5 15:36:25

五子棋测试用例

一.项目背景 1.1 项目简介传统棋类文化的推广五子棋是一种古老的棋类游戏，有着深厚的文化底蕴。通过将五子棋制作成网页游戏，可以让更多的人了解和接触到这一传统棋类文化。无论是国内还是国外的玩家，都可以通过网页五子棋感受到东方棋类…...

编程新知 2025/7/2 6:35:33

React从基础入门到高级实战：React 实战项目 - 项目五：微前端与模块化架构

React 实战项目：微前端与模块化架构欢迎来到 React 开发教程专栏的第 30 篇！在前 29 篇文章中，我们从 React 的基础概念逐步深入到高级技巧，涵盖了组件设计、状态管理、路由配置、性能优化和企业级应用等核心内容。这一次&…...

编程新知 2025/7/5 19:14:46

从零开始了解数据采集（二十八）——制造业数字孪生

近年来，我国的工业领域正经历一场前所未有的数字化变革，从“双碳目标”到工业互联网平台的推广，国家政策和市场需求共同推动了制造业的升级。在这场变革中，数字孪生技术成为备受关注的关键工具，它不仅让企业“看见”设…...

编程新知 2025/7/4 4:59:16