属性 动画css3 css
SVG动画
一、下载SVG 网站：https://undraw.co/ 点击“browse now” 点击“search” 点击第一个 点击“Download SVG for your projects” 对代码进行格式化 将代码拷贝到vs code中，用快捷键“Shift+Alt+F”进行格式化，格式化之后如 ......
WPF中通过附加属性实现任意控件拖动调整大小
public class ResizeBehavior { // 附加属性用于标识控件是否可调整大小 public static readonly DependencyProperty IsResizableProperty = DependencyProperty.RegisterAttached ......
Windows, Mac, Linux 上修改文件【修改时间】属性的方法（命令行方法）
某些公司比较恶心，忘记打卡要补卡时需要提供工作记录，以证明你在下班时间点后还在公司的记录，一般是参考电脑文件属性里的【修改时间】。 有时并不能找到带有合适修改时间的文件，毕竟，正经人谁下班之后还工作啊！ 这时，可以使用命令行修改【修改时间】这个属性。 Windows上打开CMD，Mac/Linux上 ......
css中的::after和::before
先来看一个::before和::after的例子，给一个元素的前后再不添加新的元素的时候增加内容： <view class="info-before">测试before和after</view> .info-before { font-weight: bold; margin: 30px; } .i ......
使用css绘制箭头
使用css也能直接写出箭头符号，这样不用都使用图片能减少打包的大小。下面是一些常用箭头的css写法： // 向上的箭头 <view class="button-up"></view> // css的内容 .button-up { position: relative; padding: 5px; m ......
使用js和css实现选项卡切换
HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel=" ......
属性拷贝忽略某些字段
在更新数据时，如果使用的是UUID随机生成id，在属性拷贝后id就会和数据库中的该条数据的id不一致，导致更新失败并且新增一条除了id字段其他字段都相同的一条数据，这时就可以使用忽略某些字段的方法进行属性拷贝，比如在拷贝时忽略id，这样就只是将除了id之外的其他所有字段进行拷贝从而进行正常更新。 方 ......
Qt在ui界面设置组件样式，styleSheet属性
QGroupBox { border: 3px solid red; border-radius: 15px; } QGroupBox#groupBoxBtns { border: 3px solid green; border-radius: 5px ; } QPushButton { borde ......
CSS隐藏滚动条
code <style> /* 隐藏标准的滚动条 */ html::-webkit-scrollbar { width: 0; } body::-webkit-scrollbar { width: 0; } /* 隐藏 IE 和 Edge 浏览器的滚动条 */ ::-ms-scrollbar { w ......
CSS设置div高度自动全屏
对body和html都设置高度100% html,body { height: 100%; width: 100%; margin: 0 0 0 0; padding: 0 0 0 0; position: relative; } 然后再对div设置100% #app { height: 100%; ......
纯css展示loading加载动画
https://uiverse.io/barisdogansutcu/light-rat-32 <svg viewBox="25 25 50 50"> <circle r="20" cy="50" cx="50"></circle> </svg> svg { width: 3.25em; trans ......
可视化学习：CSS transform与仿射变换
在几年前，我就在一些博客中看到关于CSS中transform的分析，讲到它与线性代数中矩阵的关系，但当时由于使用transform比较少，再加上我毕竟是个数学学渣，对数学有点畏难心理，就有点看不下去，所以只是随便扫了两眼，就没有再继续了解了。现在在学习可视化，又遇到了这个点，又说到这是可视化的基础知... ......
css垂直居中
word-wrap: break-word; /*英文的时候需要加上这句，自动换行*/ /*自测了这句话没啥用*/ writing-mode: vertical-rl; /*从左向右 从右向左是 writing-mode: vertical-rl;*/ writing-mode: tb-rl; /* ......
Java序列化和反序列化 Serializable BeanUtils.copyProperties赋值属性方法
Java序列化和反序列化 Serializable BeanUtils.copyProperties赋值属性方法 package com.example.core.mydemo.java; import com.example.core.mydemo.json2.GsonUtils; import ......
css文本换行设置
文本换行设置 word-wrap word-wrap:normal | break-word; normal：默认值，当一行剩余空间无法容纳下一个字（英文是指单词）时，会换行 break-word：针对英文的文本，这个值可以让一个单词拆分开来换行。 word-break word-break:nor ......
【代码块】-winform 获取控件属性和事件、自定义控件的自定义方法
整理代码块 代码块整理后存储，供后期使用 C# 获取属性，获取事件逻辑 Control control = Controls.Find("button1", true)[0]; // 获取属性 object o = control.GetType().GetProperty("PropertyNam ......
数组属性和方法
什么叫数组？在 JavaScript 中，数组不是基本类型，而是具有以下核心特征的 Array 对象： JavaScript 数组是可调整大小的，并且可以包含不同的数据类型。（当不需要这些特征时，可以使用类型化数组。）JavaScript 数组不是关联数组，因此，不能使用任意字符串作为索引访问数组元 ......
在线程或子程中改UI属性
1、在线程中改UI TThread.Synchronize(Nil,procedure begin Form1.Label12.Caption:='共'+IntToStr(zs)+'张图片，正在处理第'+IntToStr(i)+'张'; end); 2、在子程中改UI Application.Que ......
外甥女爱看的动画片
2012年。根据查询《精灵梦叶罗丽》动画片简介得知，该动画已经播出8个季度动画，第一部精灵梦叶罗丽是在2012年正式出品的。《精灵梦叶罗丽》是国产3D动画，该片主要讲述了叶罗丽仙境里的女王曼多拉，因为人类大肆的破坏自然环境，威胁到了仙境的存亡与仙子的安危，曼多拉决定入侵统治人类世界。 《斗罗大陆》是 ......
Unity引擎2D游戏开发，三段攻击动画的实现
新建三段动画的Animation 将Project中的三段攻击动画的素材，拖入到Animation窗口，分别命名为BlueAttack1，BlueAttack2，BlueAttack3 在Animator中创建动画图层并进行进一步的操作 创建新的动画图层，命名为Attack Layer 在窗口中创建 ......
C++一些新属性以及简单的使用例子
（1）线程执行处理器调度的基本单位。程序执行过程中的最小单元，由线程ID、程序计数器、寄存器集合和堆栈共同组成。（2）进程 资源分配的基本单位，也可能作为调度运行的单位。进程就是一个程序在一个数据集上的一次动态执行过程。进程一般由程序、数据集、进程控制块三部分组成。我们编写的程序用来描述进程要完成哪 ......
JS+CSS多行文本显示“更多”
本代码展示最多显示3行，每行行高16px，3行总高48px，4行总高64px 当文本行数大于3行，显示“更多” CSS： #CourseDesc { margin-top: 5px; font-size: 12px; position: relative; max-height: 48px; lin ......
GLTF/GLB模型在线预览、编辑、动画查看以及材质修改
GLTF 编辑器 -NSDT 不仅可以设置3D模型纹理贴图，还可以设置模型的几何原点、以及对有相同材质属性的mesh进行合并，实现模型轻量化，是一款不可多得的实用型在线模型编辑工具。 ......
15.高阶定位-CSS 定位与原生定位
目录 原生定位 css selector 定位 原生定位 官网地址 元素属性定位 组合定位 # ID 定位 driver.find_element_by_android_uiautomator('\ new UiSelector().resourceId("<element-ID>")') # 组合 ......
let a={name:'111',age:222} 如果b是空对象，a中的属性都是空，如果b中的属性是空，a中的属性是空
let a = { name: '111', age: 222 }; let b = {}; // Iterate over the properties of a for (let prop in a) { if (a.hasOwnProperty(prop)) { // Assign an em ......
十六、组件-通用属性-位置设置
位置设置 设置组件对齐方式、布局方向和显示位置。 align：设置元素内容在元素绘制区域内的对齐方式。 direction：设置元素水平方向的布局。 position:基于父容器的定位 markAnchor：相对于自身的定位，x正数代表左移，负数代表右移；y正数代表上移，负数代表下移。 offset ......
字符串属性和方法
一、什么叫字符串？String（字符串）数据类型表示零或多个16位Unicode字符系列 二、字符串的声明？ 使用双引号（""）、单引号（’’）或反引号（`）标示。 三、字符串的属性和方法 1.属性length 使用length属性可以获取字符串的长度 const str = 'abcdefg' s ......
css适配ios状态栏和IOS底部安全区域的样式代码记录
safe-area-inset-left: 安全区域距离左边界的距离safe-area-inset-right: 安全区域距离右边界的距离safe-area-inset-top: 安全区域距离顶部边界的距离safe-area-inset-bottom: 安全区域距离底部边界的距离 css适配ipho ......
微信小程序使用iconfont通过transfonter转化成只有css样式的方式
1. 通过 iconfont 网站选择对应图表加入购物车，然后添加到自己对应项目中，现在至本地。 2. 解压下载到本地的文件 3. 进入 transfonter 后，点击 Add fonts 按钮，将上图中红色框中的文件上传上去，勾选启用 Base64 encode ，点击 Convert 按钮，完 ......
Unity引擎2D游戏开发，受伤和死亡的逻辑和动画
一、创建受伤动画 找到相关受伤的动画素材，然后在Animation窗口创建动画。此处不再赘述。 此时在Animator窗口删除刚才创建的两个动画，因为现在要采用另一种方式创建动画：采用Animator的Layer方式 使用Animator→Layer创建受伤闪烁动画 受伤闪烁动画意为受伤后短暂无敌时 ......