属性 动画css3 css
css防止图片挤压变形 object-fit: cover
img{ width:200px; height:100px; object-fit: cover; } 该属性会对图片保留原始比列，多余的会被裁剪。 添加该属性会适应指定容器的高度与宽度。 一般用于 img 和 video 标签，一般可以对这些元素进行保留原始比例的剪切、缩放或者直接进行拉伸等 语 ......
HTML5 Canvas 数据持久化存储之属性列表
正常我们设置属性的时候，属性和属性值的 key value 对应，但是在实际开发中，经常遇到属性值可能需要从多项中选择，这个时候用原生的 HTML5 配合 JavaScript 来实现这个功能会让人非常头疼，我试着用 HT for Web 来实现了这个功能，感觉整体实践起来还是比较容易的，所以在这边 ......
iOS开发之成员变量、实例变量、成员属性
iOS成员变量、实例变量、成员属性说明 1、成员变量、实例变量： 1）、成员变量是在{}中声明的变量，如下代码所示： 2）、如果成员变量的类型是一个类则称这个变量为实例变量 3）、成员变量包括实例变量，所以可以通称为成员变量（这里只是便于概念理解分开解释） 实例变量 = 成员变量 ＝ ivar #i ......
系统熵增是怎么产生的？————数据对象模型里添加属性欠思考
熵增定律指出，在没有外力作用下的封闭系统中，熵（或混乱度）总是增加的。就是说，任何封闭系统中、在没有外力作用下，都会陷入混乱。 屋子不收拾会变乱；人不自律会懒散；生活不规律或无节制，人就会出现健康问题；同样，对于我们的信息系统，一旦缺乏规范和管控，就会越来越难于迭代和维护。 这些例子都展示了在缺乏积 ......
实现Nacos属性值自动刷新的三种方式
实现Nacos属性值自动刷新的三种方式在Spring Boot项目中，我们经常使用Nacos作为配置中心，用于管理应用程序的属性配置。当我们在Nacos上修改属性值时，希望应用程序能够自动刷新并应用最新的属性值，以避免重启应用。本篇博客将介绍三种实现Nacos属性值自动刷新的方式，并提供相应的示例代 ......
css-定位
相对定位 top -20px ——first上移20px 绝对定位： 相对于浏览器： 相对于父级元素（给父级元素一个position） 固定定位：彻底定死，区别绝对定位 相当于加了z轴，好多图册 ......
空指针产生的条件 null对象调用属性
null对象调用属性 e.g public class Student { Integer age; String name; String address ; User user;} Student student= new Student(); 12:student.getUser().getN ......
css-盒子模型
盒子模型 1.是什么 2.边框 边框的粗细 边框的样式 边框的颜色 因为容易很丑~-~ 这里用结构伪类选择器: ——本意为找div父类的子类中第一个为input的，但是有错，实际上是div的后代选择器 如果去掉input , 只会框第一个div, 找div父类的子类中第一个孩子 3.外边距 两个参数 ......
走进CSS—I
[点击链接走进前端学习：https://blog.csdn.net/qq_53810245/article/details/116831968](https://blog.csdn.net/qq_53810245/article/details/116831968) @[TOC](CSS学习笔记) ......
走进CSS—II
点击跳转继续学习：[走进CSS—I](https://blog.csdn.net/qq_53810245/article/details/119176518) @[TOC](CSS学习笔记) ![在这里插入图片描述](https://img-blog.csdnimg.cn/0623b62685ba4 ......
[FAQ] edge debug栏的网络里 没有见到 All Fetch/XHR JS CSS 这些东西
一种方式是 打开调试器的设置，重置默认并刷新即可。 另一种方式是把这个 “筛选” 点掉。 Tool：揭开网站所用的技术 Link：https://www.cnblogs.com/farwish/p/17687523.html ......
WPF 使用矩形实现加载Loading动画的方式
首先，创建一个用户控件实现动画Loading的功能： <UserControl x:Class="K.Controls.Controls.LoadingControl" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" ......
WPF 自己画图实现动画旋转Loading
实现效果图： 1、创建一个用户控件，实现动画旋转： <UserControl x:Class="K.Controls.Controls.LoadingWait" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xml ......
WPF 使用Image实现动画旋转Loading
首先需要有一个Loading的图片，（白色背景，白色小圆圈，所以显示看不到）： 创建一个用户控件，实现动画的功能： <UserControl x:Class="K.Controls.Controls.LoadingImage" xmlns="http://schemas.microsoft.com/ ......
javascript | 变量、函数、属性的命名规则
# javascript标识符的命名规则 变量、函数、属性的名字、或者函数的参数，都可称为标识符。标识符可以是按照下列格式规则组合起来的一个或者多个字符。 - 第一个字符必须是一个`字母`、`下划线_`、或`美元符号$`。 - `数字`不可以作为标识符的首字符。 - 其他字符可以是`数字`、`字母` ......
GregorianCalendar类常用方法，属性
摘要 class GregorianCalendar 继承关系 java.lang.Object java.util.Calendar java.util.GregorianCalendar 所有的父接口 Serializable, Cloneable, Comparable public clas ......
HTML5与CSS3实现动态网页（下）
js 完整的javascript 是有ECMAScript （语法） Browser Objects (DOM BOM ) 特性组成的。 // 单行注释 /**/ 多行注释 ECMASxript 中的一切 (变量 函数名和操作符) 都区分大小写 1：什么是标识符 变量 函数 属性的名字 或者函的参数 ......
Css 修改图标颜色_Css 修改图片颜色_Css控制图片颜色
一、Css3 mask 修改图标颜色 （推荐） CSS3 mask默认是基于透明度实现遮罩效果的。也就是实色区域显示，透明区域隐藏。因此，我们只需要把目标图标颜色#f4615c作为背景色，然后原始图标（无论什么颜色都可以）作为遮罩图片，效果就出来了。 <!DOCTYPE html> <html la ......
iOS面试题之IBOutlet连出来的视图属性为什么可以被设置成weak?
# IBOutlet连出来的视图属性为什么可以被设置成weak? 一张图概括 ![img](https://upload-images.jianshu.io/upload_images/1322408-f9a65f0baa774b86.jpg?imageMogr2/auto-orient/strip ......
css使用border-image和flex布局设计一个随着文字多少自适应的标题
需求： 设计一个标题，让中间部分随着文字而撑大，同时文字渐变，两边自适应，这种情况就不能用传统的背景图片了，想到可以使用图片边框来做 解决思路： 1.需要一个大盒子和三个小盒子 2.大盒子设置display:flex; 左右两个小盒子分别设置flex-grow; 并设置背景图片 3.给中间盒子设置边 ......
css修改页面内元素的滚动条样式
<div class="box"> <div class="content"></div> </div> <style> .box{ width: 100px; height: 200px; overflow: auto; } .content{ width: 100px; height: 1000 ......
transition动画和transition-group动画组
## 1. transition 和 transition-group 介绍 * transition 会在一个元素或组件进入和离开 DOM 时应用动画 * transition-group 会在一个 v-for 列表中的元素或组件被插入，移动，或移除时应用动画 * 区别 ![](https://i ......
css实现 h5滑动时隐藏滚动条
.menus{ margin: 10px 0 ; margin-left: 18px; display: flex; flex-wrap: nowrap; overflow-x: auto; } .menus::-webkit-scrollbar { display: none; width: 0 ......
typescript 报错 类型“Window & typeof globalThis”上不存在属性
引起报错的语句： window.Docs = '' 报错如截图： 新增 types.d.ts 文件，文件内容如下： ``` declare global { interface Window { Doc?: any } } ``` ......
在chrome下css/js等资源加载缓慢20s+或者30s+
## 问题 chrome、edge等浏览器在打开web网站，部分资源加载缓慢，严重影响体验. ## 在转发nginx上请求和响应时间差距很小，都是30s+ ![image](https://img2023.cnblogs.com/blog/790307/202309/790307-202309071 ......
html+css：一个元素多个类，来抽取相同的属性
如下的图像 其三个box的高度是相同的，且具有浮动元素，因此可以作为一个类来把其属性都放在一起 这种合并其实不难理解，但是我们在整体的代码设计中很难考虑这一点，这个一定要记住！！ .child{ height: 200px; float: left; } <div class="box"> <div ......
流程全局引入外部JS、CSS
全局引入，所有流程 E9如果在代码块里面这样： <script type="text/javascript" src="/js/layui-v2.8.13/layui/layui.js"></script> 是引入不了的。 如果想单独在某个流程引入，如下： ......
html+css：“圣杯布局”的设计案例
一、什么是圣杯布局 圣杯布局：左右两个盒子固定宽度， 中间盒子自适应 二、圣杯布局的设计原则： 我们现在来思考自适应这个问题，其本质就是 left 和 right 覆盖一整个大的center， 然后center使用padding把内容左右留出left和right相应的宽度。 可是，现在如何来覆盖呢？ ......
跑马灯(文字和图片轮播)效果纯css实现
1. 文字和图片连续轮播 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>文字和图片连续轮播</title> <style> * { margin: 0; padding: 0; } body{ text-align: cent ......
flex-directionrow：横向从左到右排列（左对齐），默认的排列方式 属性 从左到右的属性
flex-directionrow：横向从左到右排列（左对齐），默认的排列方式 属性 从左到右的属性 <div id="zy" style="display: flex; justify-content: center; flex-direction: row;"> div1 div2 div3 < ......