总结:
    插入图片:margin padding float postion width height
    背景图片 background控制 background-size 大小 background-position 位置

鼠标样式
 

    <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title></head><body><ui><li style="cursor: default;">小白[默认]</li><li style="cursor: pointer;">小手</li><li style="cursor: text;">文本</li><li style="cursor: move;">移动</li></ui></body></html>

outline轮廓线
 

    <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title></head><body><ui><li style="cursor: default;">小白[默认]</li><li style="cursor: pointer;">小手</li><li style="cursor: text;">文本</li><li style="cursor: move;">移动</li></ui></body></html>

resize 防止文本域拖拽
    

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style type="text/css">textarea{resize: none; /*防止文本域拖拽变形*/outline: none; /*取消轮廓线*/width: 400px;height: 120px;border: 12px dashed green;background-color: #6e6e6e;color: hotpink;}input{display: block;height: 120px;width:400px;outline: 12px double hotpink;border: 5px solid green;background-color: #AAA;margin: 12px;}</style></head><body><textarea cols="30" rows="70">正文内容</textarea><input  placeholder="今天有什么新鲜的事?说说吧"></body></html>

图片与文字居中
  

 <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style type="text/css">div{width: 200px;height: 200px;background-color: pink;margin-left: auto;margin-right: auto; /*左右自动auto 盒子就可以水平居中对齐*/text-align: center;}/*vertical-align:middle; 对于块级元素无效*/img{ /*行内块元素*//*vertical-align: baseline;*/  /*默认对准基线*//*vertical-align: middle;*/ /*文字与图片中线对齐*//*vertical-align: top;*/ /*文字与图片的顶部对齐*/vertical-align: bottom; /*文字与图片的底线对齐*/}textarea{height: 60px;width: 900px;vertical-align: middle;resize: none; /*禁止文本域拖拽*/}</style></head><body><div>文字居中</div><hr/><img src="images/2.jpg">我不尴尬,尴尬的就是别人<hr>用户留言<textarea></textarea></body></html>

解决块级元素底部间隙
  

 <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style type="text/css">div{width: 222px;height: 220px;background: green;}/*    解决方案1转换为块级元素   2 vertical-align:top */img{/*display: block;*//*vertical-align: baseline;*/vertical-align: top;}</style></head><body><div><img src="images/3.jpg"></div></body></html>

word-break 自动换行 主要处理英文单词
    normal 默认
    break-all 允许单词内换行
    keep-all 只能在半角空格或者连字符处换行 z-index
white-space  设置检索对象内文本显示方式  通常是强制一行显示
    normal 默认处理
    nowrap 强制在同一行内显示所有文本,直到文本遇到br或者才能换行
text-overflow 文字溢出
    clip 直接裁剪
    ellipsis 超出部分 省略号代替

  

 <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style type="text/css">div{width: 120px;height: 20px;border: 1px solid green;/*word-break: break-all;*/ /*允许单词拆开显示*/word-break: keep-all; /*不允许拆开字符 除非连字符 - Z-index*/}</style></head><body><div>Day is My Brothday happy me to</div></body></html>

white-space
  

 <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style type="text/css">/*默认的自动换行 nowrap会强制显示在一行*/div{width: 120px;height: 20px;border: 1px solid green;white-space: nowrap; /*强制一行显示*/}</style></head><body><div>你好,我的名叫叫安娜,我是安迪的好朋友</div></body></html>

text-overflow 超出文字
  

  <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style type="text/css">div{width: 120px;height: 20px;border: 1px solid green;white-space: nowrap; /*将文字强制一行*/overflow: hidden; /*超出部分隐藏*//*text-overflow: clip;*/ /*直接裁剪*/text-overflow: ellipsis; /*超出部分省略号代替*/}</style></head><body><div>我是安迪,我是安南的好朋友皮特。</div></body></html>

CSS精灵技术 裁剪图片
  

 <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style type="text/css">/*原理就是有一张图片,通过设置backgroiund-position:-100px -200px来截取图片*/div:first-child{width: 12px;height: 20px;background: url(images/jd.png) -2px -101px no-repeat; /*图片时网上移动。所以是负值*/margin: 100px auto;}div:nth-child(2){width: 218px;height: 50px;background: url(images/jd.png) no-repeat -2px -324px;margin: 0 auto;}div:nth-child(3){width: 19px;height: 19px;background: url(images/jd.png) -1px -411px no-repeat;margin: 0 auto;}p{width: 54px;height: 49px;background: url(images/jd.png) no-repeat 0 -438px;margin: 0 auto;}</style></head><body><div></div><div></div><div></div><p></p></body></html>

作业 使用精灵拼出好看的图片文字
  

 <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style type="text/css">div{width: 1027px;margin: 150px auto;height: 117px;/*background-color: green;*/padding-top: 10px;}span{background: url(images/abcd.jpg) no-repeat;float: left;margin-right: 5px;}span:first-child{width: 101px;height: 117px;background-position: -368px -411px;}span:nth-child(2){width: 114px;height: 110px;background-position: -369px -277px;}span:nth-child(3){width: 144px;height: 111px;background-position: -104px -277px;}span:nth-child(4){width: 106px;height: 115px;background-position: 0 -5px;}span:nth-child(5){width: 112px;height: 113px;background-position: -256px -275px;}span:nth-child(6){width: 98px;height: 106px;background-position: -362px -8px;}span:nth-child(7){width: 103px;height: 106px;background-position: -389px -143px;}span:nth-child(8){width: 106px;height: 115px;background-position: 0 -5px;}span:nth-child(9){width: 103px;height: 110px;background-position: -239px -8px;}span:last-child{width: 106px;height: 109px;background-position: -494px -143px;}span:nth-child(5n){margin-right: 0;}.clearfix{clear: both; /*清除浮动*/display: none; /*空盒子隐藏起来*/}.box{/*width: 100px;*/height: 100px;background-color: red;}</style></head><body><div><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><div class="clearfix"></div><!-- 添加空盒子 清除浮动 --></div><div class="box"></div></body></html>

王者荣耀导航栏
  

 <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>王者荣耀</title><style type="text/css">/*清除浮动的两中方式1 在浮动对象标签后添加空标签 clear:both 清除浮动2 在父元素标签内添加 overflow:hidden 出发BFC清除浮动*/body{background-color: #009;}nav{background-color: #000;overflow: hidden; /*出发BFC可以清除浮动*/border-radius: 10px;}a{float: left;width: 196px;height: 53px;text-align: center;line-height: 53px;color: #FFF;font-weight: bold;text-decoration: none; /*取消下划线*/background: url(images/sp.png) no-repeat -389px -303px;margin: 1px 5px;font-size: 25px;}a:hover{/*text-decoration:underline;*/color: white;background-position: -170px -300px;}</style></head><body><nav><a href="#">游戏首页</a><a href="#">英雄介绍</a><a href="#">充值专区</a><a href="#">兑换奖励</a><a href="#">帮助</a><a href="#">客户服务</a></nav></body></html>

icofont 可以在网站上搜索下载
    网站:https://fontello.com/
        https://icomoon.io/app
        https://fontawesome.dashgame.com/#basic
        https://www.iamxk.com/icons8-website
        https://icons8.com/?ref=iamxk
        https://icomoon.io/
inconfont 注意:一定要生成incon fot文件才可以
    

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>https://icomoon.io/</title><!-- <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css"> --><style type="text/css">@font-face { /*电脑中没有的字体,需要在这里声明*/font-family: 'icomoon';src:  url('fonts/icomoon.eot?r2bhug');src:  url('fonts/icomoon.eot?r2bhug#iefix') format('embedded-opentype'),url('fonts/icomoon.ttf?r2bhug') format('truetype'),url('fonts/icomoon.woff?r2bhug') format('woff'),url('fonts/icomoon.svg?r2bhug#icomoon') format('svg');font-weight: normal;font-style: normal;font-display: block;}span{font-family: "icomoon"; /*一定要和声明的font-family: "incomoon"相同 否则没有效果;*/font-size: 100px;color: hotpink;}div{height: 2px;background-color: deeppink;}div::after{ /*伪元素选择器*/font-family: "icomoon";/*一定要和声明的font-family: "incomoon"相同 否则没有效果;*/content: "\e9e0";font-size: 100px;color: yellow;}</style></head><body><span></span><span></span><span></span><span></span><div></div></body></html>

阿里巴巴iconfont图标文字
  

 <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>https://www.iconfont.cn/</title><!-- 需要在此网站上https://www.iconfont.cn/下载iconfont包 --><style type="text/css">@font-face { /*拷贝项目下面生成的 @font-face*/font-family: 'iconfont';src:url('阿里巴巴/alibaba/iconfont.woff2?t=1642771478703') format('woff2'),url('阿里巴巴/alibaba/iconfont.woff?t=1642771478703') format('woff'),url('阿里巴巴/alibaba/iconfont.ttf?t=1642771478703') format('truetype');}.iconfont { /*定义使用 iconfont 的样式*/font-family: "iconfont" !important;font-size: 160px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}body{background-color: AAA;}div{height: 10px;background-color: red;}.clearfix{clear: both; /*清除浮动*//*display: none;*/ /*空盒子隐藏起来*/}.box{border: 1px dashed green;width: 180px;height: 220px;background-color: #80acd8;/*padding: 5px;*/}.box span{display: block; /*需要转换为块级元素*/margin: 10px;height: 160px;width: 160px;background-color: #d7f7a7;}h4{text-align: center; /*文字居中*/color: #FFF;}</style></head><body><span class="iconfont">&#xe638;</span><span class="iconfont">&#xe63a;</span><span class="iconfont">&#xe63b;</span><span class="iconfont">&#xe63c;</span><span class="iconfont">&#xe648;</span><div></div><div class="box"><span class="iconfont">&#xe650;</span><h4>雾炮车</h4></div></body></html>

css实现图片左右拉开适配内容文字[推拉门效果]
    

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style type="text/css">*{margin: 0;padding: 0;}a{ /*实现推拉门效果是不可以给宽值的,要拉伸图片实现宽度自由*/margin: 100px;display: inline-block; /*转换为行块内元素*/height: 33px;background: url(images/ao.png) no-repeat;padding-left: 15px; /*左边撑开15px*/color: #FFF;text-decoration: none; /*取消下划线*/line-height: 33px;}a span{display: inline-block;height: 33px;background: url(images/ao.png) no-repeat right; /*图片右边*/padding-right: 15px; /*右边撑开15px*/}</style></head><body><a href="#"><span>首页</span></a><a href="#"><span>中国人民中央银行行长</span></a><a href="#"><span>二维码支付</span></a></body></html>

微信导航栏
  

 <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>微信</title><style type="text/css">/*公共部分模块*/*{margin: 0;padding: 0;}body{background: url(images/wx.jpg) repeat-x;/* body背景图片 沿x轴平铺*/}a{ /*a标签*/text-decoration: none; /*取消下划线*/}ul{list-style: none; /*取消样式*/}nav{height: 75px;}li{float: left; /*浮动*/margin: 0 10px; /*上下 左右*/padding-top: 21px;}li a{display: block;background: url(images/to.png) no-repeat;color: #FFF;font-size: 14px;line-height: 33px;padding-left: 15px; /*左偏移15px*/}li a span{display: block;line-height: 33px;background: url(images/to.png) no-repeat right center;padding-right: 15px; /*右偏移15px*/}/*鼠标经过时更换背景图片*/li a:hover{background: url(images/ao.png) no-repeat;}li a span:hover{background: url(images/ao.png) no-repeat right center;padding-right: 15px; /*右偏移15px*/}</style></head><body><nav><ul><li><a href="#"><span>首页</span></a></li><li><a href="#"><span>帮助与反馈</span></a></li><li><a href="#"><span>公众号平台</span></a></li><li><a href="#"><span>开发者文档</span></a></li><li><a href="#"><span>招商投资入口</span></a></li></ul></nav></body></html>

伪元素选择器after和before
  

 <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style type="text/css">/*.box 类选择器  :hover伪元素选择器  ::after伪元素选择器[该元素不存在]*/div::before{content: "欢庆探家";background-color: deeppink;border: 1px solid green;display: block;height: 100px;width: 100px;}/*区别类选择器  伪类选择器 就是选取对象伪元素选择器 本质上就是一个元素[标签  盒子]是行内元素 没有宽高*/div::after{content: "小蝴蝶";display: block;height: 200px;width: 200px;border: 1px solid orange;}</style></head><body><div></div><div>是</div><p></p><div></div></body></html>

鼠标经过图像时显示图片边框
  

 <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style type="text/css">div{width: 296px;height: 180px;margin: 20px auto;position: relative; /*相对定位 子绝父相*/}/*鼠标经过的时候插入一个伪元素*/div:hover::after{content: "";width: 100%;height: 100%;border: 10px solid rgba(255, 0, 0,.3);position: absolute; /*绝对定位*/display: block;top: 0;left: 0;box-sizing: border-box; /*padding 和margin都算入width中*/}</style></head><body><div><img src="images/mi.jpg" ></div><div><img src="images/mi.jpg" ></div><div><img src="images/mi.jpg" ></div><div><img src="images/mi.jpg" ></div></body></html>

鼠标经过时过渡动画显示
  

 <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style type="text/css">div{width: 200px;height: 100px;background-color: deeppink;/*transition 要过渡的属性 花费的时间 运动的曲线 何时开始*//*transition: width 0.6s ease 0s , height 0.3s ease-in 1s;*//*过渡需要写在div里,不是hover里 所有属性都在变化用all 后边可以省略*//*transition: all 0.6s;*/transition: width 1s,height 3s; /*默认是ease先块后慢*/}div:hover{ /*鼠标经过时宽度变为800px*/width: 600px;height: 600px;}</style></head><body><div></div></body></html>

查看全文
如若内容造成侵权/违法违规/事实不符,请联系编程学习网邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!

相关文章

  1. Spring注入Bean

    主要总结Autowired和Resource 1.项目结构&#xff1a; ​ 编辑 添加图片注释&#xff0c;不超过 140 字&#xff08;可选&#xff09; 2.pom.xml <?xml version"1.0" encoding"UTF-8"?><project xmlns"http://maven.apache.org/POM/4…...

    2024/4/14 9:37:43
  2. SLAM GMapping(7)粒子和轨迹

    SLAM GMapping&#xff08;7&#xff09;粒子和轨迹1. 粒子2. 轨迹3. 更新轨迹权重3.1. 粒子权重归一化3.2. 重置轨迹树3.3. 更新轨迹树权重1. 粒子 在 《SLAM GMapping&#xff08;4&#xff09;SLAM处理器》 中粒子滤波更新的每个粒子都独立的记录了一条可能的机器人轨迹和环…...

    2024/4/14 9:37:28
  3. 设计模式之装饰模式(结构型)

    1、简介 1.1 定义 装饰器模式&#xff08;Decorator Pattern&#xff09;增加一个装饰类包裹原来的类&#xff0c;包裹的方式一般是通过在将原来的对象作为装饰类的构造函数的参数&#xff0c;可以实现对现有对象功能的拓展&#xff0c;使类功能更加灵活。装饰模式属于结构型模…...

    2024/4/19 15:35:38
  4. 科大星云诗社动态20201201

    【每日一诗】 2020.12.01 忆江南 其一 秋日美 南七宛如虹 银杏枝头秋意闹&#xff0c;柳条曼妙和秋风 惬意动秋容 其二 秋日暖 最暖在湖中 也西静坐闻鸟语&#xff0c;斜晖信步遇狸奴 散漫又从容 其三 秋日好 时光太匆匆 昼出暖阳衣单衣&#xff0c;夜回孤月寒意浓 …...

    2024/4/14 9:38:44
  5. Linux实操:用户管理

    一、基本介绍 用户管理中有三种概念用户、组、家目录 1、每个用户都至少属于一个组&#xff0c;也可以一个用户属于多个组&#xff0c;一个组也可以有多个用户 2、每个用户都会有一个家目录 useradd xm 此命令会创建一个组名为xm的组、xm用户和文件夹名为xm的家目录 二、用户…...

    2024/4/18 16:22:30
  6. 2021年煤矿采煤机(掘进机)操作试题及解析及煤矿采煤机(掘进机)操作考试试题

    题库来源&#xff1a;安全生产模拟考试一点通公众号小程序 安全生产模拟考试一点通&#xff1a;煤矿采煤机&#xff08;掘进机&#xff09;操作试题及解析考前必练&#xff01;安全生产模拟考试一点通每个月更新煤矿采煤机&#xff08;掘进机&#xff09;操作考试试题题目及答…...

    2024/4/7 15:37:51
  7. 对比学习视角重新审视推荐系统

    目录 1 什么是对比学习 1.1 对比学习的渊源和谱系 1.2 什么是对比学习系统...

    2024/4/14 9:38:39
  8. 【个人笔记】OpenCV4 C++ 快速入门 09课

    个人资料&#xff0c;仅供学习使用 修改时间——2022年1月21日 22:54:13 学习课程&#xff1a;OpenCV4 C 快速入门视频30讲 视频老师&#xff1a;贾志刚 09 Opencv自带颜色表操作 opencv知识点&#xff1a; opencv4的颜色表applyColorMap - 应用图像映射 本科所解决的问题&a…...

    2024/4/14 9:38:14
  9. 你真的会画时序图吗?

    文章目录一、WaveDrom功能二、WaveDrom的使用三、绘制时序图四、时序图教程五、逻辑电路图教程六、Github主页七、VScode中使用Waveform摘要&#xff1a;WaveDrom是一个免费开源的在线数字时序图渲染引擎。它可以使用JavaScript, HTML5和SVG来将时序图的WaveJSON描述转成SVG矢量…...

    2024/4/24 18:07:27
  10. 【第二届青训营-寒假前端场】- 「前端动画实现」笔记

    动画的基本原理动画是什么动画发展史计算机动画前端动画分类css动画animation-nameanimation-durationanimation-timing-functionanimation-delayanimation-iteration-countanimation-directionanimation-fill-modeanimation-play-state**transform** APIkeyframe实现动画svg实…...

    2024/4/18 3:04:02
  11. 2021年广西省安全员B证考试题及广西省安全员B证模拟考试

    题库来源&#xff1a;安全生产模拟考试一点通公众号小程序 安全生产模拟考试一点通&#xff1a;2021年广西省安全员B证考试题为正在备考广西省安全员B证操作证的学员准备的理论考试专题&#xff0c;每个月更新的广西省安全员B证模拟考试祝您顺利通过广西省安全员B证考试。 1、…...

    2024/4/14 9:38:19
  12. Java中ElasticSearch的各种查询(普通,模糊,前缀,高亮,聚合,范围)

    1、term&terms查询 1.1 term查询(分页) term的查询是代表完全匹配&#xff0c;搜索之前不会对你搜索的关键字进行分词&#xff0c;对你的关键字去文档分词库中去匹配内容。 ElasticSearch查询语法: # term查询 POST /sms-logs-index/sms-logs-type/_search {"from&q…...

    2024/4/5 4:38:04
  13. OpenCV55:高动态范围成像|High Dynamic Range (HDR)

    目标 在本章中&#xff0c;将学习 了解如何根据曝光顺序生成和显示HDR图像使用曝光融合来合并曝光序列 理论 高动态范围成像&#xff08;High-dynamic-range imaging&#xff0c;HDRI或HDR&#xff09;是一种用于成像和摄影的技术&#xff0c;可以比标准数字成像或摄影技术…...

    2024/4/14 9:38:44
  14. 【PCA学习笔记】

    算法描述 1.算法过程&#xff1a; ①中心化(减去均值) ②计算协方差矩阵 ③计算特征值及特征向量 ④降维转换(原数据点乘特征向量) 知识储备 1.数据降维必要性看维度灾难。[4] 2.协方差矩阵。[2] 3.特征值/向量。[3] 举个栗子 1.[6]有详尽的例子。 2.样本中心化到协方差矩…...

    2024/4/18 8:11:00
  15. 51单片机中0x01是什么?

    相信不少初学51单片机的同学都有类似的疑惑。其实不能理解 0x代表16进制&#xff0c;展开来就是 0000&#xff0c;0001 希望可以帮助到您...

    2024/4/14 9:38:24
  16. 科大星云诗社动态20201209

    #诗词背后的故事# 点绛唇•蹴罢秋千 李清照 蹴罢秋千&#xff0c;起来慵整纤纤手。露浓花瘦&#xff0c;薄汗轻衣透。 见客入来&#xff0c;袜刬金钗溜。和羞走&#xff0c;倚门回首&#xff0c;却把青梅嗅。 李清照在兄长的陪同下前往汴京大相国寺看花灯。不远处的人群中&a…...

    2024/4/14 9:38:44
  17. Node.js 简记

    Node.js简记 一、fs文件系统模块 1.导入 const fs require(fs)2.读取指定文件中的内容 fs.readFile(path,[options],callback) 参数1&#xff1a;path必选参数&#xff0c;表示文件路径参数2&#xff1a;可选参数&#xff0c;表示以什么编码格式来读文件参数3&#xff1a;必…...

    2024/4/7 15:37:45
  18. Spring刷题笔记 面试题 请解释自动装配模式的区别?

    在Spring框架中共有5种自动装配&#xff0c;让我们逐一分析。 1.no&#xff1a;这是Spring框架的默认设置&#xff0c;在该设置下自动装配是关闭的&#xff0c;开发者需要自行在bean定义中用标签明确的设置依赖关系。 2.byName&#xff1a;该选项可以根据bean名称设置依赖关系…...

    2024/4/7 15:37:43
  19. HTML练习之路06

    本次的题目是制作如下图所示Google的logo&#xff1a; 首先&#xff0c;我们来分析一下结构&#xff0c;一目了然&#xff0c;其实就是六个加粗的字母。 然后我们开始构建基本框架&#xff0c;将六个字母分别用一对<strong></strong>标签包裹&#xff0c;因为这样设…...

    2024/4/18 14:31:23
  20. 前端优化常见方式

    减少http请求 避免小资源多次请求&#xff0c;可以将多个资源合并为一个资源&#xff0c;例如js&#xff0c; 因为发送网络请求很耗费时间css放在头部&#xff0c;js放在body底部 有利于更快的渲染出页面&#xff0c;css会阻塞js的执行&#xff0c;因为只有cssom创建后才会执行…...

    2024/4/19 9:55:25

最新文章

  1. 【论文阅读】ELAN-Efficient Long-Range Attention Network for Image Super-resolution

    ELAN-Efficient Long-Range Attention Network for Image Super-resolution 论文地址简介1 引言2相关工作2.1 基于 CNN 的 SR 方法2.2 基于 Transformer 的 SR 方法 3 方法论3.1 ELAN 的整体流程3.2 Efficient Long-range Attention Block (ELAB) 4实验4.1实验设置4.2 与轻量级…...

    2024/4/30 18:12:27
  2. 梯度消失和梯度爆炸的一些处理方法

    在这里是记录一下梯度消失或梯度爆炸的一些处理技巧。全当学习总结了如有错误还请留言&#xff0c;在此感激不尽。 权重和梯度的更新公式如下&#xff1a; w w − η ⋅ ∇ w w w - \eta \cdot \nabla w ww−η⋅∇w 个人通俗的理解梯度消失就是网络模型在反向求导的时候出…...

    2024/3/20 10:50:27
  3. 谷粒商城实战(008 缓存)

    Java项目《谷粒商城》架构师级Java项目实战&#xff0c;对标阿里P6-P7&#xff0c;全网最强 总时长 104:45:00 共408P 此文章包含第151p-第p157的内容 简介 数据库承担落盘&#xff08;持久化&#xff09;工作 拿map做缓存 这种是本地缓存&#xff0c;会有一些问题 分布…...

    2024/4/30 3:45:22
  4. 触想四代ARM架构工业一体机助力手功能康复机器人应用

    一、行业发展背景 手功能康复机器人是医疗机器人的一个分支&#xff0c;设计用于帮助肢体障碍患者进行手部运动和力量训练&#xff0c;在医疗健康领域有着巨大的成长空间。 手功能康复机器人融合了传感、控制、计算、AI视觉等智能科技与医学技术&#xff0c;能够帮助患者改善康…...

    2024/4/30 1:09:57
  5. 【外汇早评】美通胀数据走低,美元调整

    原标题:【外汇早评】美通胀数据走低,美元调整昨日美国方面公布了新一期的核心PCE物价指数数据,同比增长1.6%,低于前值和预期值的1.7%,距离美联储的通胀目标2%继续走低,通胀压力较低,且此前美国一季度GDP初值中的消费部分下滑明显,因此市场对美联储后续更可能降息的政策…...

    2024/4/29 23:16:47
  6. 【原油贵金属周评】原油多头拥挤,价格调整

    原标题:【原油贵金属周评】原油多头拥挤,价格调整本周国际劳动节,我们喜迎四天假期,但是整个金融市场确实流动性充沛,大事频发,各个商品波动剧烈。美国方面,在本周四凌晨公布5月份的利率决议和新闻发布会,维持联邦基金利率在2.25%-2.50%不变,符合市场预期。同时美联储…...

    2024/4/29 6:03:24
  7. 【外汇周评】靓丽非农不及疲软通胀影响

    原标题:【外汇周评】靓丽非农不及疲软通胀影响在刚结束的周五,美国方面公布了新一期的非农就业数据,大幅好于前值和预期,新增就业重新回到20万以上。具体数据: 美国4月非农就业人口变动 26.3万人,预期 19万人,前值 19.6万人。 美国4月失业率 3.6%,预期 3.8%,前值 3…...

    2024/4/29 2:29:43
  8. 【原油贵金属早评】库存继续增加,油价收跌

    原标题:【原油贵金属早评】库存继续增加,油价收跌周三清晨公布美国当周API原油库存数据,上周原油库存增加281万桶至4.692亿桶,增幅超过预期的74.4万桶。且有消息人士称,沙特阿美据悉将于6月向亚洲炼油厂额外出售更多原油,印度炼油商预计将每日获得至多20万桶的额外原油供…...

    2024/4/29 14:21:50
  9. 【外汇早评】日本央行会议纪要不改日元强势

    原标题:【外汇早评】日本央行会议纪要不改日元强势近两日日元大幅走强与近期市场风险情绪上升,避险资金回流日元有关,也与前一段时间的美日贸易谈判给日本缓冲期,日本方面对汇率问题也避免继续贬值有关。虽然今日早间日本央行公布的利率会议纪要仍然是支持宽松政策,但这符…...

    2024/4/27 17:58:04
  10. 【原油贵金属早评】欧佩克稳定市场,填补伊朗问题的影响

    原标题:【原油贵金属早评】欧佩克稳定市场,填补伊朗问题的影响近日伊朗局势升温,导致市场担忧影响原油供给,油价试图反弹。此时OPEC表态稳定市场。据消息人士透露,沙特6月石油出口料将低于700万桶/日,沙特已经收到石油消费国提出的6月份扩大出口的“适度要求”,沙特将满…...

    2024/4/27 14:22:49
  11. 【外汇早评】美欲与伊朗重谈协议

    原标题:【外汇早评】美欲与伊朗重谈协议美国对伊朗的制裁遭到伊朗的抗议,昨日伊朗方面提出将部分退出伊核协议。而此行为又遭到欧洲方面对伊朗的谴责和警告,伊朗外长昨日回应称,欧洲国家履行它们的义务,伊核协议就能保证存续。据传闻伊朗的导弹已经对准了以色列和美国的航…...

    2024/4/28 1:28:33
  12. 【原油贵金属早评】波动率飙升,市场情绪动荡

    原标题:【原油贵金属早评】波动率飙升,市场情绪动荡因中美贸易谈判不安情绪影响,金融市场各资产品种出现明显的波动。随着美国与中方开启第十一轮谈判之际,美国按照既定计划向中国2000亿商品征收25%的关税,市场情绪有所平复,已经开始接受这一事实。虽然波动率-恐慌指数VI…...

    2024/4/30 9:43:09
  13. 【原油贵金属周评】伊朗局势升温,黄金多头跃跃欲试

    原标题:【原油贵金属周评】伊朗局势升温,黄金多头跃跃欲试美国和伊朗的局势继续升温,市场风险情绪上升,避险黄金有向上突破阻力的迹象。原油方面稍显平稳,近期美国和OPEC加大供给及市场需求回落的影响,伊朗局势并未推升油价走强。近期中美贸易谈判摩擦再度升级,美国对中…...

    2024/4/27 17:59:30
  14. 【原油贵金属早评】市场情绪继续恶化,黄金上破

    原标题:【原油贵金属早评】市场情绪继续恶化,黄金上破周初中国针对于美国加征关税的进行的反制措施引发市场情绪的大幅波动,人民币汇率出现大幅的贬值动能,金融市场受到非常明显的冲击。尤其是波动率起来之后,对于股市的表现尤其不安。隔夜美国股市出现明显的下行走势,这…...

    2024/4/25 18:39:16
  15. 【外汇早评】美伊僵持,风险情绪继续升温

    原标题:【外汇早评】美伊僵持,风险情绪继续升温昨日沙特两艘油轮再次发生爆炸事件,导致波斯湾局势进一步恶化,市场担忧美伊可能会出现摩擦生火,避险品种获得支撑,黄金和日元大幅走强。美指受中美贸易问题影响而在低位震荡。继5月12日,四艘商船在阿联酋领海附近的阿曼湾、…...

    2024/4/28 1:34:08
  16. 【原油贵金属早评】贸易冲突导致需求低迷,油价弱势

    原标题:【原油贵金属早评】贸易冲突导致需求低迷,油价弱势近日虽然伊朗局势升温,中东地区几起油船被袭击事件影响,但油价并未走高,而是出于调整结构中。由于市场预期局势失控的可能性较低,而中美贸易问题导致的全球经济衰退风险更大,需求会持续低迷,因此油价调整压力较…...

    2024/4/26 19:03:37
  17. 氧生福地 玩美北湖(上)——为时光守候两千年

    原标题:氧生福地 玩美北湖(上)——为时光守候两千年一次说走就走的旅行,只有一张高铁票的距离~ 所以,湖南郴州,我来了~ 从广州南站出发,一个半小时就到达郴州西站了。在动车上,同时改票的南风兄和我居然被分到了一个车厢,所以一路非常愉快地聊了过来。 挺好,最起…...

    2024/4/29 20:46:55
  18. 氧生福地 玩美北湖(中)——永春梯田里的美与鲜

    原标题:氧生福地 玩美北湖(中)——永春梯田里的美与鲜一觉醒来,因为大家太爱“美”照,在柳毅山庄去寻找龙女而错过了早餐时间。近十点,向导坏坏还是带着饥肠辘辘的我们去吃郴州最富有盛名的“鱼头粉”。说这是“十二分推荐”,到郴州必吃的美食之一。 哇塞!那个味美香甜…...

    2024/4/25 18:39:14
  19. 氧生福地 玩美北湖(下)——奔跑吧骚年!

    原标题:氧生福地 玩美北湖(下)——奔跑吧骚年!让我们红尘做伴 活得潇潇洒洒 策马奔腾共享人世繁华 对酒当歌唱出心中喜悦 轰轰烈烈把握青春年华 让我们红尘做伴 活得潇潇洒洒 策马奔腾共享人世繁华 对酒当歌唱出心中喜悦 轰轰烈烈把握青春年华 啊……啊……啊 两…...

    2024/4/26 23:04:58
  20. 扒开伪装医用面膜,翻六倍价格宰客,小姐姐注意了!

    原标题:扒开伪装医用面膜,翻六倍价格宰客,小姐姐注意了!扒开伪装医用面膜,翻六倍价格宰客!当行业里的某一品项火爆了,就会有很多商家蹭热度,装逼忽悠,最近火爆朋友圈的医用面膜,被沾上了污点,到底怎么回事呢? “比普通面膜安全、效果好!痘痘、痘印、敏感肌都能用…...

    2024/4/27 23:24:42
  21. 「发现」铁皮石斛仙草之神奇功效用于医用面膜

    原标题:「发现」铁皮石斛仙草之神奇功效用于医用面膜丽彦妆铁皮石斛医用面膜|石斛多糖无菌修护补水贴19大优势: 1、铁皮石斛:自唐宋以来,一直被列为皇室贡品,铁皮石斛生于海拔1600米的悬崖峭壁之上,繁殖力差,产量极低,所以古代仅供皇室、贵族享用 2、铁皮石斛自古民间…...

    2024/4/28 5:48:52
  22. 丽彦妆\医用面膜\冷敷贴轻奢医学护肤引导者

    原标题:丽彦妆\医用面膜\冷敷贴轻奢医学护肤引导者【公司简介】 广州华彬企业隶属香港华彬集团有限公司,专注美业21年,其旗下品牌: 「圣茵美」私密荷尔蒙抗衰,产后修复 「圣仪轩」私密荷尔蒙抗衰,产后修复 「花茵莳」私密荷尔蒙抗衰,产后修复 「丽彦妆」专注医学护…...

    2024/4/30 9:42:22
  23. 广州械字号面膜生产厂家OEM/ODM4项须知!

    原标题:广州械字号面膜生产厂家OEM/ODM4项须知!广州械字号面膜生产厂家OEM/ODM流程及注意事项解读: 械字号医用面膜,其实在我国并没有严格的定义,通常我们说的医美面膜指的应该是一种「医用敷料」,也就是说,医用面膜其实算作「医疗器械」的一种,又称「医用冷敷贴」。 …...

    2024/4/30 9:43:22
  24. 械字号医用眼膜缓解用眼过度到底有无作用?

    原标题:械字号医用眼膜缓解用眼过度到底有无作用?医用眼膜/械字号眼膜/医用冷敷眼贴 凝胶层为亲水高分子材料,含70%以上的水分。体表皮肤温度传导到本产品的凝胶层,热量被凝胶内水分子吸收,通过水分的蒸发带走大量的热量,可迅速地降低体表皮肤局部温度,减轻局部皮肤的灼…...

    2024/4/30 9:42:49
  25. 配置失败还原请勿关闭计算机,电脑开机屏幕上面显示,配置失败还原更改 请勿关闭计算机 开不了机 这个问题怎么办...

    解析如下&#xff1a;1、长按电脑电源键直至关机&#xff0c;然后再按一次电源健重启电脑&#xff0c;按F8健进入安全模式2、安全模式下进入Windows系统桌面后&#xff0c;按住“winR”打开运行窗口&#xff0c;输入“services.msc”打开服务设置3、在服务界面&#xff0c;选中…...

    2022/11/19 21:17:18
  26. 错误使用 reshape要执行 RESHAPE,请勿更改元素数目。

    %读入6幅图像&#xff08;每一幅图像的大小是564*564&#xff09; 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
  27. 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机...

    win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”问题的解决方法在win7系统关机时如果有升级系统的或者其他需要会直接进入一个 等待界面&#xff0c;在等待界面中我们需要等待操作结束才能关机&#xff0c;虽然这比较麻烦&#xff0c;但是对系统进行配置和升级…...

    2022/11/19 21:17:15
  28. 台式电脑显示配置100%请勿关闭计算机,“准备配置windows 请勿关闭计算机”的解决方法...

    有不少用户在重装Win7系统或更新系统后会遇到“准备配置windows&#xff0c;请勿关闭计算机”的提示&#xff0c;要过很久才能进入系统&#xff0c;有的用户甚至几个小时也无法进入&#xff0c;下面就教大家这个问题的解决方法。第一种方法&#xff1a;我们首先在左下角的“开始…...

    2022/11/19 21:17:14
  29. win7 正在配置 请勿关闭计算机,怎么办Win7开机显示正在配置Windows Update请勿关机...

    置信有很多用户都跟小编一样遇到过这样的问题&#xff0c;电脑时发现开机屏幕显现“正在配置Windows Update&#xff0c;请勿关机”(如下图所示)&#xff0c;而且还需求等大约5分钟才干进入系统。这是怎样回事呢&#xff1f;一切都是正常操作的&#xff0c;为什么开时机呈现“正…...

    2022/11/19 21:17:13
  30. 准备配置windows 请勿关闭计算机 蓝屏,Win7开机总是出现提示“配置Windows请勿关机”...

    Win7系统开机启动时总是出现“配置Windows请勿关机”的提示&#xff0c;没过几秒后电脑自动重启&#xff0c;每次开机都这样无法进入系统&#xff0c;此时碰到这种现象的用户就可以使用以下5种方法解决问题。方法一&#xff1a;开机按下F8&#xff0c;在出现的Windows高级启动选…...

    2022/11/19 21:17:12
  31. 准备windows请勿关闭计算机要多久,windows10系统提示正在准备windows请勿关闭计算机怎么办...

    有不少windows10系统用户反映说碰到这样一个情况&#xff0c;就是电脑提示正在准备windows请勿关闭计算机&#xff0c;碰到这样的问题该怎么解决呢&#xff0c;现在小编就给大家分享一下windows10系统提示正在准备windows请勿关闭计算机的具体第一种方法&#xff1a;1、2、依次…...

    2022/11/19 21:17:11
  32. 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”的解决方法...

    今天和大家分享一下win7系统重装了Win7旗舰版系统后&#xff0c;每次关机的时候桌面上都会显示一个“配置Windows Update的界面&#xff0c;提示请勿关闭计算机”&#xff0c;每次停留好几分钟才能正常关机&#xff0c;导致什么情况引起的呢&#xff1f;出现配置Windows Update…...

    2022/11/19 21:17:10
  33. 电脑桌面一直是清理请关闭计算机,windows7一直卡在清理 请勿关闭计算机-win7清理请勿关机,win7配置更新35%不动...

    只能是等着&#xff0c;别无他法。说是卡着如果你看硬盘灯应该在读写。如果从 Win 10 无法正常回滚&#xff0c;只能是考虑备份数据后重装系统了。解决来方案一&#xff1a;管理员运行cmd&#xff1a;net stop WuAuServcd %windir%ren SoftwareDistribution SDoldnet start WuA…...

    2022/11/19 21:17:09
  34. 计算机配置更新不起,电脑提示“配置Windows Update请勿关闭计算机”怎么办?

    原标题&#xff1a;电脑提示“配置Windows Update请勿关闭计算机”怎么办&#xff1f;win7系统中在开机与关闭的时候总是显示“配置windows update请勿关闭计算机”相信有不少朋友都曾遇到过一次两次还能忍但经常遇到就叫人感到心烦了遇到这种问题怎么办呢&#xff1f;一般的方…...

    2022/11/19 21:17:08
  35. 计算机正在配置无法关机,关机提示 windows7 正在配置windows 请勿关闭计算机 ,然后等了一晚上也没有关掉。现在电脑无法正常关机...

    关机提示 windows7 正在配置windows 请勿关闭计算机 &#xff0c;然后等了一晚上也没有关掉。现在电脑无法正常关机以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容&#xff0c;让我们赶快一起来看一下吧&#xff01;关机提示 windows7 正在配…...

    2022/11/19 21:17:05
  36. 钉钉提示请勿通过开发者调试模式_钉钉请勿通过开发者调试模式是真的吗好不好用...

    钉钉请勿通过开发者调试模式是真的吗好不好用 更新时间:2020-04-20 22:24:19 浏览次数:729次 区域: 南阳 > 卧龙 列举网提醒您:为保障您的权益,请不要提前支付任何费用! 虚拟位置外设器!!轨迹模拟&虚拟位置外设神器 专业用于:钉钉,外勤365,红圈通,企业微信和…...

    2022/11/19 21:17:05
  37. 配置失败还原请勿关闭计算机怎么办,win7系统出现“配置windows update失败 还原更改 请勿关闭计算机”,长时间没反应,无法进入系统的解决方案...

    前几天班里有位学生电脑(windows 7系统)出问题了&#xff0c;具体表现是开机时一直停留在“配置windows update失败 还原更改 请勿关闭计算机”这个界面&#xff0c;长时间没反应&#xff0c;无法进入系统。这个问题原来帮其他同学也解决过&#xff0c;网上搜了不少资料&#x…...

    2022/11/19 21:17:04
  38. 一个电脑无法关闭计算机你应该怎么办,电脑显示“清理请勿关闭计算机”怎么办?...

    本文为你提供了3个有效解决电脑显示“清理请勿关闭计算机”问题的方法&#xff0c;并在最后教给你1种保护系统安全的好方法&#xff0c;一起来看看&#xff01;电脑出现“清理请勿关闭计算机”在Windows 7(SP1)和Windows Server 2008 R2 SP1中&#xff0c;添加了1个新功能在“磁…...

    2022/11/19 21:17:03
  39. 请勿关闭计算机还原更改要多久,电脑显示:配置windows更新失败,正在还原更改,请勿关闭计算机怎么办...

    许多用户在长期不使用电脑的时候&#xff0c;开启电脑发现电脑显示&#xff1a;配置windows更新失败&#xff0c;正在还原更改&#xff0c;请勿关闭计算机。。.这要怎么办呢&#xff1f;下面小编就带着大家一起看看吧&#xff01;如果能够正常进入系统&#xff0c;建议您暂时移…...

    2022/11/19 21:17:02
  40. 还原更改请勿关闭计算机 要多久,配置windows update失败 还原更改 请勿关闭计算机,电脑开机后一直显示以...

    配置windows update失败 还原更改 请勿关闭计算机&#xff0c;电脑开机后一直显示以以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容&#xff0c;让我们赶快一起来看一下吧&#xff01;配置windows update失败 还原更改 请勿关闭计算机&#x…...

    2022/11/19 21:17:01
  41. 电脑配置中请勿关闭计算机怎么办,准备配置windows请勿关闭计算机一直显示怎么办【图解】...

    不知道大家有没有遇到过这样的一个问题&#xff0c;就是我们的win7系统在关机的时候&#xff0c;总是喜欢显示“准备配置windows&#xff0c;请勿关机”这样的一个页面&#xff0c;没有什么大碍&#xff0c;但是如果一直等着的话就要两个小时甚至更久都关不了机&#xff0c;非常…...

    2022/11/19 21:17:00
  42. 正在准备配置请勿关闭计算机,正在准备配置windows请勿关闭计算机时间长了解决教程...

    当电脑出现正在准备配置windows请勿关闭计算机时&#xff0c;一般是您正对windows进行升级&#xff0c;但是这个要是长时间没有反应&#xff0c;我们不能再傻等下去了。可能是电脑出了别的问题了&#xff0c;来看看教程的说法。正在准备配置windows请勿关闭计算机时间长了方法一…...

    2022/11/19 21:16:59
  43. 配置失败还原请勿关闭计算机,配置Windows Update失败,还原更改请勿关闭计算机...

    我们使用电脑的过程中有时会遇到这种情况&#xff0c;当我们打开电脑之后&#xff0c;发现一直停留在一个界面&#xff1a;“配置Windows Update失败&#xff0c;还原更改请勿关闭计算机”&#xff0c;等了许久还是无法进入系统。如果我们遇到此类问题应该如何解决呢&#xff0…...

    2022/11/19 21:16:58
  44. 如何在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