元素before web css
大数据生态组件WEB UI地址汇总
(1) Hadoop Web UI http://master-1:50070/dfshealth.html#tab-overview (2) YARN应用Web UI http://master-1:8088/ (3) Spark Web UI http://master-1:18089/ (4) ......
css添加三角指示器
.bar{ ... &:before { top: 100%; left: 24px; border: solid rgba(0, 0, 0, 0); content: ''; height: 0; width: 0; position: absolute; border-top-color: rg ......
Tailwind CSS vs windicss
Tailwind CSS 和 windicss 都是基于 utility-first 的 CSS 框架，它们有着相似的设计原则和使用方法。但是它们也有一些不同之处： 文档和社区支持：Tailwind CSS 拥有强大的文档和社区支持，而 windicss 的文档和社区相对较小。这意味着使用 Tail ......
web服务器配置
服务安装： 安装Apache (Step 1 — Installing Apache) 安装apache2软件包： 检查可用的ufw应用程序配置文件： 启用限制性最强的配置文件，该配置文件仍将允许您配置的流量，并允许端口80上的流量(正常的未加密Web流量： 检查一下防火墙状态： 如果如图没有启动则 ......
元素的浮动与定位
一、元素的浮动 在标准文档流中，div元素按照从上到下的顺序排列。但是通过使用浮动属性，可以使元素脱离标准文档流的约束。 1.浮动属性float 语法：选择器{float：属性值；} 属性值：left，right 通过设置元素的浮动属性为left或right，可以使元素向左或向右浮动。 2.清除浮动 ......
CSS中的 @media属性
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .page-header{ height: 300px; background-color: red; } /* 当 ......
root不能登录Cockpit Web的解决
删除其中的root $ vim /etc/cockpit/disallowed-users # List of users which are not allowed to login to Cockpit # root 注意：在生产环境不建议 ......
CSS 各个版本 功能 区别 后续情况
CSS（Cascading Style Sheets）是一种用于描述网页元素样式的标记语言。它的发展经历了多个版本，包括CSS1、CSS2和CSS3。下面是它们各个版本的功能和区别： CSS1： 发布时间：1996年12月 功能：引入了基本的样式定义和布局机制，包括选择器、盒模型、文本样式、背景、边 ......
css圣杯等高布局
三列布局 左右固定,中间自适应 中间内容优先加载 左右和中间等高(伪等高) *三列都需要浮动 *使用margin-left为负设定边界(元素位置不改变) *左右使用定位,使中间的内容显示 *使用padding-bottom和margin-bottom设置伪等高 <!DOCTYPE html> <ht ......
JavaScript元素根据父级元素宽高缩放
/** * 等比缩放 * @param wrap 外部容器 * @param container 待缩放的容器 * @returns {{width: number, height: number}} * 返回值：width:宽度, height:高度 */ aspectRatio(wrap: an ......
Web服务器启用HTTPS的配置方法
本文于2016年3月完成，发布在个人博客网站上。 考虑个人博客因某种原因无法修复，于是在博客园安家，之前发布的文章逐步搬迁过来。 nginx的配置方法 可以参考Jerry Qu的本博客 Nginx 配置之完整篇。 Tomcat的配置方法 以Java语言实现的Connector为例，介绍配置方法。 创 ......
CSS选择器
一、属性选择器 [att^=value] 前缀：通过属性名和属性值的前缀进行选择 在CSS中，我们可以使用属性选择器来选择具有特定属性值的元素。其中，通过设置属性值的前缀（value），我们可以选择具有以某个特定前缀开头的属性值。例如，如果我们想选择所有属性名为att且属性值以value开头的元素， ......
CSS3入门
一．CSS3的概述 1.定义:层叠样式表;d 2.意义:把内容与形式分开;html: 内容; CSS: 形式 3.浏览器:chrome 4.css 样式规则e选择器(属性 1:值，属性 2: 值;.......) 选择器区分大小写，“ 5.css样式表的导入 (1)行内式 例: style="fon ......
C. Training Before the Olympiad
原题链接 题解 事实1.两个数合并后的数一定是偶数 事实2.如果没有发生奇数和偶数合并，那么最终的结果一定是所有数的和 事实3.每发生一次奇数和偶数合并，最后的结果会减一 总结 综上所述，Masha会尽量选择同奇或同偶合并，但在有同奇的情况下，会优先选择同奇，因为合并会产生偶数，且Olya需要用到奇 ......
CF1916C Training Before the Olympiad
思路 首先，我们可以考虑两个人会怎么操作，如果是选择了两个偶数和两个奇数，那么答案不会减小，如果选择了一个奇数一个偶数，那么答案会减小一。 所以想使答案大的人应该尽量选择前一种方案，想使答案小的人应该尽量选择后一种方案。 但这还不是最优的，想使答案大的人在可以选择两个奇数时，绝对不会选择两个偶数，因 ......
day03 代码随想录算法训练营 203. 移除链表元素
题目： 203. 移除链表元素 我的感悟： 题目里的节点是已经给好的， 创建虚拟节点，是为了方便处理头节点。 加油，我可以的！！！！！ 理解难点： 节点已经给好的 创建虚拟节点 代码难点： p是临时变量，类似于for i in range(10) 这里的i，本身是用完就扔的。 返回值为什么不能是p. ......
SpringMVC 基于MVC设计理念的优秀WEB框架
什么是MVC模式 MVC模式是目前WEB项目主要的项目架构模式,是一种非常优秀的三层架构模式,其三层是指视图层View,控制层Controller和模型层Model,它们分别完成不同的功能 View 层：视图层,用户提供用户的操作页面,是数据的展现层,也是用户接触的界面层 Controller层：控 ......
SpringMVC 基于MVC设计理念的优秀WEB框架
什么是MVC模式 MVC模式是目前WEB项目主要的项目架构模式,是一种非常优秀的三层架构模式,其三层是指视图层View,控制层Controller和模型层Model,它们分别完成不同的功能 View 层：视图层,用户提供用户的操作页面,是数据的展现层,也是用户接触的界面层 Controller层：控 ......
CSS语法检查利器之csslint
本文于2015年底完成，发布在个人博客网站上。 考虑个人博客因某种原因无法修复，于是在博客园安家，之前发布的文章逐步搬迁过来。 背景 前段时间研究使用YUI Compressor压缩项目里的js和css文件，研究了两天之后，终于在周三晚上把YUI Compressor集成进了打包流程中；于是周四（2 ......
JS 鼠标拖拽元素移动
代码示例 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>Document</title> <style> #wrap { width: 100px; height: 100px; background ......
2023-12-29 css之行内存在多个!important权重时哪个!important优先级最高？==》显示最后一个
假如div里面有多个!important权重的样式类名.a和.b，哪个优先级最高？ <div class="a b"></div> .a { display: block !important; } .b { display: none !important; } 答案：b。 谁的!importan ......
Meta3D -- 开源的Web3D低代码平台
大家好，Meta3D是开源的Web3D低代码平台，快速搭建Web3D编辑器，共建开放互助的web3d生态。
现在发布了v1.0版本 ......
css 实现一个选项卡按钮边框弯曲平滑
<View class="tabs" style="display: flex; justify-content: space-between"> <View class="tabs-item" style="width: 50%"> <Button class="tabs-btn" :class= ......
Python+Selenium+Pytest+Allure+Jenkins实现的Web自动化框架
目录一、测试的项目二、需求分析三、用例设计-部分用例举例四、框架说明4.1 测试框架结构图如下：4.2 项目功能五、代码设计与功能说明5.1 POM简介：Page Object Modle页面对象模型5.2 基础封装层：pages/basePage.py5.3 PO页面对象层：pages/userL ......
python_selenium定位页面元素
页面元素常用的定位方法有id、name、css、xpath id和name直接通过对应的值定位 class属性值有多个值时，使用css选择器定位只需要其中一个属性值即可，使用xpath时，属性值需要全部写上 示例：<input type="" autocomplete="on" placeholde ......
HTML之元素相对页面(视口)左上角的绝对坐标
目录一. 绝对位置二. 相对位置 一. 绝对位置 网页元素的绝对位置，指该元素的左上角相对于整张网页左上角的坐标。无论网页滚动条如何滚动，它都是不会变化的。 // 获取元素的绝对位置坐标（相对于页面左上角） function getElementPagePosition(element){ //计算 ......
day01 代码随想录算法训练营 27. 移除元素
题目： 27. 移除元素 感悟： 用快慢指针。 本题是要原地删除。 而删除这个行为在真实的计算机的数组里，是覆盖。 所以，就用两个指针，（人） 一个跑的快，一个跑的慢。他们身上带了个对讲机。 跑的快的那个人负责检测后面的数字符合要求不，比如，要不等于3的，遇到一个2，告诉跑的慢的说2符合要求。遇到一 ......
22.Web自动化测试之Cookie登录
cookie 是什么 Cookie 是一些认证数据信息,存储在电脑的浏览器上 当 web 服务器向浏览器发送 web 页面时，在连接关闭后，服务端不会记录用户的信息 为什么要使用Cookie自动化登录 复用浏览器仍然在每次用例开始都需要人为介入 若用例需要经常执行，复用浏览器则不是一个好的选择 大部 ......
21.Web 自动化测试之复用浏览器
复用浏览器简介 为什么要学习复用浏览器 自动化测试过程中，存在人为介入场景 提高调试 UI 自动化测试脚本效率 复用已有浏览器-配置步骤 需要退出当前所有的谷歌浏览器（特别注意） 输入启动命令，通过命令启动谷歌浏览器 找到 chrome 的启动路径（下一页 ppt）s 配置环境变量（下一页 ppt） ......
09.web 浏览器控制
目录 打开网页 刷新 回退 最大化 最小化 浏览器控制 模拟功能测试中对浏览器的操作 操作使用场景 get 打开浏览器 web自动化测试第一步 refresh 浏览器刷新 模拟浏览器刷新 back 浏览器退回 模拟退回步骤 maximize_window 最大化浏览器 模拟浏览器最大化 minimi ......