上下 页面css div
css 水平垂直居中的几种方法
水平垂直居中的几种方式 记录一下容器内只有单一元素时居中的几种方式 <div style="width: 300px; height: 300px" class="wrap"> <div style="width: 100px; height: 100px" class="box"></div> < ......
单页面下模拟路由跳转
项目需求：一个路由页面下展示多个页面，且切换时要像真正的路由一样可以携带路由参数 三个前置知识： vue不允许在路由栈中推入同一URL地址，否则会告警：NavigationDuplicated: Avoided redundant navigation to current location: "/ ......
Educational Codeforces Round 99 (Rated for Div. 2)
https://codeforces.com/contest/1455 很久没有vp了，感觉思维又僵化了 A题直接看样例，直接猜是长度。 B题首先如果是 \(x=\frac{n(n+1)}{2}\)，那么就是n 否则如果\(x=\frac{n(n+1)}{2}+y\)，分成两类 y=n，ans=n+ ......
div颜色渐变效果
文字透明度随div透明度渐变 单独给一个div设置渐变的透明度不能达成上面的效果，字的颜色不会随着透明度一起渐变，解决方法是加一个和背景颜色一样，透明度渐变的遮罩层，类似于新加一层涂料把原来的盖住的感觉，第一张图的横向渐变的遮罩层代码如下，渐变的坐标可以通过改变宽度，改变linear-gradian ......
vue弹窗中嵌入iframe页面，焦点在iframe页面中，需要监听esc按键关闭弹窗
当焦点在弹窗中，点击esc按钮能正常关闭弹窗，但是当焦点在iframe页面中时，esc按键就不生效了 试错： 直接使用 document.addEventListener('keydown', this.listenerHandle)或者document.querySelector('#iframe ......
Educational Codeforces Round 156 (Rated for Div. 2) ABCD
Educational Codeforces Round 156 (Rated for Div. 2) ABCD A. Sum of Three 题意：给定正整数 \(n\)，判断是否存在正整数 \(a\)，\(b\)，\(c\) 满足： \(a+b+c=n\)。 \(a\)，\(b\)，\(c\) ......
nuxt3设置404页面
1.在你的page目录下新建一个[...slug].vue的文件，文件内容为自定为自定义的404内容 <!--404页面--> <template> <div class="error-page"> 404 </div> </template> <script setup lang="ts"> se ......
Codeforces Round 904 (Div. 2)
\(A. Simple Design\) https://codeforces.com/contest/1884/submission/233628914 \(B. Haunted House\) https://codeforces.com/contest/1884/submission/2336 ......
jquery 检测div宽度变化_jquery判断浏览器宽度小于指定值改变div样式
浏览器原本样式 当浏览器宽度小于1200px时样式变为 代码如下： 方法一：直接修改该div样式添加w1200,会覆盖前一个样式 $(function(){ var _width = $(window).width(); //获取浏览器宽度 if(_width < 1200){ $(".chenbi ......
Codeforces Round 910 (Div. 2) - D
目录D. Absolute Beauty Codeforces Round 910 (Div. 2) D. Absolute Beauty 观察可知，只要当交换的 \(i\) 和 \(j\) 满足 $ max(a_i, b_i) < min(a_j, b_j)$ 或者 $ min(a_i, b_i) ......
CSS 尺寸单位概述
在本文中，我们将探讨 CSS 尺寸单位的四大类别。我们将了解这些尺寸单位的用途、它们的最佳工作原理，以及如何在每种情况下选择最佳尺寸单位，从而在各种媒体和设备尺寸下优化我们的布局。 关于 CSS 尺寸单位 CSS 提供了多种指定元素大小或长度的方式，其中一些更为直观。CSS 单位可分为四大类： 绝对 ......
通过api登录接口获得cookie，给selenium使用，绕开登录页面
1、通过接口登录获得cookie def get_token_cookie(): test = SSO_EXAMPLE() token = test.get_session.json()['token'] cookie = test.get_session.cookies return token, ......
Tailwind CSS 解决了什么问题？
从页面样式设计的颗粒度 Granularity 来谈起 元素颗粒度 我们知道，构成网页页面元素的最底层，最原始的东西就是 HTML & CSS 为每一个元素指定不同的 内联 inline-style 或者 class 来控制它的呈现方式，最细程度可以到元素的 style属性来控制，颗粒度停留在元素 ......
Codeforces Round 785 (Div. 2)
A - Subtle Substring Subtraction /* * __ ~~~~~~~~~~~ ___ * . . ~~// ...... __--~ ~~ * -. \_|// |||\\ ~~~~~~::::... /~ * ___ _ _-~o~ \/ ||| \\ _/~~- * ......
Codeforces Round 908 (Div. 2)
Preface 补一下之前期中考落下的CF yysy因为这学期又开始断电了，所以除了周五周六晚上的CF可能都不一定会去打，都会以后面补题为主 A. Secret Sport 由于题目保证给出的状态合法，因此直接输出最后一个字符即可 #include<cstdio> #include<iostream ......
Java 删除PDF页面 （免费工具分享）
对PDF页面的增删通常需要借助专门的工具，而这些工具一般需要付费才能使用。那么我们可以通过Java代码免费实现这一功能吗？答案是肯定的。这篇文章就教大家如何使用一个免费的国产Java库来删除PDF中的指定页面或者删除PDF中的空白页。 使用Java快速删除PDF中的指定页面 1. 首先，我们需要先将 ......
Selenium4+python被单独定义＜div＞的动态输入框和二级下拉框要怎么定位?
今天在做练习题的时候,发现几个问题捣鼓了好久,写下这篇来记录 问题一: 有层级的复选框无法定位到二级目录 对于这种拥有二级框的选项无法定位,也不是<select>属性. 我们查看下HTML,发现它是被单独封装在body内拥有动态属性的独立<div>,当窗口点击的时候才会触发. 解决: driver. ......
Codeforces Round 910 (Div. 2)
Codeforces Round 910 (Div. 2) 基本情况 做A题的速度比之前快多了，大概20分钟搞定。 B题想了一个贪心错解，想用链表实现，但是不熟练，实现太慢，而且还被hack了。 但是自己hack掉了，造数据上进步。 B. Milena and Admirer 贪心思路 发现一个大于 ......
Codeforces Round 910 (Div. 2)
\(A. Milica and String\) https://codeforces.com/contest/1898/submission/233431132 \(B. Milena and Admirer\) https://codeforces.com/contest/1898/submis ......
AWS 登录页面上 Root user 和 IAM user 的区别
在 AWS（Amazon Web Services）中，可以通过两种用户类型登录到 AWS 管理控制台，即 Root user 和 IAM user。这两种用户类型之间存在一些主要的区别，这些区别主要涉及账户所有权、权限级别和安全方面的问题。 首先，我们要理解 Root user 和 IAM use ......
Codeforces Round 909 (Div. 3)
Codeforces Round 909 (Div. 3) 基本情况 第一次在 CF 上 AC 了超过一道题。（毕竟是Div3） B 题卡住了很久。 D 没有深入思考。 [B. 250 Thousand Tons of TNT](Problem - B - Codeforces) 一开始死活过不了的 ......
12.页面优化插件
页面优化插件 应用场景 原生的页面在对于前端不够熟悉的情况下，编写起来是比较困难的。包括设置一些样式，从头再学习 CSS 成本较大。 如果要简化学习成本，可以通过响应式的前端框架 Bootstrap 完成，通过使用 Bootstrap，开发者可以节省大量的时间和精力。 在 Bootstrap 的基础 ......
一句话网页变灰 -css
文档说明：只记录关键地方; 发布时间： 2023-11-19 试验环境： chromium 内核浏览器 意义： 记录一下怎么实现的 工具： 编写CSS html { filter: grayscale(100%); } 参考文档 网站都变成灰色了，它是怎么实现的？ 一句话网页变灰 百度 一句话网页变 ......
CF909 div3
CF909 div3 A.Game with Integers 题意 两人博弈，给出一个数字，每人每次可以选择令该数字+1或者-1。如果在10步以内可以令数字为3的倍数，先手胜。否则后手胜。 数据范围 多组数据，\(1 <= T <= 100 , 1 <= n <= 1000\) 题解 后手可以恢复 ......
2023-11-18：用go语言，如果一个正方形矩阵上下对称并且左右对称，对称的意思是互为镜像， 那么称这个正方形矩阵叫做神奇矩阵。 比如 : 1 5 5 1 6 3 3 6 6 3 3 6 1 5
2023-11-18：用go语言，如果一个正方形矩阵上下对称并且左右对称，对称的意思是互为镜像， 那么称这个正方形矩阵叫做神奇矩阵。 比如 : 1 5 5 1 6 3 3 6 6 3 3 6 1 5 5 1 这个正方形矩阵就是神奇矩阵。 给定一个大矩阵n*m，返回其中神奇矩阵的数目。 1 <= n, ......
CSS
CSS .article-info-tag,button { text-transform:uppercase } .day,.postMeta,.postSticky { position:relative } .postTitle a:link,html { -webkit-tap-highli ......
Codeforces Round 909 (Div. 3) A-E
Codeforces Round 909 (Div. 3) A. Game with Integers 题意： 两人轮流操作，可以加一或减一，若结果能被3整除则输出First，否则输出Second 思路： 若n不能被3整除，则第一个人可以直接通过加一或减一使结果被3整除，反之则一定不能 代码： #i ......
前端页面部署之后刷新页面之后出现HTTP 错误 404.0 - Not Found错误问题解决
前端页面部署能正常访问，但是一旦刷新页面就报如下错误：404.0 - Not Found 解决办法：下载IIS URL重写模版，并安装。下面为安装地址： URL Rewrite : The Official Microsoft IIS Site 安装之后IIS中出现如下IIS重写模块： 点击进去添加 ......