coderwhy--前端知识整合包--htmlcss08
coderwhy–前端知识整合包–html/css08
1、css–颜色渐变(背景颜色)
linear-gradient(0,red,blue);角度、渐变颜色一、渐变颜色二
<style>.box{width: 100px;height: 100px;background: linear-gradient(0,red,blue);}</style>
</head>
<body><div class="box"></div>
</body>
2、有些元素无法使用transfrom
只适用于可行变元素,行内元素无效,修改display可以有效
3、高斯模糊fluter
/* 轮播图服务 */
#top .banner .server{position:absolute;bottom: 0;left: 0;right: 0;/* width: 100%; */height: 45px;/* background-color: rgb(0,0,0,.6); *//* 滤镜 */}
#top .banner .server .blur{position: absolute;bottom: 0;top: 0;left: 0;right: 0;/* height: 45px; *//* background-color: hotpink; */background-image: url("../asset/image/lunbo1.jpg") ;background-position: center bottom;filter: blur(10px);z-index: -1;
}
#top .banner .server .wrap ul{height: 45px;line-height: 45px;}
#top .banner .server .wrap ul li{float: left;font-size: 15px;margin-right: 30px;
}<div class="banner"><a class="swiper"href="#"><img src="./asset/image/lunbo1.jpg" alt=""></a><div class="server"><div class="blur"></div><div class="wrap"><ul><li>卡拉直营</li><li>全球直产</li><li>假一赔十</li><li>假s赔十</li></ul></div></div></div>
4、无法撑起a元素原因
如果对某一个a元素内部内容在设置浮动情况下还设置了z-index,有很大可能,a元素无法撑起内容
遇到这种情况注意z-index
5、html5新增语义元素
让网页语义化,如nav、header、section、article、aside、footer等,这些元素都算块级元素
6、媒体元素video与audio
音频audio
(1)常见属性
src:媒体来源
controls:增加控制工具栏
autoplay:自动播放
muted:静音
loop:循环播放
<audio src="" controls autoplay muted loop><!--多个格式防止浏览器不识别--><source src="/.mp4"><source src="/.avi"><source src="/.webm">
</audio>
视频video
(1)常见属性
src:媒体来源
controls:增加控制工具栏
autoplay:自动播放
muted:静音
loop:循环播放
<video src="" controls autoplay muted loop><!--多个格式防止浏览器不识别--><source src="/.mp4"><source src="/.avi"><source src="/.webm">
</video>
7、html5–input元素扩展
placeholder:输入框站位文字
multiple:多个值
autofocus:最多输入内容(自动聚焦)
8、flex布局(重要,比浮动好用,老板不支持)
(1)概念
开启flex布局元素叫 flex container
flex container里面子元素叫flex items
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-tps2Lib3-1600922672614)(C:\Users\Prince\AppData\Roaming\Typora\typora-user-images\image-20200727182546983.png)]
<!--开启flex布局,flex是块级元素,inline-flex是行内--><style>.box{width: 200px;height: 200px;background-color: aquamarine;display:flex;}.item{width: 50px;height: 50px;text-align: center }.item1{background-color: bisque;}.item2{background-color: rebeccapurple;}.item3{background-color: lawngreen;}</style>
</head>
<body><div class="box"><div class="item item1">1</div><div class="item item2">2</div><div class="item item3">3</div></div>
</body>
(2)flex-container属性
flex direction决定主轴方向,但是这个属性可以改变flex布局块内主轴方向
row:主轴方向默认是浏览器布局方向(从左到右)
row-reverse:是浏览器布局方向(从右到左)
column:是浏览器布局方向(从上到下)
column-reverse:是浏览器布局方向(从下到上)
<style>.box{width: 200px;height: 200px;background-color: aquamarine;display:flex;flex-direction: row-reverse;}.item{width: 50px;height: 50px;text-align: center }.item1{background-color: bisque;}.item2{background-color: rebeccapurple;}.item3{background-color: lawngreen;}</style>
</head>
<body><div class="box"><div class="item item1">1</div><div class="item item2">2</div><div class="item item3">3</div></div>
</body>
(3)justify-content,决定主轴上对齐方式
flex-start:默认值,在开始位置对齐
flex-end:main end对齐
center:居中对齐,不需要margin 0 auto什么的
space-between:flex-items之间距离相等,main-start、end两端对齐
spcae-evenly:flex-items之间距离相等,main-start、end跟前面相等
space-around:flex-items之间距离相等,,main-start、end变为前面一半
<style>.box{width: 200px;height: 200px;background-color: aquamarine;display:flex;/* flex-direction: row-reverse; */justify-content: flex-end;}.item{width: 50px;height: 50px;text-align: center }.item1{background-color: bisque;}.item2{background-color: rebeccapurple;}.item3{background-color: lawngreen;}</style>
</head>
<body><div class="box"><div class="item item1">1</div><div class="item item2">2</div><div class="item item3">3</div></div>
</body>
(4)align-items,flex-items在cross axis交叉轴对齐方式
noraml:早弹性布局效果和stretch一致
stretch: 当flex-items在cross axis方向上的size为auto时,会自动填充到flex container
flex-start: 与cross start对齐
flex-end: 与cross end对齐
center: 居中对齐
baseline: 与基线对齐,且不是最后一行而是第一行
<style>.box{width: 200px;height: 200px;background-color: aquamarine;display:flex;/* flex-direction: row-reverse; */justify-content: flex-end;align-items: center;}.item{width: 50px;height: 50px;text-align: center }.item1{background-color: bisque;height: 30px;}.item2{background-color: rebeccapurple;height: 60px;}.item3{background-color: lawngreen;}</style>
</head>
<body><div class="box"><div class="item item1">1</div><div class="item item2">2</div><div class="item item3">3</div></div>
</body>
(5)flex-wrap,修改flex-item一行显示格式
<!--没有该属性时--><style>.box{width: 200px;height: 200px;background-color: aquamarine;display:flex;/* flex-direction: row-reverse; */justify-content: flex-end;align-items: center;}.item{width: 50px;height: 50px;text-align: center }.item1{background-color: bisque;/* height: 30px; */}.item2{background-color: rebeccapurple;/* height: 60px; */}.item3{background-color: lawngreen;}</style>
</head>
<body><div class="box"><div class="item item1">1</div><div class="item item2">2</div><div class="item item3">3</div><div class="item item1">1</div><div class="item item2">2</div><div class="item item3">3</div></div>
</body><!--有改属性--><style>.box{width: 200px;height: 200px;background-color: aquamarine;display:flex;/* flex-direction: row-reverse; */justify-content: flex-end;align-items: center;flex-wrap: wrap;}.item{width: 50px;height: 50px;text-align: center }.item1{background-color: bisque;/* height: 30px; */}.item2{background-color: rebeccapurple;/* height: 60px; */}.item3{background-color: lawngreen;}</style>
</head>
<body><div class="box"><div class="item item1">1</div><div class="item item2">2</div><div class="item item3">3</div><div class="item item1">1</div><div class="item item2">2</div><div class="item item3">3</div></div>
</body>
(6)flex-flow,缩写属性=flex-direction +flew-wrap
flex-flow:row wrap
取值跟上面的fle-wrap一直
algin-content,决定多行flex-items在cross axis对齐方式,用法跟justify-content类似,常用于多行属性设置
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-R0ZpSFFF-1600922672617)(C:\Users\Prince\AppData\Roaming\Typora\typora-user-images\image-20200727223352988.png)]
(7)flex-items属性(flex布局里的所有子元素都被认为是flex-items)
order,决定item排布顺序,值越小越靠前
<style>.box{width: 200px;height: 200px;background-color: aquamarine;display:flex;/* flex-direction: row-reverse; */justify-content: flex-end;/* align-items: center; *//* flex-wrap: wrap; */align-content: center;}.item{width: 50px;height: 50px;text-align: center }.item1{background-color: bisque;/* height: 30px; */order: 20;}.item2{background-color: rebeccapurple;/* height: 60px; */order: 23;}.item3{background-color: lawngreen;order: 19;}</style>
</head>
<body><div class="box"><div class="item item1">1</div><div class="item item2">2</div><div class="item item3">3</div><div class="item item1">1</div><div class="item item2">2</div><div class="item item3">3</div></div>
</body>
align-self,会覆盖你父元素的algin-items属性值,为单独flex-item设置
<style>.box{width: 200px;height: 200px;background-color: aquamarine;display:flex;/* flex-direction: row-reverse; */justify-content: flex-end;align-items: center;/* flex-wrap: wrap; */align-content: center;}.item{width: 50px;height: 50px;text-align: center }.item1{background-color: bisque;height: 30px;order: 20;}.item2{background-color: rebeccapurple;height: 60px;order: 23;}.item3{background-color: lawngreen;align-self: baseline;order: 19;}</style>
</head>
<body><div class="box"><div class="item item1">1</div><div class="item item2">2</div><div class="item item3">3</div></div>
</body>
flex-grow,根据数字一行数字之和等分给所有行内元素,也支持小数
小数之和没有大于1不会沾满全部空间,分发按照小数乘以总宽度去分配
<style>.box{width: 200px;height: 200px;background-color: aquamarine;display:flex;/* flex-direction: row-reverse; */justify-content: flex-end;/* align-items: center; *//* flex-wrap: wrap; */align-content: center;}.item{width: 50px;height: 50px;text-align: center }.item1{background-color: bisque;height: 30px;/* order: 20; */flex-grow: 1;}.item2{background-color: rebeccapurple;height: 60px;flex-grow: 1;/* order: 23; */}.item3{background-color: lawngreen;align-self: baseline;flex-grow: 3;/* order: 19; */}</style>
</head>
<body><div class="box"><div class="item item1">1</div><div class="item item2">2</div><div class="item item3">3</div></div>
</body>
flex-shrink,收缩,当一行内不够撑开所有元素时可以一试,同样也可以是小数
如果小数之和没超过1,每个item收缩比例size为
- item超过container的size 乘 sum 乘 收缩比例/flex items收缩比例之和
- 收缩比例=shrink*item的baseline
- basesize就是item放入container之前的size
<style>.box{width: 200px;height: 200px;background-color: aquamarine;display:flex;justify-content: flex-end;align-content: center;}.item{width: 100px;height: 50px;text-align: center }.item1{background-color: bisque;flex-shrink: 2;/* w==100-100*2/8 */}.item2{background-color: rebeccapurple;flex-shrink: 2;/* w==100-100*4/8 */}.item3{background-color: lawngreen;flex-shrink: 4;/* w==100-100*4/8 */}</style>
</head>
<body><div class="box"><div class="item item1">1</div><div class="item item2">2</div><div class="item item3">3</div></div>
</body>
flex-basis,用来设置主轴mainaxis方向上的大小(base-size)
用来决定一个item在主轴上面的大小,优先级最高,
优先级:
- max-width\max-height\min-width\minheight
- flex-basis
- width\height
- 内容本身的size
(4)要点补充
a、默认情况下,所有flex-item都会在同一行显示
b、缩写属性flex:flex-grow||flex-shrink||flex-basis
-
单值语法无单位数为flex-grow
-
有效宽度值flex-basis
关键字none auto initial
-
-
双值语法
- 第二值必为以下其一一个无单位数为shrinl
- 一个有效宽度值basis
-
三值语法
- grow无单位数
- shrink无单位数
- basis有效宽度值
9、网络字体使用
<style>@font-face {font-family: "kai";src: url("D:\Github\coderwhy_html\html基本元素\test\font\FZSTK.TTF") }p{font-family: "kai";}</style>
</head>
<body><p>jizj时间简史</p>
</body>
10、字体图标和阿里icon库
两种用法
直接引用字体格式内容
从icon下载所需图表,然后将icon文件的不同格式复制到font中,然后将阿里icon库里对应的图表代码复制到页面里
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-29VxhzUz-1600922672621)(C:\Users\Prince\AppData\Roaming\Typora\typora-user-images\image-20200728220004449.png)]
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-6ICRivPx-1600922672624)(C:\Users\Prince\AppData\Roaming\Typora\typora-user-images\image-20200728220024867.png)]
<style>@font-face {font-family: "kai";src: url("./font/iconfont.svg"), url("./font/iconfont.ttf"),url("./font/iconfont.woff"),url("./font/iconfont.woff2");}p{font-family: "kai";}</style>
</head>
<body><p></p>
</body>
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-sjoPfsym-1600922672628)(C:\Users\Prince\AppData\Roaming\Typora\typora-user-images\image-20200728215922668.png)]
这玩意看着是图片但本质为字体,请注意,用字体设置方式控制此图标变化,字体能设置的都能使用
导入字体的css样式,然后通过字体对应代码和设置该css里class样式使用
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-kdEfZQHa-1600922672630)(C:\Users\Prince\AppData\Roaming\Typora\typora-user-images\image-20200728221048233.png)]
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><link rel="stylesheet" href="./css/iconfont.css"><style>/* @font-face {font-family: "kai";src: url("./font/iconfont.svg"), url("./font/iconfont.ttf"),url("./font/iconfont.woff"),url("./font/iconfont.woff2");} */p{font-family: "kai";}</style>
</head>
<body><p class="iconfont"></p><span class="iconfont icon-flow "></span>
</body>
优点
- 放大不失真
- 可以任意切换颜色
- 使用多个图标文件相对其他图标较小
11、html5–使用图片方式
- img元素
- 不能实用精灵图
- background-image
- 装饰
- 先加载css-url
- 能实用精灵图
- iconfont字体图标
- 放大不失真
- 可以任意切换颜色
- 使用多个图标文件相对其他图标较小,节省空间
12、css–关键帧动画
(1)跟transition的过渡动画不同,transition只定义了相当于关键帧的第一针和最后一针
(2)动画若有多种变化可以使用关键帧动画
(3)关键帧动画使用规则
- 使用@keyframes来定义多个变化状态并使用animation-name来声明匹配
- 首先使用@keyframes创建一个规则
- 其次使用@keyframes百分比定义各个阶段样式
- 通过animation将动画添加到属性上
- animation值(按顺序表现):
- [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-lr3Vdkar-1600922672633)(C:\Users\Prince\AppData\Roaming\Typora\typora-user-images\image-20200728224211529.png)]
- animation值(按顺序表现):
<style>.one{width: 200px;height: 200px;background-color: aquamarine;}.one:hover{animation: test1 2s linear,test2 4s linear;/* 执行的关键帧动画名字 持续时间 展示形式 可以用,写多个动画,但是这不同的动画不能用同一个属性,否则后一个动画会层叠掉前一个动画的同名属性值,只能表现出后一个动画的效果,比如现在*/}@keyframes test1 {0%{transform: translate(0,0);opacity: 0;}25%{transform: translate(2,200px);opacity: 2;}50%{transform: translate(4,50px);opacity: 10;}75%{transform: translate(0,200px);opacity: 0.2;}100%{transform: translate(0,0);opacity: 0;}}@keyframes test2 {0%{transform: scale(2,2);opacity: 0;}25%{transform: scale(2,200px);opacity: 2;}50%{transform: scale(4,50px);opacity: 10;}75%{transform: scale(0,200px);opacity: 0.2;}100%{transform: scale(0,0);opacity: 0;}}</style>
</head>
<body><div class="one"></div>
</body>
13、css–3d动画
实现方式:transform-style:presserve-3d
perspective
}100%{transform: translate(0,0);opacity: 0;}}@keyframes test2 {0%{transform: scale(2,2);opacity: 0;}25%{transform: scale(2,200px);opacity: 2;}50%{transform: scale(4,50px);opacity: 10;}75%{transform: scale(0,200px);opacity: 0.2;}100%{transform: scale(0,0);opacity: 0;}}
</style>
</div>
13、css–3d动画
实现方式:transform-style:presserve-3d
perspective
js实现的3d库:three.js
如若内容造成侵权/违法违规/事实不符,请联系编程学习网邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
相关文章
- 交通模拟仿真平台指南(含数据说明)
最后修改:2020/09/24 平台使用 平台地址 http://vsensor.openits.cn 登陆账号与密码 见《2020交通流理论课程分组名单》。 平台页面介绍 登入账户后,可见上方有“检测器设置”、“任务设置”标签,分别用于设置检测器和设置仿真任务范围…...
2024/5/7 23:35:08 - Python执行命令行操作 + 命令行参数处理
1. 执行命令行 import os command 指令 os.system(command) 2. 获取命令行参数 参考https://www.runoob.com/python3/python3-command-line-arguments.html import sysfor i in sys.argv:print (i)...
2024/4/10 11:51:14 - 扩展类加载器 Extension ClassLoader
...
2024/5/7 23:46:42 - 正确安装webpack version @4+ ERROR Module build failed,cannot find module xxxx
只需两步 轻松闭坑 // 全局安装,作为指令使用 npm install webpack webpack-cli -g // 本地安装,作为本地依赖使用 npm install webpack webpack-cli -D...
2024/5/2 16:40:17 - Python基础【文件和异常】
简单生活的秘诀是:有自己的收入,有自己喜欢的人,有自己的追求。远离不喜欢你的人。 一、读取整个文件 在你所写python代码的文件夹中,创建一个文本文档复制保存下面数字: 3.1415926535 8979323846 2643383279 下…...
2024/5/3 12:02:39 - nginx安装以及配置负载均衡
一、安装 (1)、下载nginx安装包到/usr/loacl 安装包下载地址:http://download.virtualbox.org/virtualbox/6.0.14/ (2)、安装依赖包 先更新源:apt-get update apt-get install libpcre3 libpcre3-dev apt-get install zlib1g-dev apt-get install op…...
2024/4/10 7:02:27 - Idea 中如何导入项目
1,首先 2,第二步,在Idea中找到pom.xml文件 3.第三步 找到 Add as Maven Project 点击 4,第四步,最终效果...
2024/4/28 9:39:33 - MYSQL 批量增删效率分析
文章目录一、SQL 合并前1、插入语句2、删除语句二、SQL 合并后1、插入语句2、删除语句一、SQL 合并前 1、插入语句 插入语句语法如下: INSERT INTO table_name(...) VALUES (...);我们写一个循环执行 1000 条 INSERT 语句: DECLARE i INT DEFAULT 1;WH…...
2024/5/8 2:11:15 - RobotFrameWork笔记之数据库连接
这里使用的数据库是mysql 1、首先要安装几个跟mysql数据库相关的包 pip install PyMySQL pip install robotframework-databaselibrary 2、然后ride中导入DatabaseLibrary这个库,不显示红色就说明导入成功了 3.可以通过F5看到关于这个库DatabaseLibrary的关键…...
2024/5/8 7:24:38 - TDOA_工作流名称、流程表单办理等页面生僻字无法显示
TDOA_工作流名称、流程表单办理等页面生僻字无法显示问题背景描述 PC端OA系统的工作流名称、工作流程办理页面的生僻字无法显示,但能存入到数据库中。例璟、赟等。解决办法: 找到如下路径:D:/MYOA/webroot/inc/utility.php 先备份文件,在把附…...
2024/5/5 15:40:18 - Vue(7) —— Vue组件讲解
1.什么是组件 组件是可复用的 Vue 实例,说白了就是一组能够重复使用的模板,跟 JSTL 的自定义标签、Thymeleaf 的 th:fragment等框架有着殊途同归之妙;一般一个应用会以一棵嵌套的组件树的形式来组织: 我们可以简单的将组件理解…...
2024/4/15 18:09:10 - 工厂类创建
import java.util.HashMap; import java.util.Map;/***工厂类,缓存初始数据(池对象或者其他对象信息)* file DemoFactory.java*/ public class DemoFactory {/** 单例实例对象 */private static volatile DemoFactory demoFactory;/**所有集群连接池对象map缓存*/private stati…...
2024/4/28 2:51:17 - 解决小米手环4(nfc)不能模拟加密卡的简单解决方案
解决小米手环4(nfc)不能模拟加密卡的简单解决方案 设备 一台手机(自己的)用来使用小米运动 一台手机 机型 小米MIX2(带nfc) ps 其他品牌手机不一定可以 一张部分加密的门禁卡 一个小米手环4 nfc版 Step 1 用小米手机将门禁…...
2024/5/2 17:32:44 - 运用helm在k8s上部署pod
简要步骤1.运用helm创建图表2.编写配置文件1.运用helm创建图表 helm create <name>2.编写配置文件 cd <name> vim values.yamlnamespace: vcs replicaCount: 1resources:limits:cpu: 4memory: 4Girequests:cpu: 2memory: 4Giimage:repository: "镜像地址&qu…...
2024/4/10 20:20:25 - coderwhy--前端知识整合包--htmlcss03
coderwhy–前端知识整合包–html/css03 1、CSS文本属性 text-decoration: underline:下划线overline:上划线line-through:中划线(删除) letter-spacing和wordspacing(正负都行) letter-spacing:字母之间…...
2024/4/27 6:34:56 - Liunx 服务器添加 SSH 访问Git / CentOs
文章目录Liunx 服务器添加 SSH 访问Git / CentOs1、看看目录是否存在2、生成密钥3、得到 agent pid4、将 ssh 私钥添加到 ssh 代理中。如果使用不同的名称创建了密钥, 或者添加了具有不同名称的现有密钥, 请用私钥文件的名称替换该命令中的 id_rsa5、复制 SSH key 到剪切板6、到…...
2024/4/10 4:25:24 - 微软面试题字符串解码以及Leetcode394 字符串解码
第一题:encode algo: abcde -> c, abde -> cb, ade -> cbd, ae -> cbda, e-> cbdae,相当于每次取剩余字符串的中间字符appendgive encode string like cbdae , return raw data string like abcde.给了deque的解法,问能不能不…...
2024/4/28 8:32:06 - coderwhy--前端知识整合包--htmlcss04
coderwhy–前端知识整合包–html/css04 1、列表元素(HTML) 有序列表:ol、li(块级元素两个块、一个数字一个内容) 无序列表:ul、li 定义列表:dl、dt、dd dl定义列表直接子元素dt和dd、 dt:列表中每一项…...
2024/4/17 11:20:54 - 谷歌浏览器不能正常打开,提示“哎呦,浏览器崩溃了...” 的解决方法
问题原因: 最近公司为了安全,要求安装赛门铁克,安装后发现谷歌浏览器不能正常使用了。。。解决方法: 方法一: 在浏览器快捷方式的目标后面添加 --no-sandbox 注意–前面有空格 方法二: 打开chrome.ex…...
2024/5/5 14:01:46 - 【数分书单】分析思维《一本小小的蓝色逻辑书》第一/二章小结
《一本小小的蓝色逻辑书》 by 布兰登.罗伊尔 第一章 感知和思维模式 很多人都会介意自己的记性不好,却很少有人在意自己的判断能力 -罗什富科公爵 1 选择性感知(法则一) 定义:指人们往往会更加留意那些自己需要或喜欢的信息&am…...
2024/4/29 4:09:23
最新文章
- MCU通过UART/SPI等接口更新flash的方法
MCU可提供一种方便的方式来更新flash内容以进行错误修复bugfix或产品更新update。可以使用以下任何模式更新flash内容: •系统内编程(ISP,In-System Programming):用于使用内部bootloader程序和UART/SPI对片上闪存进行编程program或重新编程reprogram。 •应用程序内编程…...
2024/5/8 9:16:17 - 梯度消失和梯度爆炸的一些处理方法
在这里是记录一下梯度消失或梯度爆炸的一些处理技巧。全当学习总结了如有错误还请留言,在此感激不尽。 权重和梯度的更新公式如下: w w − η ⋅ ∇ w w w - \eta \cdot \nabla w ww−η⋅∇w 个人通俗的理解梯度消失就是网络模型在反向求导的时候出…...
2024/5/7 10:36:02 - 一个浮动绝对居中的tailwindcss
今天改进图片组件,遇到个SVG绝对居中的问题。想起之前大概是通过top left来实现,由于组件的宽高需要动态输入。不能定死宽高,于是想起来问GPT。刚开始老是给一些很菜的代码,不是我想要的 气不打一处来,索性给他限死框框…...
2024/5/8 7:01:32 - ElasticSearch的DSL查询
ElasticSearch的DSL查询 准备工作 创建测试方法,初始化测试结构。 import org.apache.http.HttpHost; import org.apache.lucene.search.TotalHits; import org.elasticsearch.action.search.SearchRequest; import org.elasticsearch.action.search.SearchRespo…...
2024/5/7 8:57:07 - 416. 分割等和子集问题(动态规划)
题目 题解 class Solution:def canPartition(self, nums: List[int]) -> bool:# badcaseif not nums:return True# 不能被2整除if sum(nums) % 2 ! 0:return False# 状态定义:dp[i][j]表示当背包容量为j,用前i个物品是否正好可以将背包填满ÿ…...
2024/5/7 19:05:20 - 【Java】ExcelWriter自适应宽度工具类(支持中文)
工具类 import org.apache.poi.ss.usermodel.Cell; import org.apache.poi.ss.usermodel.CellType; import org.apache.poi.ss.usermodel.Row; import org.apache.poi.ss.usermodel.Sheet;/*** Excel工具类** author xiaoming* date 2023/11/17 10:40*/ public class ExcelUti…...
2024/5/7 22:31:36 - Spring cloud负载均衡@LoadBalanced LoadBalancerClient
LoadBalance vs Ribbon 由于Spring cloud2020之后移除了Ribbon,直接使用Spring Cloud LoadBalancer作为客户端负载均衡组件,我们讨论Spring负载均衡以Spring Cloud2020之后版本为主,学习Spring Cloud LoadBalance,暂不讨论Ribbon…...
2024/5/8 1:37:40 - TSINGSEE青犀AI智能分析+视频监控工业园区周界安全防范方案
一、背景需求分析 在工业产业园、化工园或生产制造园区中,周界防范意义重大,对园区的安全起到重要的作用。常规的安防方式是采用人员巡查,人力投入成本大而且效率低。周界一旦被破坏或入侵,会影响园区人员和资产安全,…...
2024/5/7 14:19:30 - VB.net WebBrowser网页元素抓取分析方法
在用WebBrowser编程实现网页操作自动化时,常要分析网页Html,例如网页在加载数据时,常会显示“系统处理中,请稍候..”,我们需要在数据加载完成后才能继续下一步操作,如何抓取这个信息的网页html元素变化&…...
2024/5/8 1:37:39 - 【Objective-C】Objective-C汇总
方法定义 参考:https://www.yiibai.com/objective_c/objective_c_functions.html Objective-C编程语言中方法定义的一般形式如下 - (return_type) method_name:( argumentType1 )argumentName1 joiningArgument2:( argumentType2 )argumentName2 ... joiningArgu…...
2024/5/7 16:57:02 - 【洛谷算法题】P5713-洛谷团队系统【入门2分支结构】
👨💻博客主页:花无缺 欢迎 点赞👍 收藏⭐ 留言📝 加关注✅! 本文由 花无缺 原创 收录于专栏 【洛谷算法题】 文章目录 【洛谷算法题】P5713-洛谷团队系统【入门2分支结构】🌏题目描述🌏输入格…...
2024/5/7 14:58:59 - 【ES6.0】- 扩展运算符(...)
【ES6.0】- 扩展运算符... 文章目录 【ES6.0】- 扩展运算符...一、概述二、拷贝数组对象三、合并操作四、参数传递五、数组去重六、字符串转字符数组七、NodeList转数组八、解构变量九、打印日志十、总结 一、概述 **扩展运算符(...)**允许一个表达式在期望多个参数࿰…...
2024/5/7 1:54:46 - 摩根看好的前智能硬件头部品牌双11交易数据极度异常!——是模式创新还是饮鸩止渴?
文 | 螳螂观察 作者 | 李燃 双11狂欢已落下帷幕,各大品牌纷纷晒出优异的成绩单,摩根士丹利投资的智能硬件头部品牌凯迪仕也不例外。然而有爆料称,在自媒体平台发布霸榜各大榜单喜讯的凯迪仕智能锁,多个平台数据都表现出极度异常…...
2024/5/7 21:15:55 - Go语言常用命令详解(二)
文章目录 前言常用命令go bug示例参数说明 go doc示例参数说明 go env示例 go fix示例 go fmt示例 go generate示例 总结写在最后 前言 接着上一篇继续介绍Go语言的常用命令 常用命令 以下是一些常用的Go命令,这些命令可以帮助您在Go开发中进行编译、测试、运行和…...
2024/5/8 1:37:35 - 用欧拉路径判断图同构推出reverse合法性:1116T4
http://cplusoj.com/d/senior/p/SS231116D 假设我们要把 a a a 变成 b b b,我们在 a i a_i ai 和 a i 1 a_{i1} ai1 之间连边, b b b 同理,则 a a a 能变成 b b b 的充要条件是两图 A , B A,B A,B 同构。 必要性显然࿰…...
2024/5/7 16:05:05 - 【NGINX--1】基础知识
1、在 Debian/Ubuntu 上安装 NGINX 在 Debian 或 Ubuntu 机器上安装 NGINX 开源版。 更新已配置源的软件包信息,并安装一些有助于配置官方 NGINX 软件包仓库的软件包: apt-get update apt install -y curl gnupg2 ca-certificates lsb-release debian-…...
2024/5/7 16:04:58 - Hive默认分割符、存储格式与数据压缩
目录 1、Hive默认分割符2、Hive存储格式3、Hive数据压缩 1、Hive默认分割符 Hive创建表时指定的行受限(ROW FORMAT)配置标准HQL为: ... ROW FORMAT DELIMITED FIELDS TERMINATED BY \u0001 COLLECTION ITEMS TERMINATED BY , MAP KEYS TERMI…...
2024/5/8 1:37:32 - 【论文阅读】MAG:一种用于航天器遥测数据中有效异常检测的新方法
文章目录 摘要1 引言2 问题描述3 拟议框架4 所提出方法的细节A.数据预处理B.变量相关分析C.MAG模型D.异常分数 5 实验A.数据集和性能指标B.实验设置与平台C.结果和比较 6 结论 摘要 异常检测是保证航天器稳定性的关键。在航天器运行过程中,传感器和控制器产生大量周…...
2024/5/7 16:05:05 - --max-old-space-size=8192报错
vue项目运行时,如果经常运行慢,崩溃停止服务,报如下错误 FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory 因为在 Node 中,通过JavaScript使用内存时只能使用部分内存(64位系统&…...
2024/5/8 1:37:31 - 基于深度学习的恶意软件检测
恶意软件是指恶意软件犯罪者用来感染个人计算机或整个组织的网络的软件。 它利用目标系统漏洞,例如可以被劫持的合法软件(例如浏览器或 Web 应用程序插件)中的错误。 恶意软件渗透可能会造成灾难性的后果,包括数据被盗、勒索或网…...
2024/5/8 1:37:31 - JS原型对象prototype
让我简单的为大家介绍一下原型对象prototype吧! 使用原型实现方法共享 1.构造函数通过原型分配的函数是所有对象所 共享的。 2.JavaScript 规定,每一个构造函数都有一个 prototype 属性,指向另一个对象,所以我们也称为原型对象…...
2024/5/7 11:08:22 - C++中只能有一个实例的单例类
C中只能有一个实例的单例类 前面讨论的 President 类很不错,但存在一个缺陷:无法禁止通过实例化多个对象来创建多名总统: President One, Two, Three; 由于复制构造函数是私有的,其中每个对象都是不可复制的,但您的目…...
2024/5/7 7:26:29 - python django 小程序图书借阅源码
开发工具: PyCharm,mysql5.7,微信开发者工具 技术说明: python django html 小程序 功能介绍: 用户端: 登录注册(含授权登录) 首页显示搜索图书,轮播图࿰…...
2024/5/8 1:37:29 - 电子学会C/C++编程等级考试2022年03月(一级)真题解析
C/C++等级考试(1~8级)全部真题・点这里 第1题:双精度浮点数的输入输出 输入一个双精度浮点数,保留8位小数,输出这个浮点数。 时间限制:1000 内存限制:65536输入 只有一行,一个双精度浮点数。输出 一行,保留8位小数的浮点数。样例输入 3.1415926535798932样例输出 3.1…...
2024/5/7 17:09:45 - 配置失败还原请勿关闭计算机,电脑开机屏幕上面显示,配置失败还原更改 请勿关闭计算机 开不了机 这个问题怎么办...
解析如下:1、长按电脑电源键直至关机,然后再按一次电源健重启电脑,按F8健进入安全模式2、安全模式下进入Windows系统桌面后,按住“winR”打开运行窗口,输入“services.msc”打开服务设置3、在服务界面,选中…...
2022/11/19 21:17:18 - 错误使用 reshape要执行 RESHAPE,请勿更改元素数目。
%读入6幅图像(每一幅图像的大小是564*564) f1 imread(WashingtonDC_Band1_564.tif); subplot(3,2,1),imshow(f1); f2 imread(WashingtonDC_Band2_564.tif); subplot(3,2,2),imshow(f2); f3 imread(WashingtonDC_Band3_564.tif); subplot(3,2,3),imsho…...
2022/11/19 21:17:16 - 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机...
win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”问题的解决方法在win7系统关机时如果有升级系统的或者其他需要会直接进入一个 等待界面,在等待界面中我们需要等待操作结束才能关机,虽然这比较麻烦,但是对系统进行配置和升级…...
2022/11/19 21:17:15 - 台式电脑显示配置100%请勿关闭计算机,“准备配置windows 请勿关闭计算机”的解决方法...
有不少用户在重装Win7系统或更新系统后会遇到“准备配置windows,请勿关闭计算机”的提示,要过很久才能进入系统,有的用户甚至几个小时也无法进入,下面就教大家这个问题的解决方法。第一种方法:我们首先在左下角的“开始…...
2022/11/19 21:17:14 - win7 正在配置 请勿关闭计算机,怎么办Win7开机显示正在配置Windows Update请勿关机...
置信有很多用户都跟小编一样遇到过这样的问题,电脑时发现开机屏幕显现“正在配置Windows Update,请勿关机”(如下图所示),而且还需求等大约5分钟才干进入系统。这是怎样回事呢?一切都是正常操作的,为什么开时机呈现“正…...
2022/11/19 21:17:13 - 准备配置windows 请勿关闭计算机 蓝屏,Win7开机总是出现提示“配置Windows请勿关机”...
Win7系统开机启动时总是出现“配置Windows请勿关机”的提示,没过几秒后电脑自动重启,每次开机都这样无法进入系统,此时碰到这种现象的用户就可以使用以下5种方法解决问题。方法一:开机按下F8,在出现的Windows高级启动选…...
2022/11/19 21:17:12 - 准备windows请勿关闭计算机要多久,windows10系统提示正在准备windows请勿关闭计算机怎么办...
有不少windows10系统用户反映说碰到这样一个情况,就是电脑提示正在准备windows请勿关闭计算机,碰到这样的问题该怎么解决呢,现在小编就给大家分享一下windows10系统提示正在准备windows请勿关闭计算机的具体第一种方法:1、2、依次…...
2022/11/19 21:17:11 - 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”的解决方法...
今天和大家分享一下win7系统重装了Win7旗舰版系统后,每次关机的时候桌面上都会显示一个“配置Windows Update的界面,提示请勿关闭计算机”,每次停留好几分钟才能正常关机,导致什么情况引起的呢?出现配置Windows Update…...
2022/11/19 21:17:10 - 电脑桌面一直是清理请关闭计算机,windows7一直卡在清理 请勿关闭计算机-win7清理请勿关机,win7配置更新35%不动...
只能是等着,别无他法。说是卡着如果你看硬盘灯应该在读写。如果从 Win 10 无法正常回滚,只能是考虑备份数据后重装系统了。解决来方案一:管理员运行cmd:net stop WuAuServcd %windir%ren SoftwareDistribution SDoldnet start WuA…...
2022/11/19 21:17:09 - 计算机配置更新不起,电脑提示“配置Windows Update请勿关闭计算机”怎么办?
原标题:电脑提示“配置Windows Update请勿关闭计算机”怎么办?win7系统中在开机与关闭的时候总是显示“配置windows update请勿关闭计算机”相信有不少朋友都曾遇到过一次两次还能忍但经常遇到就叫人感到心烦了遇到这种问题怎么办呢?一般的方…...
2022/11/19 21:17:08 - 计算机正在配置无法关机,关机提示 windows7 正在配置windows 请勿关闭计算机 ,然后等了一晚上也没有关掉。现在电脑无法正常关机...
关机提示 windows7 正在配置windows 请勿关闭计算机 ,然后等了一晚上也没有关掉。现在电脑无法正常关机以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!关机提示 windows7 正在配…...
2022/11/19 21:17:05 - 钉钉提示请勿通过开发者调试模式_钉钉请勿通过开发者调试模式是真的吗好不好用...
钉钉请勿通过开发者调试模式是真的吗好不好用 更新时间:2020-04-20 22:24:19 浏览次数:729次 区域: 南阳 > 卧龙 列举网提醒您:为保障您的权益,请不要提前支付任何费用! 虚拟位置外设器!!轨迹模拟&虚拟位置外设神器 专业用于:钉钉,外勤365,红圈通,企业微信和…...
2022/11/19 21:17:05 - 配置失败还原请勿关闭计算机怎么办,win7系统出现“配置windows update失败 还原更改 请勿关闭计算机”,长时间没反应,无法进入系统的解决方案...
前几天班里有位学生电脑(windows 7系统)出问题了,具体表现是开机时一直停留在“配置windows update失败 还原更改 请勿关闭计算机”这个界面,长时间没反应,无法进入系统。这个问题原来帮其他同学也解决过,网上搜了不少资料&#x…...
2022/11/19 21:17:04 - 一个电脑无法关闭计算机你应该怎么办,电脑显示“清理请勿关闭计算机”怎么办?...
本文为你提供了3个有效解决电脑显示“清理请勿关闭计算机”问题的方法,并在最后教给你1种保护系统安全的好方法,一起来看看!电脑出现“清理请勿关闭计算机”在Windows 7(SP1)和Windows Server 2008 R2 SP1中,添加了1个新功能在“磁…...
2022/11/19 21:17:03 - 请勿关闭计算机还原更改要多久,电脑显示:配置windows更新失败,正在还原更改,请勿关闭计算机怎么办...
许多用户在长期不使用电脑的时候,开启电脑发现电脑显示:配置windows更新失败,正在还原更改,请勿关闭计算机。。.这要怎么办呢?下面小编就带着大家一起看看吧!如果能够正常进入系统,建议您暂时移…...
2022/11/19 21:17:02 - 还原更改请勿关闭计算机 要多久,配置windows update失败 还原更改 请勿关闭计算机,电脑开机后一直显示以...
配置windows update失败 还原更改 请勿关闭计算机,电脑开机后一直显示以以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!配置windows update失败 还原更改 请勿关闭计算机&#x…...
2022/11/19 21:17:01 - 电脑配置中请勿关闭计算机怎么办,准备配置windows请勿关闭计算机一直显示怎么办【图解】...
不知道大家有没有遇到过这样的一个问题,就是我们的win7系统在关机的时候,总是喜欢显示“准备配置windows,请勿关机”这样的一个页面,没有什么大碍,但是如果一直等着的话就要两个小时甚至更久都关不了机,非常…...
2022/11/19 21:17:00 - 正在准备配置请勿关闭计算机,正在准备配置windows请勿关闭计算机时间长了解决教程...
当电脑出现正在准备配置windows请勿关闭计算机时,一般是您正对windows进行升级,但是这个要是长时间没有反应,我们不能再傻等下去了。可能是电脑出了别的问题了,来看看教程的说法。正在准备配置windows请勿关闭计算机时间长了方法一…...
2022/11/19 21:16:59 - 配置失败还原请勿关闭计算机,配置Windows Update失败,还原更改请勿关闭计算机...
我们使用电脑的过程中有时会遇到这种情况,当我们打开电脑之后,发现一直停留在一个界面:“配置Windows Update失败,还原更改请勿关闭计算机”,等了许久还是无法进入系统。如果我们遇到此类问题应该如何解决呢࿰…...
2022/11/19 21:16:58 - 如何在iPhone上关闭“请勿打扰”
Apple’s “Do Not Disturb While Driving” is a potentially lifesaving iPhone feature, but it doesn’t always turn on automatically at the appropriate time. For example, you might be a passenger in a moving car, but your iPhone may think you’re the one dri…...
2022/11/19 21:16:57