优先级 继承性css特性
html+css3+anime.js实现文字故障动画
记录一个很酷的动画，效果如图： 是基于html+css3+anime.js实现的，看了眼代码，其实是默认文字的div中定位了几个相同的文字块，利用clip-path这个属性去裁剪展示其中的一部分，用于展示故障的效果，动画则是使用anime.js去循环改变X与Y轴的位置，同时调整绘制的颜色，demo代 ......
CSS-04
定位 将盒子定在一固定位置 组成 定位模式+边偏移 定位模式 static-静态定位(标准流)（相当于无定位） relative-相对 absolute-绝对（脱标） fixed-固定（脱标） 相对定位 相对位置 position: relative; top: 100px; 相对自己的位置移动 ......
css设置backgroud：url(),无效
react项目中，使用styled-components编写样式，给元素添加背景图不生效。 background直接设置十六进制颜色或者颜色的英文名称都是可行的，但是使用url无作用，那就是url问题了，于是我想换一种思路，能不能把图片import进来，放进url里，避免错误的路径呢，于是 哎嘿，好 ......
CSS 还原拉斯维加斯球数字动画
我的小册 《CSS 技术揭秘与实战通关》上线了，想了解更多有趣、进阶、系统化的 CSS 内容，可以猛击 - LINK。 最近大家刷抖音，是否有刷到拉斯维加斯的新地标 「Sphere」： 场馆内部的视觉效果非常惊人，其中一个效果让我虎躯一震： 我的第一想法就是，这个看起来用 CSS 也可以实现嘛？还有 ......
CSS:@keyframes和animation
一、@keyframes定义动画 通过 @keyframes 规则，您能够创建动画。创建动画的原理是，将一套 CSS 样式逐渐变化为另一套样式。在动画过程中，您能够多次改变这套 CSS 样式。 以百分比来规定改变发生的时间，或者通过关键词 "from" 和 "to"，等价于 0% 和 100%。0% ......
PHP 核心特性之匿名函数
来源：http://www.shanhubei.com/archives/2814.html 在匿名函数出现之前，所有的函数都需要先命名才能使用 function increment($value) { return $value + 1; } array_map('increment', [1, ......
开课吧前端1期.阶段4-2：es6的新特性
es6介绍： 太有用了，后面会经常用到的都是ES6,不可能是ES5,ES4 ES6：是简称， 全称为： ECMAScript标准 ECMAScript 和 JavaScript 不是相同的一个东西 ECMAScript 是一个标准，JavaScript是语言一个实现 可以有很多语言去实现，但是目前只 ......
2前端开发css
form表单 '''获取前端用户数据并发送给后端服务器''' <from action = ""></from> #需要再form标签内部编写获取用户数据标签 #1属性action 控制数据的提交地址 方式1：写全路径 action = "http://www.aa7a.cn/user.php" 方 ......
CSS-03
去掉li前面的项目符号：list-style：none 圆角边框 border-radius: 12px;可以是px或百分比 若将正方形改为圆形，则：border-radius: 50%;或者将其设为宽度的一半。 盒子阴影 box-shadow: 8px 10px 10px 10px rgba(0, ......
CSS - 放大缩小淡入淡出效果
效果图： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS Zoom in and out Animation</title> <style> @-webkit-keyframes zoomIn { f ......
一图看懂CodeArts Governance 三大特性，带你玩转开源治理服务
华为云开源治理服务CodeArts Governance是针对软件研发提供的一站式开源软件治理服务，凝聚华为在开源治理上的优秀实践经验，提供开源软件元数据及软件成分分析、恶意代码检测等能力，从合法合规、网络安全、供应安全等维度消减开源软件使用风险，助力企业更加安全、高效地使用开源软件。 ......
[学习笔记] 有关CSS响应式设计的单位
em 和 rem 单位：em 和 rem 是相对于元素的字体大小计算的单位。em 单位是相对于父元素的字体大小，而 rem 单位是相对于根元素（通常是 <html> 元素）的字体大小。em 和 rem 单位可以用于实现相对于字体大小的自适应布局。 vw 和 vh 单位：vw 和 vh 是视口宽度和视 ......
大数据系统的关键特性
1、Robustandfault-tolerant（容错性和鲁棒性）：对大规模分布式系统来说，机器是不可靠的，可能会当机，但是系统需要是健壮、行为正确的，即使是遇到机器错误。除了机器错误，人更可能会犯错误。在软件开发中难免会有一些Bug，系统必须对有Bug的程序写入的错误数据有足够的适应能力，所以比 ......
使用busybox自代chrt提升全部TID优先级
背景 嵌入式平台比较青睐busybox提高设备安全性 其中内建了chrt可以方便的修改调度优先策略 问题 实际使用过程中发现chrt不能统一修改全部thread的优先级 chrt chrt [ OPTIONS ] [ PRIO ] [ PID | PROG [ ARGS ]] Manipulate ......
kotlin类继承结构
一、接口类型 1、和java一样：接口使用interface关键字 interface Clickable { fun click() } 2、和java的差异是：接口也允许有默认的实现，java则需要default关键字 interface Clickable { fun click() fun ......
继承
public class ParentChildTest { public static void main(String[] args) { Parent parent=new Parent(); parent.printValue(); Child child=new Child(); chil ......
26个CSS超实用技巧
1.文字溢出显示省略号 单行文字： 一定要设置宽度 p{ • width:200px; • overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } 多行文字溢出显示省略号p{display:-webkit-bo ......
Tailwind CSS 速查
Tailwind CSS 提供了大量的实用程序类，这些类名都是使用缩写的方式，以更简洁地表述其含义。以下是一些常用的 Tailwind CSS 缩写及其对应的意义： 布局 w: width max-w: max-width h: height max-h: max-height m: margin ......
什么？？？CSS也能原子化！
原子化CSS是一种CSS的架构方法，倾向于使用用途单一且简单的CSS，通常是根据视觉效果进行类的命名，不同于BEM规则的CSS，原子的意思就是将CSS进行拆分，每个样式都有一个唯一的CSS规则 ......
【RocketMQ】RocketMQ 5.0新特性（三）- Controller模式
在RocketMQ 5.0以前，有两种集群部署模式，分别为主从模式（Master-Slave模式）和Dledger模式。 主从模式 主从模式中分为Master和Slave两个角色，集群中可以有多个Master节点，一个Master节点可以有多个Slave节点。Master节点负责接收生产者发送的写入 ......
web前端html+css页面内容的六种隐藏方式
一、使用透明度 语法：opacity:0 注意：元素消失，但是还会占据空间，只是视觉看不出来 <style> .box{ width: 100px; height: 100px; background-color: aquamarine; opacity: 0; }</style><div clas ......
前端 ( HTML + JS + CSS )
以下大多都摘自菜鸟教程：https://www.runoob.com/ HTML 简介 HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言: HyperText Markup Language HTML 不是一种编程语言，而是一种标记语言 标记语言是一套标记标签 (markup t ......
算法修养--广度优先搜索BFS
广度优先算法（BFS） 广度优先算法（Breadth-First Search）是在图和树领域的搜索方法，其核心思想是从一个起始点开始，访问其所有的临近节点，然后再按照相同的方式访问这些临近节点的节点，这种访问方式类似涟漪泛起，一层一层的扩散。 广度优先算法解决的问题： 从A点出发，有没有一条路径可 ......
C++类内存布局与虚继承
类的内存布局 本文参考浅析C++类的内存布局，做了一些修改和补充 1. 无继承的情况 为了得到类的内存布局，先设置一下 输入 /d1 reportAllClassLayout，结果会在输出窗口打印出。最后会打印很多类，基本上最后就是自己的类的布局，也可以指定类。如果写上 /d1 reportSing ......
CSS制作逼真的波浪效果
效果 代码示例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <link rel="icon" href="/favicon.ico" /> <meta http-equiv="X-UA-Compatible" co ......
css 10-13
1.背影样式 backgroud-color 背景颜色 backgroud-color :red backgroud-image 背景图片 backgroud-image backgroud-position 背景图片位置 backgroud-position top left right bott ......
Java 深度优先搜索 and 广度优先搜索的算法原理和代码展示
111. 二叉树的最小深度 题目：给定一个二叉树，找出其最小深度。最小深度是从根节点到最近叶子节点的最短路径上的节点数量。 说明：叶子节点是指没有子节点的节点。 方法1：深度优先搜索 原理：深度优先搜索（Depth First Search）是一种遍历图的算法，它从图中的某个顶点出发，沿着一条路径不 ......
nginx中一个请求匹配到多个location时的优先级问题，马失前蹄了
背景 为什么讲这么小的一个问题呢？因为今天在进行系统上线的时候遇到了这个问题。 这次的上线动作还是比较大的，由于组织架构拆分，某个接入层服务需要在两个部门各自独立部署，以避免频繁的跨部门沟通，提升该接入层服务的变更效率。 该接入层服务之前是使用cookie + 内存session机制的，这次要独立部 ......
css-图片和文字小模块
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......