水平 案例css
【css】反向圆角，效果类似于谷歌浏览器的tab
<nav> <div :class="{ 'menu-item': true, 'activity': index == selectMenuIndex }" v-for="(menuInfo,index) in menuList" :key="index" @click="handelMenuCl ......
css值参
<div :style="{'--heiaght':headerHeight +'px' }"></div> div{ height:var(--heiaght) } 即可 ......
唐山港22台无人水平运输设备常态化运营并通过技术评审
经纬恒润参与建设的京唐港区集装箱码头智能化改造项目进展顺利。现已交付的22台重载自动驾驶平板车（HAV）及配套的运营管理系统（OMS）已实现常态化运营。 ......
关于CSS3的学习
CSS的普通选择器：标签选择器、id选择器、类选择器、通用选择器(*)、分组选择器(将具有相同样式的元素放在一起，之间用","分隔)。注：类名和id名不能以数字开头。 rgba是rgb颜色的扩展，前三个值为三原色和rgb一致，第四个值是设置透明度的，1为完全不透明，0是完全透明为白色。hex颜色是用 ......
通用串口modbus转PROFIBUS DP网关PM-160在汽车行业的应用案例
通用串口modbus转PROFIBUS DP网关PM-160在汽车行业的应用案例摘要:PM-160 是泗博公司生产的，可以实现串口与 PROFIBUS DP 协议数据通信的网关。此案例讲述的是通过 PM-160 网关，成功将梅特勒-托利多电子秤上的自定义协议数据传递给西门子 PLC 的应用案例说明。 ......
Css
CSS CSS样式规则 使用HTML时，需要遵从一定的规范。CSS亦如此，要想熟练地使用CSS对网页进行修饰，首先需要了解CSS样式规则，具体格式如下： 在上面的样式规则中: 1.选择器用于指定CSS样式作用的HTML对象，花括号内是对该对象设置的具体样式。 2.属性和属性值以“键值对”的形式出现。 ......
CSS-position 定位
1.介绍 css定位属性允许对元素进行定位改变其在页面的位置。 css有三种基本定位机制：普通流、浮动和绝对定位。 普通流的元素的位置由元素在html中的位置决定。 2.定位属性 设置偏移量：left、right、top、bottom（左、右、上、下） 3.定位方式 ①静态定位(static)：(很 ......
直播平台制作，css之如何清除浮动
直播平台制作，css之如何清除浮动 <style type="text/css"> li { list-style: none; height: 100px; width: 100px; float: left; background: red; margin-left: 20px; } .fath ......
Promise.all并行请求案例
if (dealFileList.value && topicFileList.value && accountFileList.value) { state.btnLoading = true; const [res01, res02, res03] = await Promise.all([ h ......
Modbus 转PROFIBUS DP网关在工厂自动温度控制系统中的应用案例
Modbus 转PROFIBUS DP 网关PM-160在工厂自动温度控制系统中的应用案例摘要随着科技的发展和工业生产水平的提高，自动温度控制系统在纺织、化工、机械等各类工业控制过程中得到了广泛的应用。车间的温度是生产工艺的一项重要指标，温度控制的好坏将直接影响产品的质量。因此自动温度控制系统的应用 ......
css选择
类型选择器 类型指 h1 ,p,a这类 h1{ color：red; } 全局选择器以 *开头 类选择器 .highlight { background-color: yellow;} <h1 class="highlight">Class selectors</h1> 指向特定元素类 span.h ......
css基本
css被称为样式语言 本人理解 html 如是房子css 即是装修 p{ color: red; width: 500px; border: 1px solid black; } p整个结构称为规则 p->为选择器 选择多个元素 p, h1{ color: red; } <link href=pat ......
css伪类选择器
点击查看代码 :nth-child(){},用来选择父元素下的第n个子元素。 注意：:nth-child(){}是根据父元素下所有子元素进行排序 :nth-child(2n){}，选中父元素下偶数行的子元素。 :nth-child(2n+1){}，选中父元素下奇数行的子元素。 :nth-child( ......
CSS多行文本溢出显示省略号
## WebKit内核浏览器解决办法 > -webkit-line-clamp是用来限制在一个块元素显示的文本的行数 , display: -webkit-box 将对象作为弹性伸缩盒子模型显示； -webkit-box-orient 设置或检索伸缩盒对象的子元素的排列方式； text-overfl ......
css 发光文字
.textBox { font-family: "Microsoft YaHei"; font-size: 28px; font-weight: bold; white-space: nowrap; line-height: 40px; background: linear-gradient( 30 ......
css--rem/em
rem： rem单位，是相对单位 rem单位是相对于HTML标签的字号计算结果 1rem = 1HTML字号大小 rem - flexible.js： flexible.js是手淘开发出的一个用来适配移动端的js库。 核心原理就是根据不同的视口宽度给网页中html根节点设置不同的font-size。 ......
HTML+CSS+Javascript+Vue
Table of Contents I. HTML II. CSS Get Started I. HTML 按tab自动生成 Label Meaning Properties div 块状元素 span 行间元素 h1 - h6 标题 i icon图标 strong 字体加粗 a 超链接 img 插 ......
CSS杂记
.bigClass { margin: 200px auto; 保证金：200 px自动; width: 500px; 宽度：500 px; height: 500px; 高度：500 px; background-color: yellow; 背景颜色：黄色; display: flex; 显示： ......
CSS
后代选择器 ul li { /* 后代选择器,包括孙子li,重孙子li都会生效 */ } //子代选择器 ul>li{ /* 子代选择器，只有下层li生效，下下层以后的是不生效的 } 相邻选择器 ul+li{l + li { /* 相邻选择器的第一个兄弟元素,只能向下选择 ,相邻的上面的是不生效的* ......
azkaban 提交任务编写案例(flow 2.0)
config: #导出数据任务 user.to.proxy: foo day: $(new("org.joda.time.DateTime").minusDays(1).toString("yyyyMMdd")) jarPATH: ${working.dir}/jars/algorithm-fram ......
线上ES集群参数配置引起的业务异常案例分析
作者：vivo 互联网数据库团队- Liu Huang 本文介绍了一次排查Elasticsearch node_concurrent_recoveries 引发的性能问题的过程。 一、故障描述 1.1 故障现象 1. 业务反馈 业务部分读请求抛出请求超时的错误。 2. 故障定位信息获取 故障开始时间 ......
DEVICENET 从站转 MODBUS-TCP 网关操作案例
兴达易控DEVICENET 从站转 MODBUS-TCP 网关（XD-ETHDE20） 是一款 DEVICENET 从站功能的通讯网关。该产品主要功能是将 DEVICENET 总线和 MODBUS-TCP 网络连接起来。
兴达易控DEVICENET 从站转 MODBUS-TCP 网关连接到 DEV... ......
记录一次 postgresql 优化案例（ 嵌套循环改HASH JOIN ）
今天同事给我一条5秒的SQL看看能不能优化。 表数据量： select count(1) from AAAA union all select count(1) from XXXXX; count 1000001 998000 (2 rows) 原始SQL： SELECT A1.PK_DEPT, A ......
西门子1200PLC字符串拼接案例
案例需求： 1、输入一段字符串使用逗号分割 2、将输入的字符串在分割开头插入指定字符，如“W” 3、重新输出添加的字符 实现步骤： 1、了解指令 2、创建DB块 3、编写逻辑代码 使用SCL //插入内容 "data".插入内容1 := CHAR_TO_STRING(IN := 'W'); "dat ......
FineBI分析案例(三)
组件交互 钻取：在实际使用仪表板时，往往会先通过统计图表从宏观层面把握业务问题所在，再通过一个页面内的钻取联动逐级向下钻取，直到明细数据，定位到具体的问题 跳转：实现从一个仪表板跳转到另一个仪表板（或另一个网页），也可以设置过滤字段，在跳转的同时进行过滤 联动：指当组件之间含有逻辑关系时，实现点击一 ......
FineBI分析案例(二)
使用技巧 点击查看详情 查看不同维度的结果 例如查看不同省份的所有城市的销售额，拖动字段到[维度]和[指标] 点击前面的"+"号展开，或者点击[组件样式]，展开行表头节点 ......
Keepalived+Nginx高可用案例（抢占式与非抢占式）
（1）下载安装Keepalived源码包 Keepalived官网源码包下载地址 在服务器上解压 tar -xf keepalived-2.2.8.tar.gz 安装相关前置依赖 yum -y install gcc gcc-c++ 使用configure工具进行安装 ./configure --s ......