Sass（SyntacticallyAwesomeStyleSheets）是一种CSS预处理器，它扩展了CSS的功能，提供了更高级的语法和特性，例如变量、嵌套、混合、继承和颜色功能等，这些特性可以帮助开发者更高效地管理和维护样式表。Sass语法是基于缩进（缩进花括号）的，它与传统的CSS语法类似，但添加了一些额外的规则和语法结构。Sass代码需要编译成CSS代码才能在浏览器中呈现。1.安装sass以前用vue-cli的时候，还要安装sass-loader、node-sass什么的，安装的时候还会遇到各种问题，但是vite其实安装sass就可以了，很简单npminstallsass-D2.编写全

perspective：该属性是可以给图像呈现立体感，但是，那仅仅只是一种3D的视觉感受，并没有真正的在3D环境中。transform-style:preserve-3d;：这个属性是让元素处在了真实的3D空间中，该属性子元素不会继承，也就是设置，只会要自身内部的子元素处于3D空间中，子元素的内部不会处于，除非这个子元素也设置了该属性。效果图对比普通的倾斜旋转：perspective的倾斜旋转：能看到3D效果，但是理论上来说，图片如果真的在3D环境中，是会穿模到父容器黑色背景后面去了的，这里依然还是在父容器的黑色背景内运动。preserve-3d的倾斜旋转：这个就是真实的3D空间中了，图片穿模

随着软件开发的日益复杂和迭代速度的加快，自动化测试被越来越广泛地应用于软件开发流程中。它能够提高测试效率、减少测试成本，并保证软件质量的稳定性。在构建自动化测试环境方面，Docker和Selenium是两个非常有用的工具。下面将介绍如何使用Docker和Selenium构建自动化测试环境。一、Docker简介Docker是一个开源的容器化平台，它可以将应用程序及其依赖打包到一个可移植的容器中，并可以在任意环境中运行。使用Docker可以实现快速、可靠和一致的软件交付，同时节省了资源和时间。二、Selenium简介Selenium是一套用于Web应用程序自动化测试的工具集。它支持多种编程语言和浏

今天给大家带来的主题是自动化测试框架Selenium，话不多说，直接开始！1.什么是Selenium自动化测试JasonHuggins于2004年创建了一个JavaScript框架，旨在将其从重复的手动测试中解放出来。最初命名为JavaScriptTestRunner的产品可以直接在浏览器中执行测试，驱动页面上的交互，并在无需手动输入的情况下重新运行。这个JavaScript工具在Huggins意识到它的潜力后开始流行，将其开源并重新命名为SeleniumRemoteControl。Selenium的创新之处在于：之前没有其他任何工具允许测试人员使用他们选择的编程语言与浏览器对话。然而，很快浏

SeleniumGrid简介SeleniumGrid实际上是基于SeleniumRC的，而所谓的分布式结构就是由一个hub节点和若干个node代理节点组成。Hub用来管理各个代理节点的注册信息和状态信息，并且接受远程客户端代码的请求调用，然后把请求的命令转发给代理节点来执行(官方说明)简单来说通过seleniumgrid可以实现一台服务器控制多台node节点机器远程执行selenium自动化测试脚本。比如自动化测试脚本存放在一台hub主机上，那么通过grid就可以控制多台node客户端来执行hub主机上的自动化测试脚本，下面我们就开始配置一下分布式测试运行环境环境准备其实hub主机和node节

01安装selenium1.1安装selenium类库pipinstallselenium1.1安装浏览器驱动安装浏览器驱动时注意版本保持一致。查看浏览器版本：在这个网站上下载驱动：https://developer.microsoft.com/zh-cn/microsoft-edge/tools/webdriver/。上图中看到我的Edge版本是120.0.2210.61。进入网站下载驱动。将其解压到python解释器目录并重命名为MicrosoftWebDriver.exe。1.3测试是否安装成功将压缩包解压到一个指定路径下。比如D:/util路径。访问百度，看看能否正常打开。import

Webdriver驱动自管理背景在selenium自动化中，驱动和浏览器有一定的对应关系，以最常见的chrome和firefox为例。chrome要求比较严格。比如在地址栏输入chrome://version/，得到版本信息如下：GoogleChrome 103.0.5060.106(正式版本)（64位）(cohort:Stable)去驱动下载站：https://registry.npmmirror.com/binary.html?path=chromedriver/（如下图），你可能找不到完全匹配上的版本，你只能103.0.5060.三个中找一个接近的试试（一般应该选择134）。这个给自动下

目录总览类选择器自定义变量效果三种基本样式确定取消 删除流光效果背景流光边框流光​编辑动态边框双元素旋转 单元素旋转单元素移动边框线 顶部边框线底部边框线双边框线 滑动反光滑动 箭头滑动 中央扩展 文字覆盖横向文字覆盖 纵向文字覆盖 聚焦搏动聚焦猫耳朵聚焦熊耳朵聚焦​编辑​编辑 ​编辑多色彩聚焦已于2023.4.7发布新的文章和资源文章：https://blog.csdn.net/src_chao1/article/details/130009166?spm=1001.2014.3001.5501https://blog.csdn.net/src_chao1/article/details/1

抓取数据会导致页面加载失败而无法进行,解决方案:1.首先将需要抓取的网站添加到信任,火狐操作菜单->设置->隐私与安全->证书将"查询OCSP响应服务器，以确认证书当前是否有效(Q)"勾去除打开"查看证书"->"服务器"添加例外,将网站域名填入这样火狐可以正常打开,不提示证书问题2.接下来设置Selenium,让它加载这些设置,自动抓取时才会不提示菜单->设置->更多排障信息找到"配置文件夹",把它拷贝出来,然后初始化配置指定到这个目录FirefoxProfilefirefoxProfile=newFirefoxProfile(newFile("C:\\7abeqvd7.default-rel

背景：使用selenium开发相关自动化模块时，遇到一个网页需要进行用户认证，如下图所示需要登录认证后才能进行后续操作。解决思路：面对这个弹窗，第一时间想到的是js的prompt弹窗，于是尝试使用webdriver.switch_to_alert()方法对其进行操作，出现如下报错提示：显然，这个弹窗不属于常规prompt弹窗，无法通过alert对象操作；经查询资料，得知此认证窗口为HttpBasicAuth请求鉴权时的提示框，从网络分析中也可以看到此时连接未完成，服务端在等待认证；由此可以从主动提供用户密码这个思路着手，跳过这个认证提示；查询资料，了解到http协议是可以直接携带用户名密码的，