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架构...
如何在看板中有效管理突发紧急任务
在看板中有效管理突发紧急任务需要：设立专门的紧急任务通道、重新调整任务优先级、保持适度的WIP（Work-in-Progress）弹性、优化任务处理流程、提高团队应对突发情况的敏捷性。其中，设立专门的紧急任务通道尤为重要，这能…...
DBAPI如何优雅的获取单条数据
API如何优雅的获取单条数据 案例一 对于查询类API，查询的是单条数据，比如根据主键ID查询用户信息，sql如下： select id, name, age from user where id #{id}API默认返回的数据格式是多条的，如下： {&qu…...
C++.OpenGL （14/64）多光源（Multiple Lights）
多光源（Multiple Lights） 多光源渲染技术概览 #mermaid-svg-3L5e5gGn76TNh7Lq {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-3L5e5gGn76TNh7Lq .error-icon{fill:#552222;}#mermaid-svg-3L5e5gGn76TNh7Lq .erro…...
Leetcode33（ 搜索旋转排序数组）
题目表述 整数数组 nums 按升序排列，数组中的值 互不相同 。 在传递给函数之前，nums 在预先未知的某个下标 k（0 < k < nums.length）上进行了 旋转，使数组变为 [nums[k], nums[k1], …, nums[n-1], nums[0], nu…...
篇章二 论坛系统——系统设计
目录 2.系统设计 2.1 技术选型 2.2 设计数据库结构 2.2.1 数据库实体 1. 数据库设计 1.1 数据库名: forum db 1.2 表的设计 1.3 编写SQL 2.系统设计 2.1 技术选型 2.2 设计数据库结构 2.2.1 数据库实体 通过需求分析获得概念类并结合业务实现过程中的技术需要&#x…...
React从基础入门到高级实战：React 实战项目 - 项目五：微前端与模块化架构
React 实战项目：微前端与模块化架构 欢迎来到 React 开发教程专栏 的第 30 篇！在前 29 篇文章中，我们从 React 的基础概念逐步深入到高级技巧，涵盖了组件设计、状态管理、路由配置、性能优化和企业级应用等核心内容。这一次&…...
【把数组变成一棵树】有序数组秒变平衡BST，原来可以这么优雅！
【把数组变成一棵树】有序数组秒变平衡BST，原来可以这么优雅！ 🌱 前言：一棵树的浪漫，从数组开始说起 程序员的世界里，数组是最常见的基本结构之一，几乎每种语言、每种算法都少不了它。可你有没有想过，一组看似“线性排列”的有序数组，竟然可以**“长”成一棵平衡的二…...
node.js的初步学习
那什么是node.js呢？ 和JavaScript又是什么关系呢？ node.js 提供了 JavaScript的运行环境。当JavaScript作为后端开发语言来说， 需要在node.js的环境上进行当JavaScript作为前端开发语言来说，需要在浏览器的环境上进行 Node.js 可…...
如何做好一份技术文档？从规划到实践的完整指南
如何做好一份技术文档？从规划到实践的完整指南 🌟 嗨，我是IRpickstars！ 🌌 总有一行代码，能点亮万千星辰。 🔍 在技术的宇宙中，我愿做永不停歇的探索者。 ✨ 用代码丈量世界&…...
表单设计器拖拽对象时添加属性
背景：因为项目需要。自写设计器。遇到的坑在此记录 使用的拖拽组件时vuedraggable。下面放上局部示例截图。 坑1。draggable标签在拖拽时可以获取到被拖拽的对象属性定义 要使用 :clone, 而不是clone。我想应该是因为draggable标签比较特。另外在使用**:clone时要将…...