css3
基础
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>style</title><!-- link（外部样式）和style（内部样式）优先级相同，重复写会覆盖 --><link rel="stylesheet" href="main.css"/><style>/* 标签选择器 */h1 {background-color: aquamarine;/* !important 表示优先级最高 */color: black !important;}/* 类选择器 */.class1{color: red;}/* id选择器 */#id1{color: blue;}/* 后代选择器：#id2内所有的p标签 */#id2 p{color: royalblue;}/* 子代选择器：#id2的第一级子标签 */#id2 > p{text-decoration-line: underline;}/* 伪类选择器：需要有a的选择器 */a{}/* 鼠标置于a标签，颜色改变 */a:hover {color: red;}a:link{color: yellow;}a:visited{color: green;}a:active{color: blue;}body{background-color: aliceblue;background-image: url("../img/demo2.png");background-repeat: no-repeat;background-size: 200px 200px;/* 背景固定 */background-attachment: fixed;/* 背景随滚动条滚动 *//* background-attachment: scroll; */background-position-x: center;background-position-y: center;/* xy轴占比 */background-position: 10% 10%;}span{/* font-size: 20px;font-family: "Microsoft YaHei UI";font-weight: bold;font-style: italic; *//* 连写要注意顺序 */font: italic bold 30px "Microsoft YaHei UI";}p{font-size: 16px;width: 120px;color: crimson;line-height: 24px;/* 缩进 */text-indent: 1em;}</style></head><body><!-- 行内样式优先级高于内部样式 --><h1 style="background-color: aqua; text-align: center;">111</h1><h1 class="class1">222</h1><h1 id="id1">333</h1><div id="id2"><p>p1</p><div><p>p2</p></div></div><a href="">百度</a></body>
</html>
计时器
<h1 id="clock"></h1>
<script>const formatTime = n => n < 10 ? '0' + n : n;function updateClock(){const date = new Date();const hours = formatTime(date.getHours());const minutes = formatTime(date.getMinutes());const seconds = formatTime(date.getSeconds());const clock = document.getElementById("clock");clock.textContent = `${hours}:${minutes}:${seconds}`;}setInterval(updateClock,1000);
</script>
相关文章：
css3
基础 <!DOCTYPE html> <html><head><meta charset"utf-8"><title>style</title><!-- link（外部样式）和style（内部样式）优先级相同，重复写会覆盖 --><link re…...
超级应用平台（HAP）起航
各位明道云用户和伙伴， 今天，我们正式发布明道云10.0版本。从这个版本开始，我们将产品名称正式命名为超级应用平台（Hyper Application Platform, 简称HAP）。我们用“超级”二字表达产品在综合能力方面的突破ÿ…...
cocos2dx Animate3D（二）
Twirl 扭曲旋转特效 // 持续时间(时间过后不会回到原来的样子) // 整个屏幕被分成几行几列 // 扭曲中心位置 // 扭曲的数量 // 振幅 static Twirl* create(float duration, const Size& gridSize, const Vec2& position, unsigned int twirls, float amplitude)…...
基于java技术的社区交易二手平台
基于java技术的社区交易二手平台的设计与实现 （一）开发背景 随着因特网的日益普及与发展，更多的人们开始通过因特网来寻求便利。但是，许多人都觉得网上商店里的东西不贵。所以，有些顾客宁愿去那些用二次定价建立起来的…...
（Matalb回归预测）GA-BP遗传算法优化BP神经网络的多维回归预测
目录 一、程序及算法内容介绍： 基本内容： 亮点与优势： 二、实际运行效果： 三、部分代码： 四、分享本文全部代码数据说明手册： 一、程序及算法内容介绍： 基本内容： 本代码基于M…...
【Docker】从零开始：10.registry搭建私有仓库
【Docker】从零开始：10.registry搭建私有仓库 为什么要使用私有仓库关于Docker Registry基于容器搭建registry私有仓库1.下载镜像2. 启动镜像3.修改系统配置文件4.下载ubuntu镜像，修改名称3.提交镜像4.查看镜像 本地搭建私有仓库(目前编译报错找不到包&a…...
树莓派上使用Nginx通过内网穿透实现无公网IP访问内网本地站点
前言 安装 Nginx（发音为“engine-x”）可以将您的树莓派变成一个强大的 Web 服务器，可以用于托管网站或 Web 应用程序。相比其他 Web 服务器，Nginx 的内存占用率非常低，可以在树莓派等资源受限的设备上运行。同时结合c…...
长征故事vr互动教育体验系统让师生感同身受
红色文化是贯穿于新民主主义革命、社会主义建设的各个时期，具有深厚的历史价值和文化内涵的先进文化，是高效、优质的教育资源。思政课vr红色数字展馆充分开发和大力弘扬红色文化资源，发挥其独特资源优势和教育功能，应用到教学中&a…...
汽车级芯片NCV7518MWATXG 可编程六沟道低压侧 MOSFET预驱动器 特点、参数及应用
NCV7518MWATXG 可编程六沟道低压侧 MOSFET 预驱动器属于 FLEXMOS™ 汽车级产品，用于驱动逻辑电平 MOSFET。该产品可通过串行 SPI 和并行输入组合控制。该器件提供 3.3 V/5 V 兼容输入，并且串行输出驱动器可以采用 3.3 V 或 5 V 供电。内部通电重置提供受…...
【分布式】小白看Ring算法 - 03
相关系列 【分布式】NCCL部署与测试 - 01 【分布式】入门级NCCL多机并行实践 - 02 【分布式】小白看Ring算法 - 03 【分布式】大模型分布式训练入门与实践 - 04 概述 NCCL（NVIDIA Collective Communications Library）是由NVIDIA开发的一种用于多GPU间…...
使用Git bash切换Gitee、GitHub多个Git账号
Git是分布式代码管理工具，使用命令行的方式提交commit、revert回滚代码。这里介绍使用Git bash软件来切换Gitee、GitHub账号。 假设在gitee.com上的邮箱是alicefoxmail.com 、用户名为alice；在github上的邮箱是bobfoxmail.com、用户名为bob。 账号…...
【RtpRtcp】1： webrtc m79：audio的ChannelReceive 创建并使用
m79中，RtpRtcp::Create 的调用很少 不知道谁负责创建ChannelReceiveclass ChannelReceive : public ChannelReceiveInterface,public MediaTransportAudioSinkInterface {接收编码后的音频帧：接收rtcp包：...
Ubuntu系统安装docker
1.检查是否安装老版本 检查卸载老版本docker ubuntu下自带了docker的库，不需要添加新的源。 但是ubuntu自带的docker版本太低，需要先卸载旧的再安装新的。 apt-get remove docker docker-engine docker.io containerd runc 如果不能正常卸载&#x…...
如何访问linux上的web服务
1.获取服务运行端口 例如8080 2.如果时vmware 需要先配置转发端口和主机ip 主机ip需要未使用的 例如： 3.查看虚拟机防火墙设置 centos8 为例 ： firewall-cmd --zonepublic --list-ports 查看放通端口 如果没有放通 firewall-cmd --zonepublic --add-p…...
Vatee万腾的数字化掌舵：Vatee科技解决方案的全面引领
随着数字化时代的到来，Vatee万腾凭借其卓越的科技实力和全面的解决方案，成功地在数字化探索的航程中掌舵引领。 首先，Vatee万腾以其强大的数字化科技实力成为行业的引领者。vatee万腾不仅在人工智能、大数据分析、云计算等前沿领域取得了显著…...
YOLOv5 第Y6周 模型改进
🍨 本文为[🔗365天深度学习训练营学习记录博客 🍦 参考文章：365天深度学习训练营 🍖 原作者：[K同学啊] 🚀 文章来源：[K同学的学习圈子](https://www.yuque.com/mingtian-fkmxf/zxwb4…...
Unity Android FireBase bugly报错查询
报错如下图，注意，标红的三处 使用的il2cpp和架构是arm64-v8a 那我们就可以根据这些去找对应的符号表，在unity安装目录下 Unity2020.3.33f1\Editor\Data\PlaybackEngines\AndroidPlayer\Variations\il2cpp\Release\Symbols\arm64-v8a 找到l…...
React中如何解决点击＜Tree＞节点前面三角区域不触发onClick事件
React中如何解决点击节点前面三角区域不触发onClick事件，如何区别‘左边’和‘右边’区域点击逻辑呢？（Tree引用开源组件TDesign） 只需要在onClick里面加限制一下就行： <TreeexpandMutexactivabletransitiondata{t…...
如何利用4G路由器构建茶饮连锁店物联网
随着年轻消费群体的增长，加上移动互联网营销的助推，各类新式奶茶消费风靡大街小巷，也促进了品牌奶茶连锁店的快速扩张。 在店铺快速扩张的局势下，品牌总部对于各间连锁店的零售统计、营销规划、物流调配、卫生监测、安全管理等事务…...
【2024系统架构设计】 系统架构设计师第二版-大数据架构理论设计与实践
目录 1 传统数据库的数据过载问题 2 大数据处理系统 3 Lambda架构 4 Kappa架构...
基于算法竞赛的c++编程（28）结构体的进阶应用
结构体的嵌套与复杂数据组织 在C中，结构体可以嵌套使用，形成更复杂的数据结构。例如，可以通过嵌套结构体描述多层级数据关系： struct Address {string city;string street;int zipCode; };struct Employee {string name;int id;…...
Zustand 状态管理库：极简而强大的解决方案
Zustand 是一个轻量级、快速和可扩展的状态管理库，特别适合 React 应用。它以简洁的 API 和高效的性能解决了 Redux 等状态管理方案中的繁琐问题。 核心优势对比 基本使用指南 1. 创建 Store // store.js import create from zustandconst useStore create((set)…...
工业安全零事故的智能守护者：一体化AI智能安防平台
前言： 通过AI视觉技术，为船厂提供全面的安全监控解决方案，涵盖交通违规检测、起重机轨道安全、非法入侵检测、盗窃防范、安全规范执行监控等多个方面，能够实现对应负责人反馈机制，并最终实现数据的统计报表。提升船厂…...
python爬虫：Newspaper3k 的详细使用（好用的新闻网站文章抓取和解析的Python库）
更多内容请见： 爬虫和逆向教程-专栏介绍和目录 文章目录 一、Newspaper3k 概述1.1 Newspaper3k 介绍1.2 主要功能1.3 典型应用场景1.4 安装二、基本用法2.2 提取单篇文章的内容2.2 处理多篇文档三、高级选项3.1 自定义配置3.2 分析文章情感四、实战案例4.1 构建新闻摘要聚合器…...
新能源汽车智慧充电桩管理方案：新能源充电桩散热问题及消防安全监管方案
随着新能源汽车的快速普及，充电桩作为核心配套设施，其安全性与可靠性备受关注。然而，在高温、高负荷运行环境下，充电桩的散热问题与消防安全隐患日益凸显，成为制约行业发展的关键瓶颈。 如何通过智慧化管理手段优化散…...
代理篇12|深入理解 Vite中的Proxy接口代理配置
在前端开发中，常常会遇到 跨域请求接口 的情况。为了解决这个问题，Vite 和 Webpack 都提供了 proxy 代理功能，用于将本地开发请求转发到后端服务器。 什么是代理（proxy）？ 代理是在开发过程中，前端项目通过开发服务器，将指定的请求“转发”到真实的后端服务器，从而绕…...
七、数据库的完整性
七、数据库的完整性 主要内容 7.1 数据库的完整性概述 7.2 实体完整性 7.3 参照完整性 7.4 用户定义的完整性 7.5 触发器 7.6 SQL Server中数据库完整性的实现 7.7 小结 7.1 数据库的完整性概述 数据库完整性的含义 正确性 指数据的合法性 有效性 指数据是否属于所定…...
接口自动化测试：HttpRunner基础
相关文档 HttpRunner V3.x中文文档 HttpRunner 用户指南 使用HttpRunner 3.x实现接口自动化测试 HttpRunner介绍 HttpRunner 是一个开源的 API 测试工具，支持 HTTP(S)/HTTP2/WebSocket/RPC 等网络协议，涵盖接口测试、性能测试、数字体验监测等测试类型…...
解析奥地利 XARION激光超声检测系统：无膜光学麦克风 + 无耦合剂的技术协同优势及多元应用
在工业制造领域，无损检测（NDT)的精度与效率直接影响产品质量与生产安全。奥地利 XARION开发的激光超声精密检测系统，以非接触式光学麦克风技术为核心，打破传统检测瓶颈，为半导体、航空航天、汽车制造等行业提供了高灵敏…...
pikachu靶场通关笔记19 SQL注入02-字符型注入(GET)
目录 一、SQL注入 二、字符型SQL注入 三、字符型注入与数字型注入 四、源码分析 五、渗透实战 1、渗透准备 2、SQL注入探测 （1）输入单引号 （2）万能注入语句 3、获取回显列orderby 4、获取数据库名database 5、获取表名…...