优先级 继承性css特性
css 禁止用户选择字体
.className{ -moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit浏览器*/ -ms-user-select: none; /*IE10*/ -khtml-user-select: none; /*早期浏览器* ......
CSS设置一个梯形
1、图形 2、代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> .d{ width:0px; height:100px; border-left:25px solid; border-top ......
弹性布局 flex 的公共的css文件
/* 弹性布局 */ .flex{ display:flex; } .flex1{ flex:1; } .flex-column { flex-direction: column; } .justify-start { justify-content: flex-start; } .justify- ......
巧妙使用Vue.extend继承组件实现el-table双击可编辑(不使用v-if和v-else)
问题描述 有一个简单的表格,产品要求实现双击可编辑 看了一下网上的帖子,大多数都是搞两部分dom,一块是输入框,用于编辑状态填写;另一块是普通标签,用于在不编辑显示状态下呈现单元格文字内容。再加上一个flag标识搭配v-if和v-else去控制编辑状态、还是显示状态。大致代码如下: <el-tabl ......
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=" ......
图(树)的广度优先遍历bfs
图的广度优先遍历 广度优先遍历,就是在遍历时优先考虑遍历的广度,不像深度优先那样一条路径遍历到底,而是一层一层的遍历。 由于广度优先是一层一层节点的遍历,在图的边权值都为1的情况下,若我们要求出节点a到节点b的最短路,就可以以a为源点(source)进行广搜,当a第一次搜到b时,其路径一定最短。因为 ......
图(树)的深度优先遍历dfs
图的深度优先遍历 深度优先,即对于一个图或者树来说,在遍历时优先考虑图或者树的单一路径的深度。示意图如下 即深度优先搜索的核心就是对一个路径一直向下搜索,当搜索到头时就回溯到前一状态再寻找别的路 深搜问题一般有两种情况,一种是搜索时元素只能用有限次,这需要我们定义一个全局标记数组来对已经使用的数字进 ......
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; /* ......
继承--类中加载顺序
1.题目介绍 关于类中加载顺序的说法,以下说法正确的有(A,B,D) A.父类中的静态代码块先于子类中的静态代码块 B.父类中的构造方法先于子类中的构造方法 C.子类中的非静态代码块会执行,而父类不会 D.子类中的构造块先于子类中的构造方法 2.题解 参考链接:Java代码块与构造方法执行顺序 静态 ......
css文本换行设置
文本换行设置 word-wrap word-wrap:normal | break-word; normal:默认值,当一行剩余空间无法容纳下一个字(英文是指单词)时,会换行 break-word:针对英文的文本,这个值可以让一个单词拆分开来换行。 word-break word-break:nor ......
go的封装、继承与多态的使用
目录一、封装1.1 公有封装1.2 私有封装1.2.1 工厂函数解析1.2.2 &与*指针使用描述1.3 深度封装二、继承与多态2.1 继承与多态案例2.1.1 继承代码分析2.1.2 结构体实例化2.1.3 多态代码分析 一、封装 在Go语言中,封装是一种将数据和操作数据的方法组织在一起的概念 ......
JS+CSS多行文本显示“更多”
本代码展示最多显示3行,每行行高16px,3行总高48px,4行总高64px 当文本行数大于3行,显示“更多” CSS: #CourseDesc { margin-top: 5px; font-size: 12px; position: relative; max-height: 48px; lin ......
运算符的优先级
1、小括号 () 2、一元运算符 ++ -- ! 3、算数运算符 先* / % 后 + - 4、关系运算符 > >= < <= 5、相等运算符 == != !== 6、逻辑运算符 先&& 后 || 7、赋值运算符 = 8、逗号运算符 , ......
15.高阶定位-CSS 定位与原生定位
目录 原生定位 css selector 定位 原生定位 官网地址 元素属性定位 组合定位 # ID 定位 driver.find_element_by_android_uiautomator('\ new UiSelector().resourceId("<element-ID>")') # 组合 ......
Python中强大的动态类型特性,以方法调用为例
在研究大佬的项目时,从一行行代码溯源,拨茧抽丝的过程中,发现了方法调用的“神奇之处” 具体情况如下: 1. 在类Trainer中名为run等方法中有加载预训练好的模型的load方法 2. load()方法依旧是类方法中的一个,在load方法中有具体的load_self()方法 3. load_sel ......
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 按钮,完 ......
【CF1661B】Getting Zero(广度优先搜索)
题目大意: 每次操作可以把\(v\)变成\((v+1)\mod 32768\)或\((2\times v)\mod 32768\),求\(v\)变成\(0\)最少需要操作几次。 \(v\)等于\(0\)时答案为\(0\),我们将\(0\)标记,然后让\(0\)入队。 然后不断进行以下操作,直到队列为 ......
如何在 ASP.NET Core 中使用 Route 特性
ASP.NET Core 中的 Route 中间件的职责在于将 request 匹配到各自 Route 处理程序上,Route 分两种:基于约定 和 基本特性 模式。 基于约定 模式的Route采用集中化的方式,而 基于特性 的方式允许你在 Action 或者 Controller 上单独定义,到底 ......
CSS 文字渐变
/实现文字颜色从红到黄的线性渐变效果/ .text { background: linear-gradient(to right, #ff0000, #ffff00); /*设置渐变的方向从左到右 颜色从ff0000到ffff00*/ -webkit-background-clip: text;/* ......
专业、便捷的跨网文件摆渡产品,需要具备哪些功能特性?
为了确保内部核心资产的安全性,很多企业和机构都会选择将网络进行隔离划分,比如内外网隔离,办公网、研发网隔离等。但网络隔离后,在日常工作中,仍存在用户需求把文件数据从内网到外网,从办公网到研发网终端的文件摆渡业务需求。 很多企业都会使用一些传输工具和方式,进行文件摆渡传输。主流的几种方式如下: 1、双 ......
css3
目录CSS介绍CSS 语法规范css代码风格样式格式书写紧凑格式展开格式样式大小写小写格式(推荐)大写格式样式空格风格css选择器的作用css基础选择器选择器分类标签选择器作用优缺点类选择器语法规范多类名选择器多类名使用方式多类名开发中使用场景id 选择器id 选择器和类选择器的区别通配符选择器基础 ......
C# 10 完整特性介绍
C# 10 完整特性介绍 hez2010 coreclr contributor 关注他 你经常看 C# 话题的内容 前言 距离上次介绍 C# 10 的特性已经有一段时间了,伴随着 .NET 6 的开发进入尾声,C# 10 最终的特性也终于敲定了。总的来说 C# 10 的更新内容很多,并且对类型系 ......
42道CSS高频题整理(附答案背诵版)
1、简述CSS3选择器优先级及计算? CSS的选择器优先级是一个相对复杂的概念,它规定了在一组样式冲突时,哪些样式将被浏览器采纳。选择器优先级是通过一个四位的值来计算的,形式为:[内联样式, ID选择器, 类选择器/属性选择器/伪类, 元素选择器/伪元素]。这四个等级的优先级从左到右递减,左边的优先 ......