Camille-学习笔记-web基础知识

web基础
1.系统架构

  • B/S :Browser/Server 网站

界面层（UI）
业务逻辑层（业务）
数据访问层（数据库）

静态网页：和服务器没有数据交互
动态网页：网页数据可以和服务器进行数据交互
URL 统一资源定位符
URL格式： schema://host[:port]path [query # frament]
https://www.baidu.com/s？wd=霍格沃茨测试学院&rsv_spt=1&rsv_iqid=0x85a0d0b9000677ee
 

image

image100%75%50%

URI:统一资源标志符，在某一规则下能把一个资源独一无二标识出来

http协议
 

image

image100%75%50%

DNS解析
WEB服务器
Apache
Tomcat
Nginx
IIS

  • C/S :Client/Server APP

2.HTML
javascript行为、html内容、css布局

基本概念：
web 网站服务 俗称www 全球广域网
网站-多个网页组合在一起而形成一种服务
web前端负责一个网站当中前台网页里的内容
网页由HTML语言编写

超文本标记语言，描述网页语言
传输最简单的文字内容，可以表达文字内容之外的语言
H5
浏览器–开发者工具

基本结构：

#声明 #编码 Title

主体

基本标签
a.标签属性
基本格式： <标签名 属性1=“属性值1 属性2=“属性值2”></标签>
标签可以有多个属性
属性必须写在标签中，位于标签名后面
全局属性：
class:规定元素的类名
id:规定元素的唯一id
lang：设置元素中内容的语言代码
style: 规定元素的行内样式
title:规定元素的额外信息

事件属性-窗口事件
事件属性-表单事件
事件属性-键盘事件
事件属性-鼠标事件
事件属性-多媒体事件
注释标签：
标签：
标签：
标题标签
全局属性，段落属性
容器标签

图像标签 超链接标签 属性：href规定链接的目标URL 列表标签-无序列表

  • ...
  • ..

列表标签-有序列表 表格标签： 表格

行 单元格 表单域 action服务器url地址 method数据提交方式 name:指定表单名称

浏览器控制

打开浏览器

import time
from selenium import webdriver

def open_browser():
driver = webdriver.Chrome()
# 调用get 方法时需要传递浏览器的URL
driver.get(" 测试人社区 - 软件测试开发爱好者的交流社区，交流范围涵盖软件测试、自动化测试、UI测试、接口测试、性能测试、安全测试、测试开发、测试平台、开源测试、测试教程、测试面试题、appium、selenium、jmeter、jenkins ")
time.sleep(2)

# 刷新浏览器
driver.refresh()

# 通过get 跳转到baidu首页
# driver.get(" https://www.baidu.com/ ")

# 返回百度之前的页面，也就是测试大页面
driver.back()

# 最大化
driver.maximize_window()
time.sleep(2)
# 最小化
driver.minimize_window()
time.sleep(2)

if name == ‘main’:
# 1.打开浏览器
# 2.刷新浏览器
open_browser()

常见控件定义方法
HTML铺垫
标签：
属性 ： href
类属性：class

八大定位方式
 

image

image100%75%50%

常用定位方式练习
from selenium import webdriver
from selenium.webdriver.common.by import By

