属性 动画css3 css
CSS !important 规则不被其他样式覆盖
CSS !important 规则 CSS 中的 !important 规则用于增加样式的权重。 !important 与优先级无关，但它与最终的结果直接相关，使用一个 !important 规则时，此声明将覆盖任何其他声明。 #myid { background-color: blue; } .m ......
vue--计算属性
在 Vue.js 中，计算属性（Computed Property）是一种特殊的属性，它基于现有的数据计算出一个新的值，并且会根据其依赖的数据进行自动更新。计算属性主要用于将复杂的逻辑和变量计算封装为属性，以便在模板中直接使用。以下是使用计算属性的一般步骤： 1.在 Vue 实例的 computed ......
提取对象属性，返回一个新对象
/** * 提取对象中的指定的属性，返回一个新对象 */ function pickProps(obj, props) { if (typeof obj !== 'object') { return obj; } const newObj = {}; props.forEach((prop) => ......
在CSS中创建一个遮罩层并阻止点击穿透的常见方案
使用 position: fixed 和 z-index：创建一个具有全屏尺寸的 <div> 元素，并将其设置为 position: fixed，top: 0，left: 0，width: 100%，height: 100%，然后使用 z-index 将其放在其他元素之上。通过设置透明度、背景颜色或 ......
可被用来过渡的属性
// 可被用来过渡的background-color background-position border-color border-width border-spacing bottom color font-size font-weight height left letter-spacing ......
动画总结
animation-name: myanimation; // 动画名字，指定关键帧的名字。 animation-duration: 4s; // 动画持续时间，间接控制速率，越长越慢！ animation-iteration-count: infinite; // 重复次数，可以填数字也可以填in ......
关键帧与动画
HTML部分 <body> <div class="box"></div> </body> css部分 // 设置背景颜色 body { background: #333; } .box { background: #fff; // 设置显眼的颜色 width: 200px; // 固定宽，为了看的 ......
CSS基础知识（未完待续）
前言：从本篇开始记录css的一些基础知识，但不会涉及css3，以后会单独学习记录。 # 1 .CSS简介 html只关注了内容的语义，但并没有注意具体布局的美化以及样式，如果用html去设置的话，就会显得十分臃 肿，这时候就需要css来进行设置了。 CSS是层叠样式表的简称，有时候我们也会称之为cs ......
119子类依旧使用父类的属性和方法
class Phone: IMEI=2020001 producer="apple" def call_by_4g(self): print("4g通话") class MyPhone2(Phone): IMEI = 2023001 producer = "banana" def call_by_4 ......
多继承 当父类有重名的属性时 ，嫡长子（最左边的类中的属性）存在
class Phone: IMEI=2020001 producer="apple" def call_by_4g(self): print("4g通话") class NFCReader: nfc_type="第五代" producer="apple" def read_card(self): p ......
Vue（十）：监视属性——watch
1.监视属性的基本用法 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>天气案例-监视属性</title> <script type="text/javascript" src="../js/vue.js"></script> ......
CSS基础
> 即 Cascading Style Sheets，它描述了网页的表现与展示效果 ### 1) 选择器 * type 选择器 - 根据标签名进行匹配（元素选择器） * class 选择器 - 根据元素的 class 属性进行匹配 * id 选择器 - 根据元素的 id 属性进行匹配 ### 2) ......
私有方法和属性被共有方法调用
class Phone: __current_voltage=3 #当前手机运行的电压 def __keep_single_core(self):#让手机单核运行的方法 print("让CPU以单核模式运行") def call_by_5g(self):#定义一个共有的方法 调用私有的方法和属性 i ......
vue（五）CSS样式添加
Vue 具有三种样式化应用程序的方法： 外部 CSS 文件。 单文件组件（.vue 文件）中的全局样式。 单文件组件中组件范围的样式。 外部CSS 导入外部CSS文件 import "./assets/reset.css"; 单组件全局样式 <style> /* 全局样式 */ .btn { pad ......
css动态生成多个class样式
在纯CSS中，无法动态生成多个类样式。CSS是一种静态样式表语言，它主要用于描述网页上元素的外观和布局，而不能在运行时动态生成类样式。 然而，你可以通过使用CSS预处理器（如Sass、Less等）或CSS-in-JS工具（如Styled Components、Emotion等）来在一定程度上实现动态 ......
Vue3 之 computed 计算属性的使用与源码分析详细注释
[toc] # 计算属性的基本用法 computed 一般有两种常见的用法: 一：传入一个对象，内部有 set 和 get 方法，属于`ComputedOptions`形式。在内部会有`getter / setter`两个变量来进行保存. ```ts const age = ref(18); con ......
Flex布局常用属性详解
1. Flex布局与响应式布局 1.1 为什么需要响应式布局？ 在电脑PC端，使用浮动，定位同时使用像素px单位就可以完成大部分布局，而且布局完之后不会有大问题，但是到了移动端，移动设备的屏幕尺寸多种多样，从小屏幕的智能手机到大屏幕的平板电脑，甚至是可穿戴设备，简单地运用和PC端一样的方式就会出现一 ......
第八节 CSS高级
# day08-CSS高级 > 目标：掌握定位的作用及特点；掌握 CSS 高级技巧 ## 01-定位 作用：灵活的改变盒子在网页中的位置 实现： 1.定位模式：position 2.边偏移：设置盒子的位置 * left * right * top * bottom ### 相对定位 **positi ......
WINUI ListBox中的CheckBox绑定ViberModel中属性
下述代码中 ElementName=BtnBatch 中的BtnBatch 是非Listbox中的控件，是一个能正常绑定ViewModel中属性的控件名；如此即能解决在ListBox中的DataTemplate不能直接绑定后端一些属性的问题（当然这不是temSource绑定定的属性）。 <Items ......
CSS|动画与效果
## 一. 过渡 ### 1 什么是过渡 过渡可以为一个元素在不同状态之间切换的时候定义不同的过渡效果 ### 2 应用场景 当鼠标hover的时候, 有一个明显的突出效果, 但是又不会显得特别生硬 ![transition.gif](https://img2023.cnblogs.com/blog ......
[css]选择器，匹配以某个字符开头或结尾
1. ``` div[class$="-btn"]:active{ opacity:.8 } ``` 可匹配到div,class为“-btn”结尾的元素 2. ``` div:[id^="item-"]{ color:red } ``` 可匹配到div,id为“item-”开头的元素 ......
[CSS 3] Container query
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_container_queries .container { container: article / inline-size; } h2 { font-size: 7cqw; } @conta ......
[CSS 3] margin-trim
The margin-trim property allows the container to trim the margins of its children where they adjoin the container's edges. https://developer.mozilla.o ......
[CSS 3] :has selector
html: <div class="post"> <h2>Post</h2> <a href="#"> a link</a> </div> <div class="post"> <h2>Post</h2> </div> <div class="post"> <a href="#"> a link</ ......
HTML&CSS
HTML HTML 是一门语言，所有的网页都是用HTML 这门语言编写出来的HTML(HyperText Markup Language)：超文本标记语言 超文本：超越了文本的限制，比普通文本更强大。除了文字信息，还可以定义图片、音频、视频等内容 标记语言：由标签构成的语言HTML 运行在浏览器上， ......
进程概念、进程的并发和并行、同步异步阻塞非阻塞、开启进程Process类，属性，方法、如何开启多进程、进程锁、进程间的通信（IPC机制）
## 进程概念 ```python # 进程、线程都是操作系统中的基本概念，也就是说进程和线程都是操作系统层面的东西，专业术语表达就是进程和线程的使用都是有操作系统来调度的. 而不时有我们程序员自己来操控的 在操作系统这门课里面，进程和线程是操作系统的概念，协程不是操作系统中的概念，而是我们程序员层 ......
Jquery操作元素的属性和css
<button id="problem_chart_search" type="confirm" style="margin: 0 3em;color: #fff;font-size:.75em;padding: 2px 10px;">搜索</button> //1、改属性 $('#problem_ ......
WPF 在MVVM模式下应用动画
一个简单的需求：当程序发生异常时候，在界面上动画显示异常信息。 这个需求看似简单，只需要try……catch到异常，然后把异常的信息写入界面就OK了。 但在MVVM时，就不是这么简单了。MVVM模式下，追求前后端的分离。然后catch到的异常，也只能在后台代码中。如果传递到前台呢？ 这自然就想到了B ......
Wpf Grid 控件常用属性
Grid的网格布局控件，使用网格布局时候需要先确定行数列数。 Grid.RowDefinitions 设置行 <Grid> <Grid.RowDefinitions> <RowDefinition Height="45"/> <RowDefinition /> <RowDefinition Heig ......
Visual Studio2019 BackgoroundImageLayout属性
BackgroundImageLayout属性值 背景图片重复：BackgroundImageLayout属性设置为Tile(默认) 背景图片左边显示：BackgroundImageLayout属性设置为None 背景图片右边显示：BackgroundImageLayout属性设置为None，同时 ......