上下 页面css div
CSS - 放大缩小淡入淡出效果
效果图： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS Zoom in and out Animation</title> <style> @-webkit-keyframes zoomIn { f ......
OpenHarmony页面级UI状态存储：LocalStorage
LocalStorage是页面级的UI状态存储，通过@Entry装饰器接收的参数可以在页面内共享同一个LocalStorage实例。LocalStorage也可以在UIAbility内，页面间共享状态。 本文仅介绍LocalStorage使用场景和相关的装饰器：@LocalStorageProp和@ ......
奇怪的需求之 echarts legend设置为scroll后，需要鼠标也能触发上下滚动
直接上解决代码： const myChart = this.$echarts.init(this.$refs[ref]) myChart.setOption(option) // 该监听器正在监听一个`zrender 事件`。 const legend = option.series[0].data ......
ECS-Centos7登录页面出现Hint: caps lock on，输入大小写字母反了（大小写反转问题）
问题描述：虚拟机Centos7，输入大小写字母反了，开启capslock的时候变成小写字母了，关闭则变成大写了。。。 解决办法：只需要执行：setleds +caps 或 setleds -caps 即可。 如图： ......
[学习笔记] 浏览器F12检查中应该如何判断margin的上下左右？
如下图所示，margin上下左右四个方向分别是1px, 2px, 3px, 4px。 而在浏览器F12检查时，margin显示如下图所示： 即浏览器检查时显示的margin值，是按照上、右、下、左的顺序来的。 该规律在padding也同样适用。 ......
[学习笔记] 有关CSS响应式设计的单位
em 和 rem 单位：em 和 rem 是相对于元素的字体大小计算的单位。em 单位是相对于父元素的字体大小，而 rem 单位是相对于根元素（通常是 <html> 元素）的字体大小。em 和 rem 单位可以用于实现相对于字体大小的自适应布局。 vw 和 vh 单位：vw 和 vh 是视口宽度和视 ......
NOIP2023-div2模拟赛20 D. 数星星
妙妙 + 经典题。 难度：Hard。 题意 给定一棵 \(n\) 个结点的树，点有点权。树上有一些简单路径，编号分别为 \(1,2,\cdots,m\)。有 \(q\) 次询问，每次询问查询编号在 \([l,r]\) 中的路径的并的点权和。 题解 考虑一个经典题：定一个数列，每次询问一个区间不同元素 ......
python+playwright 学习-39.登录页面滑动解锁
前言 登录页面会遇到滑块解锁，滑动解锁的目的就是为了防止别人用代码登录（也就是为了防止你自动化登录），有些滑动解锁是需要去拼图这种会难一点。有些直接拖到最最右侧就可以了，本篇讲下最简单的直接滑动最右侧的滑块解锁。 滑动解锁场景 看下图，是我本地写的一个 slider.html 网页 除了输入账号和密 ......
uniapp返回上一页面并刷新数据 及 刷新当前页面
返回上一页面并onLoad刷新数据 //当前页面(详情页) methods: { setNavTitle() { uni.setNavigationBarTitle({ title: '标题' }); }, back() { uni.$emit('refreshData'); // uni.$emi ......
函数调用栈-执行上下文栈
一 调用栈 我们知道栈的特点是，先进后出的。那么函数的执行上下文栈又是怎么样的呢？ 先看这段代码 var a = 2 function p2(b,c){ return b+c； } function p1(b,c){ var d = 10; result = p2(b,c); return a + ......
Educational Codeforces Round 154 (Rated for Div. 2) B. Two Binary Strings
给定两个长度相等的 \(01\) 字符串 \(a\) 和 \(b\) 。每个字符串都是以 \(0\) 开始以 \(1\) 结束。 在一步操作中，你可以选择任意一个字符串： 选择任意两个位置 \(l, r\) 满足 \(s_l = s_r\) ，然后让 \(\forall i \in [l, r], ......
【codeforces】cf880div2 vp小结
碎碎念 多测要清空！清空从0开始循环！！！！！！！爆哭 不知道因为初始化和清空罚了多少次了呜呜呜呜呜 这次真的真的记得清空了，但是因为一直习惯下标从1开始所以导致for循环清空的时候a[0]没有清空 A和B简简单单的两个签，但是C的难度就突然升高，补题的时候发现1700的时候真的...犹豫了一下要不 ......
Educational Codeforces Round 155 (Rated for Div. 2) B. Chips on the Board
给一个 \(n \times n\) 的棋盘，和两个大小为 \(n\) 的 \(a\) \(b\) 数组。\(a_i\) 代表第 \(i\) 列的权值，\(b_i\) 代表第 \(i\) 列的权值。坐标 \((i, j)\) 的权值为 \(a_i + b_j\) 。 现在需要放若干个芯片和到棋盘上， ......
Codeforces Round 697 (Div. 3) A. Odd Divisor
给定一个正整数 \(n\) ，询问是否存在一个 \(> 1\) 的奇数因子。 在唯一分解定理下观察 \(n\) ，发现若存在除 \(2\) 以外的质因子，则 \(n\) 存在 \(> 1\) 的奇数因子。 换句话说 \(n\) 不是二次幂形式则存在 \(> 1\) 的奇数因子。 view #incl ......
Codeforces Round 895 (Div. 3) B. The Corridor or There and Back Again
你在一个向右延申的无限坐标轴上，且你初始在坐标 \(1\) 。有 \(n\) 个陷阱在坐标轴上，第 \(i\) 个陷阱坐标为 \(d_i\) ，且会在你踩上这个陷阱的 \(s_i\) 秒过后发动。这时候你不能进入坐标 \(d_i\) 或者走出坐标 \(d_i\) 。 你需要确定最远的 \(k\) ， ......
Codeforces Round 896 (Div. 2) A. Make It Zero
给一个大小为 \(n\) 的数组 \(a\) \((n \geq 2)\) 。你希望进过一些操作使得 \(\forall i, a_i = 0\) 。 在一步操作中，可以选择 \(1 \leq l \leq r \leq n\) 并且执行： \(s = \bigoplus_{i = l}^{r} a ......
Educational Codeforces Round 153 (Rated for Div. 2) A. Not a Substring
给一个长度为 \(n\) 的括号字符串 \(a\) 。你需要构造一个长度为 \(2n\) 的合法括号字符串 \(b\) ，且满足 \(a\) 不是 \(b\) 的子串。或者回答不可能。 显然若 \(a = ()\) ，则一定不可能构造出 \(b\) ，否则可以。 观察到合法括号穿串中， \(()() ......
自定义OpenStack dashboard页面
OpenStack dashboard界面替换图片 一、dashboard界面Logo的路径及文件 dashboard的Logo存放（在Controller节点）的路径： /usr/share/openstack-dashboard/openstack_dashboard/static/dashbo ......
spring boot访问Druid控制台页面报错 Sorry, you are not permitted to view this page.
spring boot访问Druid控制台页面报错 Sorry, you are not permitted to view this page. https://wwwxz.blog.csdn.net/article/details/109120012?spm=1001.2101.3001.665 ......
Codeforces Round 635 (Div. 2) B. Kana and Dragon Quest game
你需要击败一只巨龙，他有 \(h\) 点血量，你可以使用以下两种攻击方式： 黑洞：使巨龙的血量变为 \(\lfloor \frac{h}{2} \rfloor + 10\) 。可以使用 \(n\) 次。 雷击：使巨龙的血量变为 \(h - 10\) 。可以使用 \(m\) 次/ 当巨龙的血量 \(h ......
Codeforces Round 633 (Div. 2) A. Filling Diamonds
给定一个正整数 \(n\) ，询问有多少种方式填充满图中 \(4n - 2\) 的图。 你可以使用的菱形：竖着摆放和横着摆放都是一种方案。 显然选择某个位置竖着摆放，其他所有地方只能横着摆放，这样的位置有 \(n\) 个。 具体图形见：https://codeforces.com/problemse ......
Codeforces Round 637 (Div. 2) - Thanks, Ivan Belonogov! A. Nastya and Rice
纳斯塔亚掉了 \(n\) 个谷物，每个谷物的重量范围在 \([a - b, a + b]\) 。她猜测谷物的总重量范围在 \([c - d, c + d]\) 。询问她的猜测是否正确。 显然，若 \([n(a-b), n(a+b)]\) 和 \([c - d, c + d]\) 有交，则她的猜测正确 ......
Codeforces Round 641 (Div. 2) A. Orac and Factors
定义 \(f(x)\) 为 \(x\) 的 \(> 1\) 的最小因子。 给一个正整数 \(n\ (n \geq 2)\) 。对它执行 \(k\) 次操作：每次让 \(n = n + f(n)\) 。询问 \(k\) 次操作后 \(n\) 的值。 在唯一分解定理下观察 \(n\) ：偶数的最小非 \ ......
Codeforces Round 636 (Div. 3) A. Candies
\(vv\) 有 \(n\) 个糖果，\(vv\) 记得这些糖果是按如下方式购买的： 第 \(i\) 天买了 \(2^{i - 1}x\) 个，总共买了 \(k\) 天，\(k > 1\) 。 但是 \(vv\) 忘了 \(x\) 是多少，询问任意一个满足条件的 \(x\) 。保证给出的 \(n\) ......
第二十一篇 - vue中实现页面刷新以及局部刷新的方法
参考链接：https://blog.csdn.net/qq_41117240/article/details/127275478 第一步：在需要局部刷新的标签添加 第二步：在data里面初始化isRefresh的值为true 第三步：在method里面添加刷新函数 第四步：在需要局部刷新的地方调用刷 ......
26个CSS超实用技巧
1.文字溢出显示省略号 单行文字： 一定要设置宽度 p{ • width:200px; • overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } 多行文字溢出显示省略号p{display:-webkit-bo ......
Tailwind CSS 速查
Tailwind CSS 提供了大量的实用程序类，这些类名都是使用缩写的方式，以更简洁地表述其含义。以下是一些常用的 Tailwind CSS 缩写及其对应的意义： 布局 w: width max-w: max-width h: height max-h: max-height m: margin ......
什么？？？CSS也能原子化！
原子化CSS是一种CSS的架构方法，倾向于使用用途单一且简单的CSS，通常是根据视觉效果进行类的命名，不同于BEM规则的CSS，原子的意思就是将CSS进行拆分，每个样式都有一个唯一的CSS规则 ......
3招解决Nginx实现404页面的实现！
一个网站项目，肯定是避免不了404页面的，通常使用Nginx作为Web服务器时，有以下集中配置方式，一起来看看。更多技术干货详见www.linuxprobe.com ......