position属性css 13
13_泛型
 
写一个todoList小案例来体验一下组件的状态以及状态维护的注意点 import React, { Component } from 'react' import './css/01-index.css' export default class App extends Component { s ......
Springboot-控制层入参对象，属性值全部为null，解决方案
前言： 在一般的正常操作场景中，我们接受参数是没有问题的。 在特定的场景中，我们会出现接受入参全部为null的情况（这里记录）。 在这里我们尝试使用3种方法解决。 出现的问题： Springboot中控制层 接受入参对象，属性全部显示为null。 实体类： import com.fasterxml. ......
03前端开发【css结束】
伪元素选择器 '''通过css操作文本内容''' 1.修改首个字体样式 p:first-letter{ color: red; font-size:48px； } 2.在文本开头添加内容 p:before{ content: '哈哈'； color：bule； } 3.在文本结尾添加内容 p:aft ......
10.13日
今日练习乒乓球正手击打，昨天乒乓球课上教了基础框架动作，但我不太理解，感觉自己动作不到位，今天早上约了同学进行乒乓球简单击打训练。打了一阵觉着自己的反手得到了加强，已经基本可以应对球型了，可是正手依旧没入门槛。 ......
防御性CSS
什么是防御性CSS呢？ 我的理解是我们所写的网页的内容不完全是静态的，也是可以发生变化的，因此也就增加了CSS出现的问题。不管网页的内容是多是少，还是窗口尺寸是大还是小，页面里面的内容与布局是要能正常显示而不会被破坏。 Flexbox 折行 Flexbox 是 CSS 中经常使用的布局，在父元素中设 ......
css 背景样式 梯形/平行四边形
绘制这种不规则的背景图形，目前我的思路是使用伪元素 伪元素的优点在于不用添加新的元素 实现平行效果使用了css transform: skew(); 具体代码如下 { position: relative; padding-left: 12px; color: #2187FF; background ......
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; 字体图标 展示为图标，本质为文字 结构样式简单的使用字体图标，复 ......
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 ......
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; } ......
SOLIDWORKS焊件模型快速进行属性反写
SOLIDWORKS焊件模块是一个非常好用的模块，在SOLIDWORKS中，焊件模型是一个多实体零件，但实际上每个实体都代表着一个零件，相比于装配体来说，多实体焊件模型更易于管理与修改，因此焊件功能深受广大工程师们的喜爱。 使用焊件建模非常简便，只需要绘制草图，选择结构构件即可。而且焊件还带有焊件切 ......
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 ......
通过Lambda函数的方式获取属性名称
前言: 最近在使用mybatis-plus框架, 常常会使用lambda的方法引用获取实体属性, 避免出现大量的魔法值. public List<User> listBySex() { LambdaQueryWrapper<User> wrapper = new LambdaQueryWrapper ......
java double Infinity Double.POSITIVE_INFINITY Double.NEGATIVE_INFINITY
java double Infinity if (ret == Double.POSITIVE_INFINITY || ret == Double.NEGATIVE_INFINITY) { return 0.0;} 翻译 搜索 复制 ......
算法13天58道题阶段性总结
刷算法十三天58道，克服了对算法的恐惧，能够正常刷题，缺点在于必须看题解、题型过多多变、没有掌握模板、无法理解题意举一反三 代码随想录二刷学会基本的理论和技巧/非类型题，拓展题过滤codetop/模板记熟/看懂题意先写一遍debug/查看其他的题解labuladong 灵山艾 旁边题解 ......
27-Vue脚手架-ref属性
ref 属性 ref 被用来给元素或子组件注册引用信息（id的代替者） 1）应用在 html标签上获取的是真实DOM元素，应用在组件标签上获取的是组件实例对象vc（VueComponent） 2）使用方式 打标识：<h1 ref="xxx"></h1> 或 <School ref=''xxx'></ ......
Android(S)系统属性服务详解
1.简介 Android系统中，为统一管理系统的属性，设计了一个统一的属性系统，包括两部分：文件保存的持久属性和每次开机导入的cache属性，前者主要保存在.prop文件中，需要注意的是android属性的名称是有一定的格式要求。每个属性都有一个名称和值，他们都是字符串格式。属性被大量使用在Andr ......
[转]CSS单位em和rem
原文地址:em和rem - WananPr1st - 博客园 em和rem都是相对单位，由浏览器转换为像素值，具体取决于设计中的字体大小设置。1em或者1rem会被浏览器解析成从16px到160px或者其他任意值。 em和rem单位之间的区别是浏览器根据谁来转化成px值的。 1.em em是相对于被 ......