def web_locate():
# 首先需要实例化driver对象.chrome（）一定要加括号
driver = webdriver.Chrome()
# 打开一个网页
driver.get(" 霍格沃兹测试开发 ")
# 定位,第一个参数传递定位方式，第二参数传递定位元素，调用这个方法的返回值为 WebElement
# 1.id定位
# web_element = driver.find_element(By.ID, “locate_id”)
# web_element = driver.find_element_by_id(“locate_id”)
# 2.name定位
# 如果没有报错，说明元素已经找到了
# 如果报错 no such element 代表，元素定位可能出现错误
# web_element = driver.find_element(By.NAME, “locate1111”)
# web_element = driver.find_element(By.NAME, “locate”)
# 3.css 选择器定位（复制绝对定位）
# web_element = driver.find_element(By.CSS_SELECTOR, “#locate_id > a > span”)
# 4.xpath 复制绝对定位
web_element = driver.find_element(By.XPATH, ‘//*[@id=“locate_id”]/a/span’)
# 5.通过链接文本的方式：a.元素一定是a标签 b.输入的元素为标签内的文本
driver.find_element(By.PARTIAL_LINK_TEXT, “元素定位”).click()
print(web_element)

if name == ‘main’:
web_locate()

显试等待和隐试等待
 

image

image100%75%50%
from selenium import webdriver
from selenium.webdriver.chrome.webdriver import WebDriver
from selenium.webdriver.common.by import By
from selenium.webdriver.support import expected_conditions
from selenium.webdriver.support.wait import WebDriverWait

def wait_sleep():
“”"
如果直接执行，不添加任何等待，可能会报错
“”"
driver = webdriver.Chrome()
# 调用get 方法时需要传递浏览器的URL
driver.get(" 霍格沃兹测试开发 “)
# 不加等待， 可能因为网络等原因产生报错
# **********************强制等待使用
# =============报错： no such element:Unable to locate element
# =============原因： 页面未加载完成，就去查询元素，此时这个元素没有加载出来
# =============解决方案；在 no such element:unable to locate element 报错之前添加强制等待，等待页面渲染完成
# 如果没有报错，证明就是页面渲染速度导致得问题，如果添加了强制等待还报错，那么可能是别的问题，比如定位错误
# time.sleep(3)
# *******隐式等待
# 强制等待的问题：
# 不确定页面的加载时间，可能会因为等待时间过长，而影响用例的执行效率
# 不确定页面的加载时间，可能会因为等待时间过短，依然会导致代码报错
# 使用方法：
# 1.在代码一开始运行的时候就添加隐式等待的配置，注意，隐式等待是全局生效，所以在所在的find_element动作之前就执行此代码
# 2.注意： 隐式等待只能解决元素查找的问题，不能解决元素交互的问题
driver.implicitly_wait(3)
driver.find_element(By.XPATH, "//[text()=‘个人中心’]")
driver.find_element(By.XPATH, "//[text()=‘题库’]”)

def wait_show():
driver = webdriver.Chrome()
driver.get(‘霍格沃兹测试开发’)
driver.find_element(By.ID, “success_btn”).click()
# driver.implicitly_wait(5)
# 问题：元素可以找到，但是点击效果确没有触发
# 原因：
# 第一个参数是driver,第二个参数是最长等待时间，util方法内需要结合expected_conditions或者自己封装的方法进行使用
# expected_conditions的参数传入的都是一个元组，即多一层小括号
WebDriverWait(driver, 10).until(expected_conditions.element_to_be_clickable((By.ID, “success_btn”)))
driver.find_element(By.ID, “success_btn”).click()
# time.sleep(5)

if name == ‘__main()’:
# wait_sleep()
wait_show()

常见控件交互方法
import time

from selenium import webdriver
from selenium.webdriver.common.by import By

def element_interaction():
“”"
元素的操作，点击/输入/清空
:return:
“”"
# 1.实例化driver 对象
driver = webdriver.Chrome()
# 2.打开一个网页
driver.get(“搜狗搜索引擎 - 上网从搜狗开始”)
# 3. 定位到输入框进行输入操作
driver.find_element(By.ID, “query”).send_keys(“霍格沃兹测试开发”)
# 4. 对输入框进行清空
driver.find_element(By.ID, “query”).clear()
time.sleep(2)
# 5.再次输入
driver.find_element(By.ID, “query”).send_keys(“霍格沃兹测试开发2”)
time.sleep(2)
# 6.点击搜索
driver.find_element(By.ID, “stb”).click()
time.sleep(2)

获取元素属性

def element_get_attr():
# 1. 实例化driver
driver = webdriver.Chrome()
# 2. 打开网页
driver.get(“霍格沃兹测试开发”)
# 3.定位一个元素
web_element = driver.find_element(By.ID, “locate_id”)
# 4.打印这个元素对象
# 断断点打在想看的对象的下一行
print(web_element)
# 5.获取元素的文本信息(不是每个元素都含有文本信息的)
print(web_element.text)
# 6.获取元素的属性信息
res = web_element.get_attribute(“name”)
print(res)

if name == ‘main’:
# element_interaction()
element_get_attr()

自动化测试定位策略
定位方式
通用场景-通用web定位方式、js定位（CSS）
特殊场景-弹框-alert()、日期控件、文件上传、其他场景

通用web定位方式：
class name 通过class属性定位元素
css selector 通过匹配css seletor定位元素
id 通过-id属性匹配元素
name 通过name属性定位元素
link text 通过text标签中间的text文本定位元素
partial link text 通过text标签中间的text文本的部分内容定位元素
tag name 通过tag名称定位元素
xpath 通过xpath表达式匹配元素

选择定位器通用原则

1.与研发约定的属性优先，class属性：[name=‘locate’]
2.身份属性id,name（web定位）
3.复杂场景使用组合定位 xpath,css、属性动态变化（id,text）、重复元素属性（id、text、class）、父子定位（子定位父）
4.js定位

Web弹框定位
基于web页面alert弹框
需要使用driver.switchTo().alert()处理
基于input标签文件上传
需要使用send_keys()方法

【实战】测试人论坛搜索功能自动化测试
产品分析
测试用例分析
编写脚本
脚本优化

产品：测试人论坛 https://ceshiren.com
功能：搜索

“”"
author = ‘霍格沃兹测试开发学社’
desc = ‘更多测试开发技术探讨，请访问：测试开发技术探讨 - 测试课程 - 测试人社区’
“”"

结合pytest测试框架

用例标题=文件名+类名+方法名

import time

from selenium import webdriver
from selenium.webdriver.common.by import By

class TestCeshiren:
def test_search(self):
“”"
前提条件： 进入测试人论坛的搜索页面
测试步骤： 1. 输入搜索关键词
2. 点击搜索按钮
预期结果/实际结果
:return:
“”"
# 打开浏览器
driver = webdriver.Chrome()
driver.implicitly_wait(3)
# 打开被测地址
driver.get(“'' 的搜索结果 - 测试人社区”)
# 定位到搜索输入框，并输入搜索内容
driver.find_element(By.CSS_SELECTOR, “[placeholder=‘搜索’]”).send_keys(“appium”)
# 定位到搜索按钮，并点击
driver.find_element(By.CSS_SELECTOR, “.search-cta”).click()
#断言
web_element=driver.find_element(By.CSS_SELECTOR, “.topic-title”)、
assert “appium” in web_element.text.lower()

  • 前置：setup
    • 初始化浏览器驱动
  • 后置：teardown

    • 关闭浏览器

      测试用例

      def test_search(self):

      # 访问测试人社区
self.browser.get("https://ceshiren.com/")

# 点击搜索按钮
search_button = self.browser.find_element(By.ID, "search-button")
search_button.click()

# 输入搜索关键词
search_input = self.browser.find_element(By.ID, "search-term")
search_input.clear()
search_input.send_keys("hogwarts")

# 点击搜索结果项
result_items = self.browser.find_elements(By.CSS_SELECTOR, "div.user-titles")
top_item = result_items[0]
top_item_name = top_item.find_element(By.CSS_SELECTOR, "span.name").text
top_item.click()

新增断言
import logging
import time

import allure
from selenium import webdriver
from selenium.webdriver.common.by import By

class TestCeshirenLinear:

# 前置处理：初始化
def setup(self):
    self.driver = webdriver.Chrome()
    self.driver.implicitly_wait(10)
    self.driver.maximize_window()

# 后置处理：收尾
def teardown(self):
    self.driver.quit()

# 测试用例
def test_search(self):

    # 访问测试人社区
    self.driver.get("https://ceshiren.com/")

    # 点击搜索按钮
    logging.info("点击搜索按钮")
    search_button = self.browser.find_element(By.ID, "search-button")
    search_button.click()

    # 输入搜索关键词
    logging.info("输入搜索关键词")
    search_input = self.browser.find_element(By.ID, "search-term")
    search_input.clear()
    search_input.send_keys("霍格沃兹测试学院官方")

    logging.info("点击搜索结果项")
    xpath_expr = "//div[@class='user-titles']/span[contains(text(), '霍格沃兹测试学院官方')]"
    target_item = self.browser.find_element(By.XPATH, xpath_expr)
    target_item.click()

    # 测试断言
    logging.info("测试断言")
    full_name = self.browser.find_element(By.CSS_SELECTOR, "h2.full-name").text
    assert "霍格沃兹测试学院官方" == full_name

执行方法：或者在命令行：
指定模块：pytest -vs ./testcase/test_day1.py
指定目录：pytest -vs ./testcase

高级定位CSS：
支持web产品
支持APP端的webview
直接右键复制-绝对定位

CSS 相对定位的优点
可维护性更强
语法更加简洁
解决各种复杂的定位场景
CSS 定位的调试方法
进入浏览器的console
输入：
$(“css表达式”)
或者$$(“css表达式”)
$(“[id=‘search-button’]”)
$$(“[id=‘search-button’]”)

CSS 基础语法
标签 标签名
类 .class属性值
ID #id 属性值
属性 [属性名=‘属性值’]
//标签名
$(‘input’)
//类属性值
$(‘.s_ipt’)
//[属性名=属性值]
$(‘[name=“wd”]’)

类型 格式
并集 元素，元素
邻居兄弟（了解即可） 元素+元素
兄弟（了解即可） 元素1~元素2
父子 元素>元素

CSS顺序关系
父子关系+顺序 元素 元素
父子关系+标签类型+顺序 元素元素
后代 元素元素

高级定位xpath

基本概念
在XML文档中查找信息的语法
使用场景
web/app自动化测试
语法和实战
可维护性更强
语法更贱简洁
相比于CSS可以支持更多的方式
浏览器-console
$x(“xpath表达式”)
浏览器-elements
ctrl+f输入xpath或者css

Xpath 基础语法（包含关系）
表达式 结果
/ 从该节点的子元素选取
// 从该节点的子孙元素选取

  •                     通配符

nodename 选取当前节点的字节点
… 选取当前节点的父节点
@ 选取属性

Xpath高级用法
[last()]选取最后一个
[@属性名=‘属性值’ and @属性名=‘属性值’]: 与关系
[@属性名=‘属性值’ or @属性名=‘属性值’]: 或关系
[text()=‘文本信息’ ]：根据文本信息定位
[contains(text(),‘文本信息’)]：根据文本信息包含定位
注意：所有的表达式都需要和结合

显示等待高级使用
在代码中定义等待一定条件发生后再进一步执行代码
在最长等待时间内循环执行结束条件的函数
WebDriverWait(driver 实例，最长等待时间，轮询时间).until(结束条件函数)
import time

from selenium.webdriver.support.wait import WebDriverWait

if name == ‘main’:
driver = “aaa”

def fake_conditions(driver):
    print("当前的时间为", time.time())


# until 传入的参数为一个函数对象，不是函数的调用
#  WebDriverWait(driver, 10, 2).until(fake_conditions())
WebDriverWait(driver, 10, 2).until(fake_conditions, "霍格沃茨测试开发")

显示等待-expected_conditions
from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.support import expected_conditions
from selenium.webdriver.support.wait import WebDriverWait

def wait_until():
driver = webdriver.Chrome()
driver.get(“霍格沃兹测试开发”)
ele1 = WebDriverWait(driver, 10).until(
expected_conditions.element_to_be_clickable(
(By.CSS_SELECTOR, ‘#success_btn’))).click()
ele2 = driver.find_element(By.CSS_SELECTOR, “#success_btn”)
print(ele1)

if name == ‘main’:
wait_until()

常见expected_conditions
类型 示例方法 说明
element element_to_be_clickable() 针对于元素，比如判断元素是否可以点击，或者元素是否可见
url url_contains() 针对于url
titile title_is() 针对于标题
frame frame_to_be_available 针对于frame
alert alert_is_present() 针对于弹窗

显示等待原理

  • 在代码中定义等待一定条件发生后再进一步执行代码
  • 在最长等待时间内循环执行结束条件的函数
  • WebDriverWait(driver示例，最长等待时间，轮询时间).until(结束条件函数)
    screen = None
    stacktrace = None

end_time =time.time()+self._timeout #设置超时时间（当前时间+超时时间）
while True:
try:
value = method(self._driver)
if value:
return value #执行传入的函数参数，获取执行结果。如果返回为真，则返回函数执行结果
except InvalidSelectorException as e:
raise e
except self._ignored_exceptions as exc:
screen = getattr(exc,‘screen’,None)
stacktrace= getattr(exc, ‘stacktrace’,None)
time.sleep(self._poll) #每次循环间隔多久
if time.time() > end.time: #如果超时退出循环
break
raise TimeoutException(messge,screen,stacktrace) #循环正常结束，超时异常

封装显示等待：

from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.support import expected_conditions
from selenium.webdriver.support.wait import WebDriverWait

def wait_until():
driver = webdriver.Chrome()
driver.get(“霍格沃兹测试开发”)
# 确定返回值是否为webelement对象要点到condition中的源码进行查看，千万不要生搬硬套
# 不是所有的expected-conditions的返回值都是 webelement对象
ele1 = WebDriverWait(driver, 10).until(
expected_conditions.element_to_be_clickable(
(By.CSS_SELECTOR, ‘#success_btn’))).click()
ele2 = driver.find_element(By.CSS_SELECTOR, “#success_btn”)
# time.sleep(5)
print(ele1,ele2)

if name == ‘main’:
wait_until()

封装显示等待

import time

from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.support.wait import WebDriverWait

如果没有完全掌握也没有关系，这一块对代码能力要求比较高

输入一：点击的目标按钮 输入二：下一个页面的某个元素

def muliti_click(target_element, next_element):
def _inner(driver):
driver.find_element(*target_element).click()
# 第一种结果为找到，return内容为webelement对象
# 第二种结果为未找到，driver.find_element(*next_element)报错
# 但是被 until中的异常捕获逻辑捕获异常，继续循环
return driver.find_element(*next_element)

return _inner

def wait_until():
driver = webdriver.Chrome()
driver.get(“霍格沃兹测试开发”)
# 问题： 使用官方提供的expected condition 已经无法满足需求
# 解决方案： 自己封装期望条件
# 期望条件的设计： 需求： 一直点击按钮，直到下一个页面出现为止
WebDriverWait(driver, 10).until(
element_to_be_clickable(
(By.ID, “primary_btn”),
(By.XPATH, “//*[text()=‘’]”)
)
)
time.sleep(5)

#自己封装显示等待

if name == ‘main’:
wait_until()

#高级控件交互方法

Selenium

Actions API

A low-level interface for providing virtualized device input actions to the web browser.


使用场景：
使用场景 对应事件
复制粘贴 键盘事件
拖动元素到某个位置 鼠标事件
鼠标悬停 鼠标事件
滚动到某个元素 滚动事件
使用触控笔点击 触控笔事件（了解即可）
ActionChains解析
#实例化类ActionChains，参数为driver实例
#中间可以有多个操作

.perform()代表确定执行

ActionChains(self.driver).操作.perform()
#按下、释放键盘键位
#结合send_keys回车

https://www.seleium.dev/documentation/webdriver/actions_api/keyboard1-1

Sorry, we were unable to generate a preview for this web page, because the server 'www.seleium.dev' could not be found. Instead of a preview, only a link will appear in your post. 

cry

键盘事件-使用shift实现大写

ActionChains(self.driver):实例化ActionChains类

#key_down(Keys.SHIFT,ele):按下shift键实现大写
#send_keys(“selenium”):输入大写的selenium
#perform()：确认执行

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：/a/366666.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

相关文章

MongoDB从入门到实战之MongoDB简介

MongoDB从入门到实战之MongoDB简介

前言 相信很多同学对MongoDB这个非关系型数据库都应该挺熟悉的&#xff0c;在一些高性能、动态扩缩容、高可用、海量数据存储、数据价值较低、高扩展的业务场景下MongoDB可能是我们的首选&#xff0c;因为MongoDB通常能让我们以更低的成本解决问题&#xff08;包括学习、开发、…
阅读更多...
【面试深度解析】快手后端一面：G1、IOC、AOP、并发、JVM生产问题定位、可重复读、ThreadLocal

【面试深度解析】快手后端一面：G1、IOC、AOP、并发、JVM生产问题定位、可重复读、ThreadLocal

欢迎关注公众号&#xff08;通过文章导读关注&#xff1a;【11来了】&#xff09;&#xff0c;及时收到 AI 前沿项目工具及新技术的推送&#xff01; 在我后台回复 「资料」 可领取编程高频电子书&#xff01; 在我后台回复「面试」可领取硬核面试笔记&#xff01; 文章导读地址…
阅读更多...
深度学习-基础过关

深度学习-基础过关

众所周知&#xff0c;机器学习是一门跨学科的学科&#xff0c;主要研究计算机如何通过学习人类的行为和思维模式&#xff0c;以实现某些特定的功能或目标。它涉及到概率论、统计学、逼近论、凸分析、算法复杂度理论等多门学科&#xff0c;使用计算机作为工具并致力于真实实时的…
阅读更多...
IDEA JDBC配置

IDEA JDBC配置

一、在pom中添加依赖 <dependencies><dependency><groupId>mysql</groupId><artifactId>mysql-connector-java</artifactId><version>8.0.33</version></dependency></dependencies> 然后同步一下 二、编写代码…
阅读更多...
前端入门第三天

前端入门第三天

目录 一、CSS定义 二、CSS引入方式 三、基础选择器 1.标签选择器 2.类选择器 3.id选择器 4.通配符选择器 5.画盒子 四、文字控制属性 1.字体大小 2.字体粗细 3.字体倾斜 4.行高 1.行高-垂直居中 5.字体族 6.font复合属性 7.文本缩进 8.文本对齐方式 1.水平对…
阅读更多...
Java Swing实现思聪吃热狗游戏

Java Swing实现思聪吃热狗游戏

引言 Java Swing&#xff0c;一种灵活的图形用户界面库&#xff0c;让我们可以以相对简便的方式创建图形化应用程序。在本文中&#xff0c;我们将讲述如何借助Swing构建一个简单的游戏&#xff1a;DogGame&#xff0c;它的规则是控制一只名为Wsc的狗来捕捉飞来的热狗。让我们浏…
阅读更多...
PHP中的stdClass：一个动态的空白板

PHP中的stdClass：一个动态的空白板

PHP中的stdClass&#xff1a;一个动态的空白板 在PHP编程中&#xff0c;灵活性和动态性是开发人员追求的重要目标。而stdClass作为PHP中的一个特殊类&#xff0c;为我们提供了一个通用的空白板&#xff0c;允许在运行时动态地添加属性和方法。它的存在为处理动态数据结构和临时…
阅读更多...
使用gcc/g++查看C语言预处理，编译，汇编，连接，以及动静态库的区分

使用gcc/g++查看C语言预处理，编译，汇编，连接，以及动静态库的区分

文章目录 使用gcc/ggcc如何完成编译后生成可执行文件&#xff1f;预处理(进行宏替换)编译&#xff08;生成汇编&#xff09;汇编&#xff08;生成机器可识别代码&#xff09;连接&#xff08;生成可执行文件或库文件&#xff09;最后记忆小技巧 在这里涉及到一个重要的概念&…
阅读更多...
《HTML 简易速速上手小册》第4章：HTML 的表单与输入（2024 最新版）

《HTML 简易速速上手小册》第4章：HTML 的表单与输入（2024 最新版）

文章目录 4.1 表单的基础&#xff08;&#x1f4dd;&#x1f680;&#x1f4ac; 开启沟通的大门&#xff09;4.1.1 表单基础知识点4.1.2 基础示例&#xff1a;创建一个简单的注册表单4.1.3 案例扩展一&#xff1a;创建一个调查问卷4.1.4 案例扩展二&#xff1a;创建一个预订表单…
阅读更多...
Gson源码解读

Gson源码解读

一&#xff0c;概述 gson作为流行的json工具&#xff0c;笔者使用较多。本文主要目的是解读下Gson的源码实现&#xff0c;就没有然后了。 二&#xff0c;实例 实例如下图所示&#xff0c;笔者简单调用gson的toJson方法获得json字符串&#xff0c;fromJson则从json字符串解析…
阅读更多...
最新2024如何解决谷歌浏览器Chrome谷歌翻译无法使用问题

最新2024如何解决谷歌浏览器Chrome谷歌翻译无法使用问题

快速恢复谷歌浏览器一键翻译功能在Chrome 中安装好【翻译】插件 Macbook 操作步骤&#xff1a; 1点击“前往”&#xff0c;打开“前往文件夹” 2 在对话框中输入“/etc” 囝找到“hosts”文件&#xff0c;复制粘贴到桌面 3 在复制的文件最后新起一行&#xff0c;输入并保存&am…
阅读更多...
【CSS + ElementUI】el-tree下拉扩展图标置于右侧

【CSS + ElementUI】el-tree下拉扩展图标置于右侧

效果图 代码实现 <template><div class"search_resource"><el-tree class"filter-tree" ref"tree" default-expand-all :data"directoryList" :props"defaultProps"icon-class"el-icon-arrow-right…
阅读更多...
飞凌嵌入式RK3568开发板蓝牙收、发文件测试

飞凌嵌入式RK3568开发板蓝牙收、发文件测试

本文由电子发烧友论坛用户fsdzdzy提供&#xff0c;感谢分享。飞凌嵌入式每月定期开展新的开发板体验活动&#xff0c;欢迎更多工程师朋友的关注和参与。 飞凌嵌入式OK3568-C开发板板载WiFi&BT模组&#xff0c;蓝牙版本为Bluetooth 5.0&#xff0c;速率高达3Mbps。笔者将在本…
阅读更多...
MySQL之谈谈MySQL里的日志

MySQL之谈谈MySQL里的日志

文章目录 前言一、SQL是如何做更新操作的二、MySQL中的redo log三、MySQL中的binlog四、聊聊两阶段提交总结 前言 上一章我们讲了一条SQL是如何做查询的&#xff0c;其中经历了许多步骤。这次来讲讲一条SQL是如何做更新操作的。 常有大佬说他可以把MySQL恢复到半个月内任意一秒…
阅读更多...
2024年美赛B题：寻找潜水器 Searching for Submersibles 思路模型代码解析

2024年美赛B题：寻找潜水器 Searching for Submersibles 思路模型代码解析

2024年美赛B题&#xff1a;寻找潜水器 Searching for Submersibles 思路模型代码解析 【点击最下方群名片&#xff0c;加入群聊&#xff0c;获取更多思路与代码哦~】 问题翻译 海上游轮迷你潜艇&#xff08;MCMS&#xff09;是一家位于希腊的公司&#xff0c;专门制造能够将人…
阅读更多...
jQuery前段开发--星级评价和图形跟随指针移动

jQuery前段开发--星级评价和图形跟随指针移动

一、实验原理&#xff1a; 当鼠标移入某个星星&#xff0c;前面的星星都会被点亮&#xff1b;当鼠标移出&#xff0c;星星将会变暗&#xff0c;单击某个星星后&#xff0c;即可完成评论&#xff0c;此时鼠标移出后&#xff0c;被单击星星前面的星星都会被点亮&#xff0c;后面…
阅读更多...
GmSSL - GmSSL的编译、安装和命令行基本指令

GmSSL - GmSSL的编译、安装和命令行基本指令

文章目录 Pre下载源代码(zip)编译与安装SM4加密解密SM3摘要SM2签名及验签SM2加密及解密生成SM2根证书rootcakey.pem及CA证书cakey.pem使用CA证书签发签名证书和加密证书将签名证书和ca证书合并为服务端证书certs.pem&#xff0c;并验证查看证书内容&#xff1a; Pre Java - 一…
阅读更多...
在Mixamo网站上，下载的模型导入unity后没有材质怎么解决

在Mixamo网站上，下载的模型导入unity后没有材质怎么解决

在Mixamo网站上&#xff0c;下载的模型导入unity后没有材质 1.导入的模型没有材质2.解决方法3.提取后就有材质了 1.导入的模型没有材质 2.解决方法 选中导入的模型 > 选择提取纹理>选择你要提取到的文件夹(默认是当前文件夹)>点击 fix now 3.提取后就有材质了
阅读更多...
力扣hot100 最小路径和 多维DP 滚动数组 一题多解

力扣hot100 最小路径和 多维DP 滚动数组 一题多解

Problem: 64. 最小路径和 文章目录 思路&#x1f496; 朴素版&#x1f496; 空间优化版 思路 &#x1f468;‍&#x1f3eb; 路飞 &#x1f496; 朴素版 ⏰ 时间复杂度: O ( n m ) O(nm) O(nm) &#x1f30e; 空间复杂度: O ( n m ) O(nm) O(nm) class Solution {public …
阅读更多...
026-安全开发-PHP应用模版引用Smarty渲染MVC模型数据联动RCE安全

026-安全开发-PHP应用模版引用Smarty渲染MVC模型数据联动RCE安全

026-安全开发-PHP应用&模版引用&Smarty渲染&MVC模型&数据联动&RCE安全 #知识点&#xff1a; 1、PHP新闻显示-数据库操作读取显示 2、PHP模版引用-自写模版&Smarty渲染 3、PHP模版安全-RCE代码执行&三方漏洞 演示案例&#xff1a; ➢新闻列表&…
阅读更多...
最新文章

Copyright @ 2022~2023