上下 页面css div
JS脚本实现刷新页面，随机加载背景图片
新建switch.js,内容如下： var imgs = [ "https://mlabs.gitee.io/pics/webp/tiankong002-mid.webp", "https://mlabs.gitee.io/pics/webp/wallhaven-gp1q87.webp", "htt ......
基础课-前端CSS
CSS基础语法 CSS的作用：让前端界面美化 CSS代码的编写位置：1.嵌入编写：CSS代码可以嵌入中HTML一个特殊标记style里，style标记必须是head的子标记 2.外部编写：CSS代码单独编写在后缀是.css文件中，如果某个HTML需要使用CSS代码文件中的样式，就需要使用link标记 ......
CSS3 实现动态旋转加载样式
CSS3 实现动态旋转加载样式 要使用 CSS3 创建一个动态旋转加载样式，你可以使用 CSS 动画和旋转变换。下面是一个简单的示例： HTML： <div class="loader"></div> CSS： .loader { width: 50px; height: 50px; border: ......
黑马pink css1
css时层叠样式表的简称 构成：选择器和一条或多条声明 声明鼓励使用展开格式 冒号后面保留一个空格 选择器和大括号之间保留一个空格 选择器参考手册：https://www.w3school.com.cn/cssref/css_selectors.asp 选择器分为基础选择器和复合选择器 基础选择器： ......
项目中难点-页面点击“取消”按钮实现无感刷新--reload
1、在App.vue页面中注册provide中定义reload provide(){ return { reload:this.reload } } 2、在App.vue页面中的methods中定义方法reload目的通过控制router-view的显示与隐藏进行重新加载页面，实现无感刷新。 rel ......
项目中难点-A页面中填写查询条件并查询出表格数据后，点击详情跳转页面B,B页面返回A页面时保留查询出的内容信息--使用页面缓存keep-alive
页面缓存keep-alive 1、在路由routes中配置需要进行缓存的页面 keepAlive:true meta:{ keepAlive:true, title:"页面名称"， } 如图： 2、在router-view显示的入口页面APP.vue中，对需要的页面进行缓存 <template> < ......
快速调试 CSS 的技巧
## 使用原子化 CSS 工具包 比如把常见的 flex 布局封装成一个类名，这样就可以直接在 HTML 中使用了。 ```css .flexCenter { display: flex; flex-direction: row; justify-content: center; align-ite ......
超链接-跳转页面，跳转到文件，锚点
一、<a href=" 链接路径">链接名字 </a> 一般是默认效果，在当前页面中打开 二、在当前页面打开页面：target="_self" <a href=" 链接路径" target="_self">链接名字 </a> 三、在新标签打开页面：target="_blank" <a href=" ......
CSS选择器
元素选择器 /* 使用元素选择器为所有段落元素应用样式 */ p { color: blue; font-size: 16px; text-align: center; margin: 10px; padding: 5px; background-color: #f0f0f0; } 类选择器 /* ......
CSS让子元素div的高度填满父容器的剩余空间的方法
原帖：https://pythonjishu.com/unbayyjtzdjeewe/ 以下是详细讲解 CSS 让子元素 div 的高度填满父容器的剩余空间的方法的完整攻略。 方法一：Flexbox Flexbox 是一种强大的布局方式，使用起来非常方便。可以通过设置父元素的 display 属性为 ......
celery flower通过nginx部署 静态文件css js
nginx 添加以下配置 location /flower { proxy_pass http://127.0.0.1:5555; proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_head ......
视频监控管理平台EasyCVR自动注销后，页面还存留播放窗口是什么原因？解决办法是什么？
视频监控TSINGSEE青犀视频平台EasyCVR能在复杂的网络环境中，将分散的各类视频资源进行统一汇聚、整合、集中管理，在视频监控播放上，TSINGSEE青犀视频安防监控汇聚平台可支持1、4、9、16个画面窗口播放，可同时播放多路视频流，也能支持视频定时轮播。视频监控汇聚平台EasyCVR支持多种 ......
css3的translate3d记录
CSS3的translate3d是一个用于在3D空间中移动元素的属性。它可以接受三个值（x，y，z），分别表示元素在x轴、y轴和z轴上的移动距离。translate3d属性的用处是将元素从其原始位置移动到新位置，可以用于创建动态效果、更改元素的外观和布局等。 使用translate3d的方法如下： ......
搜索文档树，bs4其它用法，css选择器，selenium基本使用，selenium其它用法
1 搜索文档树🥨 # 1 find_all ：找所有 列表 # 2 find 找一个 Tag类的对象 1.1 find和find_all from bs4 import BeautifulSoup html_doc = """ <html><head><title>The Dormouse's s ......
Educational Codeforces Round 157 (Rated for Div. 2)
A. Treasure Chest 题目大意：人在0处，宝藏在x，钥匙在y，人最多拿宝箱z秒，问你最快多久开宝箱？ 思路：如果说钥匙在宝箱的左边，那么人只需要往右走就是最佳答案，如果钥匙在宝箱的右边，那么人只需要拿的宝箱到最佳地点就行 #include<bits/stdc++.h> using na ......
Codeforces Round 907 (Div. 2)
A Sorting with Twos 题目大意：选择一个m，然后将1~2^m下表的数减一，可以操作无限次，问你能不能使数组单调递增 题目数据 8 5 1 2 3 4 5 5 6 5 3 4 4 9 6 5 5 7 5 6 6 8 7 4 4 3 2 1 6 2 2 4 5 3 2 8 1 3 17 ......
Educational Codeforces Round 157 (Rated for Div. 2)
F. Fancy Arrays 第一眼感觉是去容斥掉条件 1，因为条件 2 其实挺紧的。 不妨用 \(f(l,r)\) 表示 \(a\) 值域在 \([l,r]\) 的方案（满足条件 2）。 那么答案为 \(f(0,+\infty)-f(0,x-1)-f(x+k,+\infty)\)，因为如果选了 ......
Css 一个选择器实现带你实现高级搜索的展开收起
在表格页面中，我们经常用到带有展开收起功能的过滤表单，看似很简单的功能，但是实现起来通常不那么优雅。 我们使用grid布局来实现这个就非常简单： .search-form { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap ......
iframe预览pdf在H5页面上变成了下载操作
上图展示了问题，那么怎么解决问题。因为我开发是在内网，安装依赖包对我来说很费劲。 所以我选择了pdfh5的快速使用，教程可以看这个链接 https://gitee.com/gjTool/pdfh5，我选择的是第一种方式，请看下图 下面是我运行成功的代码截图 ①在static里面放入下载的文件，并在i ......
css盒子模型： 标准盒子模型和IE盒子模型（怪异盒子模型）
CSS盒模型(box model),它是包含了内容(content)、内边距(padding)、边框(border)、外边距(margin)属性的一个盒子模型。 而盒模型又分为两类标准：标准盒子模型和IE盒子模型（怪异盒子模型） 在标准盒子模型中，盒子的width是指content的宽高， 而IE盒 ......
css案例整理
知识体系： 案例整理： （一）案例一： （1）需求：实现一个登录界面 （2）知识点： （①）背景使用背景图片（background：url（"#####"）） （②）登录框应用表单(input),其中， 1.用户名称输入(type=text) 2.密码输入（type=password） 3.登录按键 ......
2023/11/5 <div>标签的介绍
<div>标签是用来为HTML文档的内容提供结构和背景的元素。<div>开始标签和</div>结束标签之间的所有内容都是用来构成这个快的，其中所包含标签的特性由<div>标签中的属性来控制，或者通过使用样式表格式化这个表来进行控制。 div全称division,意为分割.<div>标签被称为分割标签 ......
11月3日前端需要学习的知识、自闭合标签、meta标签、div标签
目录前端需要学习的知识生成的网页类型静态网页动态网页网页的架构c/s架构b/s架构浏览器的特别用法第一种结合python来使用第二种将文件拖入浏览器里面(这就符合渲染了)重点HTML首先!DOCTYPE html其次就是html到/html还有就是head到/head的内部最后就是body到/bod ......
winform切换页面
布局效果如下图： 首先在主窗体后台代码声明需要打开的窗体变量，代码如下： 1 public partial class Form1 : Form 2 { 3 Button btnShadow;//作为中间寄存button，用于显示 4 Home home; 5 Setting setting; 6 ......
Tokio 在同步上下文中执行异步代码
从 spawn 说起 Tokio 库中有两个同名的量, 它们都叫 spawn, 但是却有着显著的区别: 其中一个是 tokio::runtime::Runtime 结构体的方法 (method), 另一个是 tokio::task 模块的一个函数, 同时也是你使用 tokio::spawn 时直接使 ......
css常见的居中操作（一）
原创声明：本文所有图片和代码皆由本人制作和编写。 目录目标当前html毛坯房方法一 纯CSS2第0步 排版之前的一些css基本设置第1步 图标与文字对齐第2步 把li居于ul的垂直中部且均匀分布第3步 li的子内容水平居中于li方法二 使用CSS3的flex第0步 排版之前的一些css基本设置第1步 ......
Winform窗口大小调整、拖动页面、侧面菜单栏折叠/展开
控件库用的是FontAwesome.Sharp 侧面菜单栏折叠/展开，效果如下图： 侧面菜单栏折叠/展开 菜单缩放按钮代码如下： private void btnMenu_Click(object sender, EventArgs e) { CollapseMenu(); } CollapseMe ......
Ozon Tech Challenge 2020 (Div.1 + Div.2, Rated, T-shirts + prizes!) B. Kuroni and Simple Strings
Problem - 1305B - Codeforces 啦啦啦，这题题目有点长，概括一下就是，希望将所有()匹配的括号去掉 问你需要操作多少次 双指针，一个i一个j，从前往后记录匹配的括号 如果发现： 1. 括号匹配 2. i<j ok，就放入ans (⊙o⊙)…，最后记得sort一遍ans，第一 ......