css 03
html5+css-06
HTML5（最常用） 新增标签 语义化 header：头部 nav：导航 article:内容 section:定义文档某个区域 aside：侧边栏 footer:尾部 主要针对搜索引擎 可多次使用 在IE9中需要转化为块级标签 视频 audio：音频(.mp3) video：视频（尽量使用.mp4 ......
CSS-05
精灵图 为了减少服务器接收和发送请求的的次数 background-position 一般情况下，向上向左均是负的 background: url(images/icons.png) no-repeat -1103px -333px; 字体图标 展示为图标，本质为文字 结构样式简单的使用字体图标，复 ......
设计模式03 —— 迭代器模式
设计模式03 —— 迭代器模式 本教程参考：菜鸟教程 - 学的不仅是技术，更是梦想！ (runoob.com) 参考书：《图解设计模式》 本系列为本人学习笔记，和课程学习笔记，资料和参考均源自互联网，希望各位大佬多多指点！ 介绍 迭代器模式（Iterator Pattern）是Java和.Net编程 ......
CSS 实现鼠标悬浮边框线动画效果
一、transition CSS transition（过渡效果）详解 CSS 中提供了 5 个有关过渡的属性，如下所示： transition-property：设置元素中参与过渡的属性； transition-duration：设置元素过渡的持续时间； transition-timing-fun ......
利用 CSS 的 clip-path 属性快速画三角形、气泡框
clip-path 结合 polygon 函数，可以快速切出一个三角形、气泡框。 a. 三角形有三个顶点，因此 polygon 需要传三个参数，每个参数是顶点的 x 和 y 轴位置百分比： #triangle-1 { -webkit-clip-path: polygon(50% 0, 100% 10 ......
用户故事与敏捷方法03
第11章 测量并监控速率 我们将项目分成一系列迭代来做发布计划，每轮迭代中安排一定故事点的任务。一轮迭代完成的故事点就是项目的速率。因为速率是非常重要的度量，所以怎么测量它变得很重要，而且速率在初期的迭代可能很不稳定，经过两三轮迭代后，才能获得一个长期的、比较稳定的速率。注意：对于尚未完成的故事，不 ......
CSS命名技巧规则
CSS命名注意事项： 1.一律小写; 2.尽量用英文； 3.不加中杠和下划线；[有特殊情况除外] 4.尽量不缩写，除非一看就明白的单词。 CSS文件名命名: 主要的 master.css 模块 module.css 基本共用 base.css 布局，版面 layout.css 主题 themes.c ......
CSS水平垂直居中
使用flex布局 <div class="content"> <div class="box"> </div> </div> .content{ height: 100vh; display: flex; justify-content: center; align-items: center; } ......
使用CSS的cross-fade()实现基于url的网页背景图半透明显示
参考链接：https://www.zhangxinxu.com/wordpress/2020/07/css-cross-fade-background-image-opacity/ 引子 在开发过程中，碰到了一个比较特别的情况，就是使用url()背景图像，同时又希望background-image背 ......
css元素水平垂直居中
1、单行文字的处理 <html> <head> <style> /* 要点，设置行高和DIV的行高一行 */ #div{ background-color: antiquewhite; height: 100px; line-height: 100px; text-align: center; } ......
03_电容
电容 什么是电容 电容的作用 旁路的作用 没有电容,cpu的电压不稳定 去耦(退耦)电容的作用 滤波作用 储能作用 电容在电路中的连接问题 常用电容极性判断 电容应用总结 ......
目录-03-栈
1：链接 2：链接 3：链接 4：链接 5：链接 6：链接 7：链接 8：链接 9：链接 0：链接 1：链接 2：链接 3：链接 4：链接 5：链接 6：链接 7：链接 8：链接 9：链接 0：链接 1：链接 2：链接 3：链接 4：链接 5：链接 6：链接 7：链接 8：链接 9：链接 0：链接 ......
java学习_03
运算符 对字面量或者变量进行操作的符号 表达式 用运算符把字面量或者变量连接起来，符合java语法的式子就可以称为表达式。不同运算符连接的表达式体现的是不同类型的表达式。 算数运算符 加+、减-、乘*、除/、取模% 整数参与计算，结果只能得到整数 小数参与计算，结果有可能是不精确的 一个三位数，将其 ......
205-303 K8S API资源对象介绍03 (Job CronJob Endpoint ConfigMap Secret) 2.17-3.3
一、水平自动扩容和缩容HPA（K8S 版本>=1.23.x） HPA全称Horizontal Pod Autoscaler，Pod水平自动伸缩，HPA可以基于CPU利用率replication controller、deployment和replicaset中的pod数量进行自动扩缩容。pod自动缩 ......
Struct WhileDemo03
package com.chen.struct; public class WhileDemo03 { public static void main(String[] args) { //计算1+2+3...+100=？ //高斯的故事 int i = 0; int sum = 0; while ......
Struct IfDemo03
package com.chen.struct; import java.util.Scanner; public class IfDemo03 { public static void main(String[] args) { //考试分数大于60分就是及格，小于60分就是不及格。 Scanne ......
css 渐变与背景裁剪
1.css的渐变 线性渐变 /* 线性渐变 */ .one { width: 300px; height: 300px; background: linear-gradient(to right, rgb(244, 239, 239) 2%, rgb(0, 9, 0) 5%, rgb(244, 23 ......
HCIE-广域承载解决方案专题实验03 SRv6 BE
HCIE-广域承载解决方案专题实验03 SRv6 BE 1 实验概述 1.1 实验拓扑 1.2 地址规划 设备 接口 IP地址 备注 CE-1 GE 0/0/0 192.168.1.1/24 Loopback 0 10.1.1.1/32 PE-1 Ethernet 1/0/0 192.168.1.2 ......
[转]CSS单位em和rem
原文地址:em和rem - WananPr1st - 博客园 em和rem都是相对单位，由浏览器转换为像素值，具体取决于设计中的字体大小设置。1em或者1rem会被浏览器解析成从16px到160px或者其他任意值。 em和rem单位之间的区别是浏览器根据谁来转化成px值的。 1.em em是相对于被 ......
css多个元素一行排列的方法
1、弹性盒子模型（FlexBox），不考虑兼容性问题的情况下，建议新手直接使用这种模式，简单，最重要的是元素不会浮动，不会影响后面的元素的布局，比如下面代码中的我在底层这个div的显示没有任何影响。 <html> <head> <style> #tasklist{ background-color: ......
你也许不再需要使用 CSS Media Queries（媒体查询）了
你也许不再需要使用 CSS Media Queries（媒体查询）了 最近，CSS 引入了一项新功能：Container Queries。它可以替代 Media Queries 并实现 Media Queries 无法胜任的任务。 超越 Media Queries 的功能 让我们想象一个场景：在网页 ......
2022-03-17-changelogs
layout: post title: Changelogs updated: 2023-04-08 category: posts source: https://github.com/bGZo/blog/issues/1 number: 1 📌 Thinking No emotion; no ......
2022-03-17-changelogs
layout: post title: Changelogs updated: 2023-04-08 category: posts source: https://github.com/bGZo/blog/issues/1 number: 1 📌 Thinking No emotion; no ......
（华为欧拉操作系统）openEuler 22.03 LTS SP2 安装使用记录
本来是准备在虚拟机中安装rocky linux,，结果安装失败，你可以从第4步开始看。 1.到 https://www.virtualbox.org/ 下载VirtualBox-7.0.12-159484-Win.exe 并安装 2.到 https://rockylinux.org/zh_CN/do ......
html+css3+anime.js实现线条来回滑动且渐隐动画
效果： 代码： <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=devic ......
html+css3+anime.js实现文字故障动画
记录一个很酷的动画，效果如图： 是基于html+css3+anime.js实现的，看了眼代码，其实是默认文字的div中定位了几个相同的文字块，利用clip-path这个属性去裁剪展示其中的一部分，用于展示故障的效果，动画则是使用anime.js去循环改变X与Y轴的位置，同时调整绘制的颜色，demo代 ......
【2023-10-03】连岳摘抄
23:59 其实我们每个人的生活都是一个世界，即使最平凡的人也要为他生活的那个世界而奋斗。这个意义上说，在这些平凡的世界里，也没有一天是平静的。 ——路遥 中国人重视教育，这是我们的竞争力。高考必须保持一定的淘汰率，不然高考就失去了意义。被淘汰的孩子，并不是失败者，只是说明他们从此将进入生产实践中学 ......
hadoop集群 大数据项目实战_电信用户行为分析_day03
配置系统环境 Reis 1.先把之前的dump.rdb删除掉 rm -rf dump.rdb 2.把原始项目给的dump.rdb 放进来，它里面包含了需要的数据，比如端口；在这部之前必须要进行关闭端口，随后传送文件，最后重启端口 相关指令: bin/redis-server conf/redis.c ......
204 K8S API资源对象介绍03 (Job CronJob Endpoint ConfigMap Secret) 2.12-2.16
一、API资源对象Job 一次性运行后就退出的Pod 1.1 使用kubect生成YAML文件 # kubectl create job job01 --image=busybox --dry-run=client -o yaml >job01.yaml # vim job01.yaml # cat ......