规则layer css
使用代码生成工具快速开发应用-结合后端Web API提供接口和前端页面快速生成，实现通用的业务编码规则管理
在前面随笔《在Winform应用中增加通用的业务编码规则生成》，我介绍了基于Winform和WPF的一个通用的业务编码规则的管理功能，本篇随笔介绍基于后端Web API接口，实现快速的Vue3+ElementPlus前端界面的开发整合，同样是基于代码生成工具实现快速的前端代码的生成处理。 ......
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=" ......
英语词根规则
那段时间背单词总结出来的词根记忆一种规则: 比如: doctor document paradox 这些需要一个词根doc那就是写的意思. 电脑文档*.doc就是文档. 他怎么来的. 我认为一种方法就是单词缩写变成词根. 缩写的方法之一就是前缀document 只取前3个字幕就是这个词根了. 然后c ......
风控规则引擎构建及挑战
引言 如果决策引擎是风控的大脑，那么规则引擎则是大脑内的重要构成，其编排了各种对抗黑产的规则，是多年对抗黑产的专家经验的累计，本文将向你介绍规则引擎的构成及实现。 背景 什么是规则引擎？ 规则引擎可以帮助企业将业务决策从应用程序代码中分离出来，并使用预定义的语义模块编写业务规则。这使得企业可以更灵活 ......
不规则多边形打马赛克
import cv2 import numpy as np 读取原始图像 image = cv2.imread('original_image.jpg') 创建一个与原始图像大小相同的空白图像 mask = np.zeros_like(image) 定义不规则多边形的顶点坐标 vertices = ......
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 ......
Jackson给给指定类设置序列化规则
背景 业务中需要对返回给APP端的数据进行特殊处理，包括： null值转换成空字符串 日期（LocalDateTime）类型转换成时间戳 金额根据用户Locale做格式化 需要保证不影响内部其他服务的互相调用，因此让所有返回给APP的VO对象实现自定义的Vo接口，然后指定对Vo接口的类进行对应的转换 ......
可视化学习：CSS transform与仿射变换
在几年前，我就在一些博客中看到关于CSS中transform的分析，讲到它与线性代数中矩阵的关系，但当时由于使用transform比较少，再加上我毕竟是个数学学渣，对数学有点畏难心理，就有点看不下去，所以只是随便扫了两眼，就没有再继续了解了。现在在学习可视化，又遇到了这个点，又说到这是可视化的基础知... ......
ubuntu 18.04.6 编译Preloader提示 没有规则可制作目标 /host_tools/altera/preloader/uboot-socfpga.tar.gz
生成spl_bsp后，在spl_bsp路径下输入make 提示：没有规则可制作目标 /host_tools/altera/preloader/uboot-socfpga.tar.gz 原来要先运行 ./embedded command shell.sh， 并在该窗口下 输入make ......
css垂直居中
word-wrap: break-word; /*英文的时候需要加上这句，自动换行*/ /*自测了这句话没啥用*/ writing-mode: vertical-rl; /*从左向右 从右向左是 writing-mode: vertical-rl;*/ writing-mode: tb-rl; /* ......
css文本换行设置
文本换行设置 word-wrap word-wrap:normal | break-word; normal：默认值，当一行剩余空间无法容纳下一个字（英文是指单词）时，会换行 break-word：针对英文的文本，这个值可以让一个单词拆分开来换行。 word-break word-break:nor ......
搭建风控规则引擎
作者：是咕咕鸡 链接：https://www.zhihu.com/question/65314241/answer/2707684336 来源：知乎 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 引言互联网时代，万物互联，网络安全形势越来越严峻，安全是企业的基石，风控在企业中 ......
MySQL InnoDB加锁规则分析
1. 基础知识回顾 1、索引的有序性，索引本身就是有序的 2、InnoDB中间隙锁的唯一目的是防止其他事务插入间隙。间隙锁可以共存。一个事务取得的间隙锁并不会阻止另一个事务取得同一间隙上的间隙锁。共享和独占间隔锁之间没有区别。它们彼此之间不冲突，并且执行相同的功能。 3、MySQL默认隔离级别是 R ......
JS+CSS多行文本显示“更多”
本代码展示最多显示3行，每行行高16px，3行总高48px，4行总高64px 当文本行数大于3行，显示“更多” CSS： #CourseDesc { margin-top: 5px; font-size: 12px; position: relative; max-height: 48px; lin ......
mysql数据库字符集utf8mb4和排序规则utf8mb4_bin
一、存储字符集 utf8 和 utf8mb41、utf8utf8 是 Mysql 中的一种字符集，只支持最长三个字节的 UTF-8 字符，也就是 Unicode 中的基本多文本平面2、utf8mb4要在 Mysql 中保存 4 字节长度的 UTF-8 字符，需要使用 utf8mb4 字符集，但只有 ......
15.高阶定位-CSS 定位与原生定位
目录 原生定位 css selector 定位 原生定位 官网地址 元素属性定位 组合定位 # ID 定位 driver.find_element_by_android_uiautomator('\ new UiSelector().resourceId("<element-ID>")') # 组合 ......
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 按钮，完 ......
CSS 文字渐变
/实现文字颜色从红到黄的线性渐变效果/ .text { background: linear-gradient(to right, #ff0000, #ffff00); /*设置渐变的方向从左到右 颜色从ff0000到ffff00*/ -webkit-background-clip: text;/* ......
模拟体育竞技分析之采用排球比赛规则
（1）模拟体育竞技分析：（不同学号选做不同题目，必做题） b.采用排球比赛规则（学号尾号为4,5,6同学必做及格题）。赛制规定： ......
css3
目录CSS介绍CSS 语法规范css代码风格样式格式书写紧凑格式展开格式样式大小写小写格式（推荐）大写格式样式空格风格css选择器的作用css基础选择器选择器分类标签选择器作用优缺点类选择器语法规范多类名选择器多类名使用方式多类名开发中使用场景id 选择器id 选择器和类选择器的区别通配符选择器基础 ......
TLSv1 Record Layer: Alert (Level: Fatal, Description: Handshake Failure)
tls握手，客户端发送clien hello后就收到服务器端回的失败，抓包如下： 解决方案： 本以为是ssl::context参数的设置原因，各种尝试，花了我两天时间，还ao了两个大夜。最终定位到具然是SNI设置的不对。 查了一下SNI的作用，才上慌然大悟，这个参数要设置成访问目标服务器的域名。 不 ......
42道CSS高频题整理(附答案背诵版)
1、简述CSS3选择器优先级及计算？ CSS的选择器优先级是一个相对复杂的概念，它规定了在一组样式冲突时，哪些样式将被浏览器采纳。选择器优先级是通过一个四位的值来计算的，形式为：[内联样式, ID选择器, 类选择器/属性选择器/伪类, 元素选择器/伪元素]。这四个等级的优先级从左到右递减，左边的优先 ......
css渐变背景，linear-gradient()线性渐变和radial-gradient()径向渐变
1.简单的线性渐变 .layout{ width: 100%; min-height: 100vh; background: linear-gradient(#FFE8E9,rgba(0,0,0,0) 200px); } 2.层叠多层的渐变（左右+上下+背景图） .layout{ width: 10 ......
CSS transition属性
在给定的transition属性中，有三个参数：过渡属性、过渡时间和过渡速度曲线。 过渡属性：all 表示对元素的所有属性进行过渡动画，包括宽度、高度、颜色、位置等。你也可以指定单个属性进行过渡，例如 opacity，表示只对透明度进行过渡动画。 过渡时间：0.3s 表示过渡的持续时间，单位为秒。这 ......