卡片 样式 设备css
css 实现一个选项卡按钮边框弯曲平滑
<View class="tabs" style="display: flex; justify-content: space-between"> <View class="tabs-item" style="width: 50%"> <Button class="tabs-btn" :class= ......
MES喷码机联动:MES实时下发设备生产参数及信息,实现从上层系统控制设备输出
随着工厂数字化的不断转型，设备单机工作已逐渐无法满足工业工厂互联网信息化数字化升级需求，从上层工单拉动设备生产参数的变化以及信息输出已经成为必然趋势。 开发工具：C# WPF 数据库:sqlite3 MES喷码机联动下发工具：1.自动读取文本文件内容发送至喷码机 ，对接上层系统，如mes等。2.可以 ......
如何附加 USB 设备到 WSL（Windows Subsystem Linux） 中
参考：https://learn.microsoft.com/zh-cn/windows/wsl/connect-usb 开源项目：https://github.com/dorssel/usbipd-win # 可以使用命令安装，或下载安装包进行安装，注意安装后需要重启 winget install ......
zb-table自定义行样式
h5开发中要展示个表格，找了一圈感觉zb-table比较合适，就用了这个。但自定义行样式一直找不到文章，网上写的都是el-table的自定义样式，误导了一些时间 看zb-table的源码 cellStyle是写在style里的，是个数组包含了个对象，所以return 的时候要返回一个对象， setC ......
css多行文本省略 line-clamp
css多行文本省略 line-clamp 一行文本内容溢出的省略例子： <div class="container" style="width: 200px;outline: 1px solid red"> <div class="description" style="overflow: hidd ......
前端那些好用的CSS/JS网站
🍀一、渐变神器Gradient 网站地址： Gradient by ShapeFactory | Chromatic Gradient Generator 网站介绍： Gradient是一款网页渐变设计工具，可以帮助用户轻松创建漂亮的渐变颜色样式，并将其应用到网页、APP等设计项目中。 网站示例： ......
CSS基础
【CSS简介、基础选择器、字体属性、文本属性、引入方式】 本文档是个人对 Pink 老师课程的总结归纳及补充，转载请注明出处！ 一、CSS简介 CSS 的主要使用场景就是布局网页，美化页面的。 1.1 HTML的局限性 HTML 只关注内容的语义，虽然 HTML 可以做简单的样式，但是带来的是无尽的 ......
黑马pink css8 高级
精灵图使用核心总结： 字体图标的优点和不足： 利用边框构建三角形： 鼠标样式： 取消表单轮廓线： outline:0 outline:none 禁止更改文本框大小： resize:none 实现图片（行内元素或行内块元素）和文本的垂直居中对齐： vertical-align: middle; 解决图 ......
python word预设样式
通过预设样式，来控制段落文本样式 ，来达到批量调节段落的格式样式。 大纲级别中：1级-9级代表的是标题级别。在word自动生成目录时才能正确生成。请正确设置 docx: doc=Document() doc.styles["Normal"] "Normal"表示正文的样式，[“Heading 2”] ......
css+html 实现带箭头的流程步骤条
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .navs { height: 50px; line-height: 50px; padding-top: 10px ......
css+jquery右下角弹框提示框（工作需要就开发调式了）
使用时调用： addTip(); setTimeout("closeTip();",1000); setTimeout("removeTip();",2000); //添加提示框 function addTip() { var tip = " <div id='tip'>"+ " <div clas ......
CSS实现滚动贴合效果
一、滚动贴合介绍 滚动贴合：鼠标滚动的时候，自动贴合到浏览器的底部或顶部 设置CSS滚动贴合需要使用到两个属性： 1、给滚动容器设置scroll-snap-type，值为滚动的方向和方式 .container { /* display: flex; */ /* 第一个值为滚动贴合的方向，y表示纵向滚 ......
css学习知识
CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。CSS声明总是以分号 ; 结束，声明总以大括号 {} 括起来。 id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义。 class 选择器用 ......
ubuntu编译字符设备
前言 创建一个简单的字符设备驱动程序。 本文命令的运行基本上都需要root权限，使用root账号，或者在命令前面加上sudo。 如果你使用ssh远程连接的服务器进行代码编写。那么不要在root用户下创建文件或者文件夹。这会导致你ssh连接vscode编写代码的权限问题。可以在普通用户创建好所 ......
Sublime Text Html CSS JS 代码整理美化插件
原文地址：Sublime Text Html CSS JS 代码整理美化插件使用代码编辑编辑器的好处就是有很多功能可以用，特别是一个就是代码整理优化。 在编写代码时，我们经常会遇到代码混乱、缩进不正确或格式不统一等问题。这些问题可能会导致代码难以阅读、维护和调试，降低开发效率。 那么我这里说一下Su ......
AP隔离的设备互相访问
本校校园网开启了AP隔离，同一个网段，不同楼栋的设备无法互相访问，但是他们都可以访问相同的网关。所以通过设置路由规则让他们可以互相访问。 首先查看路由表： ~$ ip route default via 172.23.128.1 dev eno1 proto dhcp metric 100 172. ......
css+js瀑布流布局实现
记录一个瀑布流布局问题的解决过程 最开始使用js实现，将子元素进行绝对定位，根据宽高及顺序判断定位的top与left。 问题：存在新增子元素页面加载不及时的问题，会出现子元素初始状态叠加在一起，计算完成后才能正常显示。 点击查看代码 window.onload = () => { /* 传入wate ......
黑马pink css7
定位的作用1： 让盒子自由地在某个盒子内移动位置或者固定屏幕中的某个位置，并且可以压住其他盒子。 定位 = 定位模式 + 边偏移 定位模式用于指定一个元素在文档中的定位方式。边偏移则决定了该元素的最终位置。 定位模式： position：static、relative、absolute、fixed ......
国标GB28181视频监控平台LiteCVR将设备通道设置为默认在线的方法
视频监控技术的主要组成部分包括：摄像机、视频录像机、视频监控系统和监控中心。摄像机用于采集视频图像，将采集的图像传输至视频监控系统，视频监控系统则可以对视频进行集中管理、存储、转码分发等。 litemedia/cn，项目-mark5348 LiteCVR平台具有强大的数据接入、处理及分发能力，可支持 ......
黑马pink css-学成在线1
css的编写顺序： 页面布局整体思路： 导航栏注意点： 实际开发中，我们不会直接用a，而是结合li+a 行高可以继承，只需要父亲有行高就可以了 ctrl+g：定位到某一行 Pxcook的使用 ......
迈向智能制造的必经之路——设备效率指标分析
1 背景 随着市场竞争的日益激烈，工业制造商要想持续获得高的经济效益，最大化地挖掘和改善生产车间的生产效率显得极其重要，在某些方面，它甚至成为企业是否可以赢利的决定性因素。然而，在现在的制造业中，看似良好运作的生产车间实际上并没有以最好的状态进行工作，设备和操作人员的价值存在很大的改善空间，这无形 ......
简单入门五子棋代码html+css+javascript实现
今天为了测试某AI工具，尝试生成了五子棋代码，代码非常简单，适合入门级小白练手。 把代码中的bug调试通过后贴出来了，供一些入门的小朋友参考。 代码中没有实现任何算法部分，比如胜利判断、机器人对决等功能还没有开发的 但是每次落子会后自动换手，没有悔棋，胜负全靠自己判断。 先上一张图看看效果： 代码部 ......
CSS美化 垂直滚动条
HTML页面代码 <div class="section"> <h2>Title</h2> <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Perspiciatis non, inventore incidunt repudi ......
css中使用百分比时的参照-------持续更新
目录css中使用百分比时的参照padding&margin css中使用百分比时的参照 padding&margin 使用百分比值时，参照的是父元素的宽度，例如 ......
纯CSS技术妙不可言，打造惊艳文字效果！
哈喽！大家好！我是【程序视点】的小二哥。 前言 CSS是一门很特殊的语言，你认为CSS只能用来控制网页的结构与样式，但只要你有丰富的想象力，就能创造无限可能。本文中为你精选了10个使用纯CSS实现的文字炫酷效果，欣赏完之后一定要自己实现体验一番哦~ 一.渐变文字效果 该效果主要利用backgroun ......
CSS之动画
一.动画 动画类型 CSS3 可以创建动画，它可以取代许多网页动画图像、Flash 动画和 JavaScript 实现的效果。 transform属性可以定义一些主要的动画属性， translate：平移，translat（100px），向右平移100px scale：缩放，scale（120%）， ......
Modbus转Profinet网关解决设备通讯不稳的问题
通讯不稳定，数据断断续续，多半是由于线路干扰造成的。可添加Modbus转Profinet网关（XD-MDPN100/2000）解决问题，Modbus转Profinet网关（XD-MDPN100/2000）具有抗干扰功能，采用映射方式进行数据传输，支持多种通信接口和网络协议，配置简单易上手。网关能够实... ......
软件测试/测试开发|Python selenium CSS定位方法详解
简介 CSS选择器是一种用于选择HTML元素的模式。它允许我们根据元素的标签名、类名、ID、属性等属性进行选择。CSS选择器的语法简单而灵活，是前端开发中常用的定位元素的方式。 selenium中的css定位，实际是通过css选择器来定位到具体元素，css选择器来自于css语法。CSS定位有以下显著 ......
iview 表格列自定义样式
{ title: '操作', key: 'action', align: 'center', renderHead: () => {}, // 自定义表头样式 className: 'col_oper', width: 120, render: (h, params) => { // 自定义列 re ......
黑马pink css6
盒子的圆角边框： 圆形和圆角矩形的设置方法： 盒子阴影：不占用空间 文字阴影：用得不多 网页布局的三种方式： 标准流：占用一行或共用一行 浮动 定位 实际开发要用这三种方式 网页布局第一准则：多个块级元素纵向排列用标准流，多个块级元素横向排列用浮动 浮动：将盒子移到一边，直到左边缘或右边缘触及包含块 ......