上下 页面css div
html页面里面的button标签使用@click属性时，无法定位到Vue的method里面
问题解决 就很离谱，都是按照网上的教程来的，一直无法定位，之后跟着加上了div标签，加上了id属性，方法还是灰白色，调用不了； 后来直接将el属性名称更改掉了，没想到这样就成功识别到了，反正就是逻辑没有出问题，最后也达到期望值了。 ......
CSS3边框属性 阴影 box-shadow 属性
box-shadow 属性各个参数的含义 值说明 h-shadow 必需的。水平阴影的位置。允许负值 v-shadow 必需的。垂直阴影的位置。允许负值 blur 可选。模糊距离，使用类似高斯模糊的算法将阴影进行模糊处理，模糊后阴影的范围将扩大，扩大的距离为blur/2 spread 可选。阴影的大 ......
Codeforces 847 Div3 题解A-G
Codeforces 847 Div3 题解A-G 好久不打了，这几周忙着写各种作业，然后发现代码力跟不上了。今天复健一下吧。反正也是比较碎片的时间，马上新的作业就会被布置下来，n久没打了就来看下。所以这次先捡div3复键一下，之后暑假等实习了到时候得认真上上div2，不然秋招g咯。 A. Poly ......
CSS实现文字镂空效果炫酷背景效果
CSS实现文字镂空效果炫酷背景效果 css3中的mix-blend-mode css3中有一个mix-blend-mode的screen混合模式，可以轻松实现镂空文字效果。背景我们可以固定定位设置一个静态图片，gif动态图，视频video，svg动画等等。 代码案例 <!DOCTYPE html> ......
Codeforces Round 864 (Div. 2)
Codeforces Round 864 (Div. 2) 赛前就留了3个cpp，结果就做出来3个。 不得不说lihua确实呃呃。 A 题面的描述方法以及给出的样例好有迷惑性啊， 其实答案根本不会超过4，把某一个格子周边全部围起来就行了。也就是下面最后2个花括号里面的内容。 int main() { ......
Codeforces Round 864 (Div. 2) 中文题解
Codeforces Round 864 (Div. 2) 中文题解 A. 李华与迷宫 在 $(x_1,y_1)$ 或 $(x_2,y_2)$ 周围放障碍，更优的那个就是答案。换句话说，定义： $$ f(x,y)= \begin{cases} 2,&(x,y)\text{在角上}\ 3,&(x,y) ......
Codeforces Round 864 (Div. 2) 中文题面
Codeforces Round 864 (Div. 2) 中文题面 A. 李华与迷宫 有一个大小为 $n\times m$ 的矩形迷宫。称两个格子相邻，当且仅当它们有一条公共边。定义一条路径为若干相邻空格子的序列。 每个格子初始为空。李华可以在若干个格子中放置障碍物。他希望知道最少需要放置多少个障 ......
CSS基本格式，和引入外部CSS文件
<html> <head> <meta charset="UTF-8"> <title>demo3</title> <style> /*style标签范围内为CSS环境*/ /*标签样式*/ p{ color: red; } /*类样式*/ .font20{ font-size: 20; } /*i ......
css Position用法
相对位置和绝对位置 现有3个div如下 <style> .brother { width: 200px; height: 200px; background-color: yellow; } .father { width: 200px; height: 200px; background-colo ......
scrpit执行同页面内容切换
<div onclick="pageClick(this)" id="news" class="active"><img src="img/icon-1.png" />个人消息</div> <iframe src="all_Student.jsp" height="713px" id="a1" na ......
css浮动问题
引出问题 这是一个正常的排版 代码如下 <style> .father { width: 200px; border: 1px solid red; } .son { width: 100px; height: 100px; background-color: blue; } </style> <d ......
请求上下文分析，wtforms（了解）
请求上下文分析，wtforms（了解） 1.1 导出项目的依赖 # -下载语句：pip freeze # 使用第三方模块，更精确的导出依赖 pipreqs 第一步：安装 pip3 install pipreqs 第二步：使用命令，导出项目依赖 pipreqs ./ -win由于编码问题会出错：使用这 ......
好用的CSS全局关键字属性值
什么是全局关键字属性值？ 全局关键字属性，可以理解成：所有CSS属性都可以使用的属性值。 举个不是全局关键字属性值的例子： background-color: #000000 上面的 #000000 就是CSS数据类型<color>中的属性值，但是<color>数据类型，并不能使用在下面的场景： / ......
css边距合并的问题
上下两个盒子边距合并问题 <style> * { margin: 0px; padding: 0px; } div { width: 100px; height: 100px; } .top { background-color: red; margin-bottom: 20px; } .botto ......
CSS标准盒子模型与怪异盒子模型
<style> * { margin: 0; padding: 0; } div { /* 宽高改变的是内容大小 */ width: 200px; height: 200px; } /* w3c标准盒子：盒子的总大小=内容+内边距+边框+外边距 */ /* 只要改变 内容，内边距，外边距，边框，盒子 ......
css伪元素选择器
<style> p::before { content: "当不想添加元素又想在其前面插入文字时使用"; } p::after { content: "当不想添加元素又想在其后面插入文字时使用"; } /* 当鼠标选择时发生 */ p::selection { color: red; } /* 选择 ......
CSS伪类选择器
伪类选择器 选择第几个元素 <style> /* 类num后代li的第1个 */ .num li:first-child { color: red; } /* 类num后代li的最后一个 */ .num li:last-child { color: red; } /* 类num后代li的第3个 */ ......
CSS基础选择器
基础选择器 前端页面结构如下 <h1>h1:标签选择器对选定的所有的标签都生效</h1> <p>p:标签选择器对选定的所有的标签都生效</p> <div class="green">div:类选择器测试</div> <div id="myid">id选择器测试，id是唯一的</div> 效果展示如下 ......
页面置换算法
页面置换算法 1、最佳置换算法(OPT) 2、先进先出置换算法(FIFO) 3、最近最久未使用置换算法(LRU) 4、时钟置换算法(CLOCK) 5、改进的时钟置换算法 知识回顾 ......
完美的模板CSS
body { margin: 0px; padding: 0px;} .left { background: #313541; width: 20%; float: left; position: absolute; top: 0px; bottom: 0px;} .top { width: 80% ......
Educational Codeforces Round 146 (Rated for Div. 2)
A. Coins #include <bits/stdc++.h> using namespace std; #define int long long int read() { int x = 0, f = 1, ch = getchar(); while ((ch < '0' || ch > ' ......
Hugging News #0407: Google AI 的 Pix2Struct 来啦、开发者资源页面发布
每一周，我们的同事都会向社区的成员们发布一些关于 Hugging Face 相关的更新，包括我们的产品和平台更新、社区活动、学习资源和内容更新、开源库和模型更新等，我们将其称之为「Hugging News」，本期 Hugging News 有哪些有趣的消息，快来看看吧！ 社区活动 ControlNe ......
Codeforces Round 857 (Div. 2) A - Likes
Codeforces Round 857 (Div. 2) A - Likes 题意 有 $n$ 个人给你点赞或取消赞，其中 $x$ 表示 $x$ 号人给你点赞， $-x$ 表示 $x$ 号人给你取消赞。在 $n$ 个单位时间中的每一时刻，都会有一个人进行一次操作。请你安排一种顺序，使得你获得的总点 ......
Codeforces Round 863 (Div. 3)
Codeforces Round 863 (Div. 3) CF传送门 Solution A. Insert Digit 找到第一个比 $d$ 小的数位，插到它前面即可。 B. Conveyor Belts 关键在于：给出坐标 $(x,y)$，如何确定该点在第几层？ 首先把坐标换算成以中心为原点的坐 ......
flask：请求上下文分析（源码：request原理）、wtforms（了解）
一、请求上下文分析（源码：request原理） 1.1 导出项目的依赖（pipreqs模块） 之前我们是用 pip freeze >requirements.txt 把当前解释器环境下的所有第三方依赖都导出来 而使用第三方模块：pipreqs模块，可以实现精确导出依赖（只显示安装的模块，不显示模块的 ......
css 实现文字交融展开动画
css 实现文字交融展开动画 效果 👇👇👇👇👇 <div class="textCont"> <span class="text">这是一条测试文案</span> </div> css: .textCont{ filter: contrast(30); background: #000; ......
Educational Codeforces Round 124 (Rated for Div. 2)
题目链接 C 核心思路 其实还是得根据样例，首先我们先自己分析出来。现根据边地数目来分析。 我们其实不难发现四个端点必须得连上边。 边数为2.那么只有两条竖线。方案数是一种 边数为3，那么就一条竖线还有就是一把叉这里交换位置就是两条了。还有就是平行四边形和一条斜线，也是可以交换位置的。这里就有四种。 ......
直播平台制作，html+css复刻登录输入框
直播平台制作，html+css复刻登录输入框 <!DOCTYPE html><html><!-- *Material文本框 *作者：程序员阿诺斯 *时间：2023-3-5 0：50--><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Comp ......
css居中之vertical-align
现有布局： <div class="div"> <span class="span"></span> </div> 样式： .div{ height:24px; } .span{ display:inline; /*或者 inline-block/table-cell; */ line-height ......