当前位置：首页 > news >正文

html 边缘融合加载

news 2025/12/16 10:46:38

html 代码

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>边缘融合加载</title><style>* {margin: 0;padding: 0;box-sizing: border-box;}body {height: 100vh;padding-bottom: 80px;background: #000000;display: flex;justify-content: center;align-items: center;flex-direction: column;}.loading {width: 300px;height: 300px;background: #000000;position: relative;display: flex;justify-content: center;align-items: center;filter: contrast(15);}.loading span {width: 30px;height: 30px;background: #ffffff;border-radius: 50%;position: absolute;left: 50px;transform-origin: 100px center;transform: rotate(calc(360deg / 8 * var(--i)));animation: show 3s infinite;filter: blur(5px);}@keyframes show {0% {transform: rotate(0deg) translateX(80px);}50%, 100% {transform: rotate(calc(360deg / 8 * var(--i)));}100% {transform: rotate(360deg) translateX(80px);}}.text {font-size: 20px;color: #ffffff;padding-left: 10px;display: flex;}.text span {padding: 0 4px;animation: upDown 1.5s ease-in-out infinite;animation-delay: calc(0.1s * var(--i));}@keyframes upDown {0% {transform: translateY(0px);}20% {transform: translateY(-24px);}40%, 100% {transform: translateY(0px);}}</style>
</head>
<body>
<div class="loading"><span style="--i:0;"></span><span style="--i:1;"></span><span style="--i:2;"></span><span style="--i:3;"></span><span style="--i:4;"></span><span style="--i:5;"></span><span style="--i:6;"></span><span style="--i:7;"></span>
</div>
<div class="text"><span style="--i:0">正</span><span style="--i:1">在</span><span style="--i:2">加</span><span style="--i:3">中</span><span style="--i:4">，</span><span style="--i:5">请</span><span style="--i:6">等</span><span style="--i:7">待</span><span style="--i:8">.</span><span style="--i:9">.</span><span style="--i:10">.</span>
</div>
</body>
</html>

html 边缘融合加载

html 代码 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>边缘融合加载</title><style>* {margin: 0;padding: 0;box-sizing: border-box;}body {height: 100vh;padding-bottom: 80px;b…...

编程日记 2023/9/29 13:58:36

ElasticSearch - 在微服务项目中基于 RabbitMQ 实现 ES 和 MySQL 数据异步同步（考点）

目录一、数据同步 1.1、什么是数据同步 1.2、解决数据同步面临的问题 1.3、解决办法 1.3.1、同步调用 1.3.2、异步通知（推荐） 1.3.3、监听 binlog 1.3、基于 RabbitMQ 实现数据同步 1.3.1、需求 1.3.2、在“酒店搜索服务”中声明 exchange、…...

编程日记 2023/9/29 13:57:35

Springboot+vue的企业人事管理系统（有报告），Javaee项目，springboot vue前后端分离项目。

演示视频: Springbootvue的企业人事管理系统（有报告），Javaee项目，springboot vue前后端分离项目。项目介绍： 本文设计了一个基于Springbootvue的前后端分离的企业人事管理系统，采用M（model&am…...

编程日记 2023/9/29 13:54:32

初识Java 11-1 函数式编程

目录旧方式与新方式 lambda表达式方法引用 Runnable 未绑定方法引用构造器方法引用函数式接口带有更多参数的函数式接口解决缺乏基本类型函数式接口的问题本笔记参考自： 《On Java 中文版》函数式编程语言的一个特点就是其处理代码片段的简易性&am…...

编程日记 2023/9/29 13:53:31

【Ambari】银河麒麟V10 ARM64架构_安装Ambari2.7.6HDP3.3.1问题总结

🍁 博主 "开着拖拉机回家"带您 Go to New World.✨🍁 🦄 个人主页——🎐开着拖拉机回家_大数据运维-CSDN博客 🎐✨🍁 🪁🍁 希望本文能够给您带来一定的帮助🌸文…...

编程日记 2023/9/29 13:52:30

李宏毅机器学习第一课（结尾附作业模型详细分析）

机器学习就是让机器找一个函数f，这个函数f是通过计算机找出来的如果参数少的话，我们可以使用暴搜，但是如果参数特别多的话，我们就要使用Gradient Descent Regression (输出的是一个scalar数值) Classification （在…...

编程日记 2023/9/29 13:50:28

对日项目工作总结

从18年8月到23年中秋节，目前已经入职主营对日车载项目的公司满5年了，一般来说，在一家公司工作工作超过3年，如果是在比较大型以及流程规范的公司，那么该公司的工作流程，工作思维会深深地烙印在该员工的脑海中…...

编程日记 2023/9/29 13:49:28

设计模式探索：从理论到实践的编码示例 (软件设计师笔记)

😀前言设计模式，作为软件工程领域的核心概念之一，向我们展示了开发过程中面对的典型问题的经典解决方案。这些模式不仅帮助开发者创建更加结构化、模块化和可维护的代码，而且也促进了代码的复用性。通过这篇文章，我们…...

编程日记 2023/9/29 13:46:25

【内网穿透】在Ubuntu搭建Web小游戏网站，并将其发布到公网访问

目录前言 1. 本地环境服务搭建 2. 局域网测试访问 3. 内网穿透 3.1 ubuntu本地安装cpolar 3.2 创建隧道 3.3 测试公网访问 4. 配置固定二级子域名 4.1 保留一个二级子域名 4.2 配置二级子域名 4.3 测试访问公网固定二级子域名前言网：我们通常说的是互…...

编程日记 2023/9/29 13:45:05

在cesuim上展示二维模型

前提问题：在cesuim上展示二维模型解决过程： 1.获取或定义所需变量 2.通过window.cesium.viewer.imageryLayers.addImageryProvider和new Cesium.UrlTemplateImageryProvider进行建模 3.传入url路径后拼接{z}/{x}/{y}.png 4.聚焦到此模型window.ces…...

编程日记 2023/9/29 13:44:02

c/c++中如何输入pi

标准的 C/C 语言中没有π这个符号及常量，一般在开发过程中是通过开发人员自己定义这个常量的，最常见的方式是使用宏定义： 方法1：#define pi 3.1415926 方法2：使用反三角函数const double pi acos(-1.0);...

编程日记 2023/9/29 13:43:02

python爬虫：JavaScript 混淆、逆向技术

Python爬虫在面对JavaScript混淆和逆向技术时可能会遇到一些挑战，因为JavaScript混淆技术和逆向技术可以有效地阻止爬虫对网站内容的正常抓取。以下是一些应对这些挑战的方法： 分析网页源代码：首先，尝试分析网页的源代码&#xf…...

编程日记 2023/9/29 13:42:01

Vue error:0308010C:digital envelope routines::unsupported

vue项目，npm run dev的时候出现：Error: error:0308010C:digital envelope routines::unsupported vue项目，npm run dev的时候出现：Error: error:0308010C:digital envelope routines::unsupported 这个是node的版本问题。我的nod…...

编程日记 2023/9/29 13:41:00

gitee 远程仓库操作基础(一)

git remote add <远程仓库名> <仓库远程地址> :给远程仓库取个别名,简化一大堆字符串操作 git remote add origin xxx.git :取个Origin名字 git remote -v :查看本地存在的远程仓库 git pull <远程仓库名><远程分支名>:<本地分支名> 相同可取消…...

编程日记 2023/9/29 13:39:59

DRM全解析 —— ADD_FB2（0）

本文参考以下博文： DRM驱动（四）之ADD_FB 特此致谢！ 在笔者之前的libdrm全解析系列文章中，讲到了drmIoctl(fd, DRM_IOCTL_MODE_ADDFB, &f)以及其封装函数drmModeAddFB。对应的文章链接为： libdrm全解…...

编程日记 2023/9/29 13:38:58

01Redis的安装和开机自启的配置

安装Redis 单机安装Redis 大多数企业都是基于Linux服务器来部署项目，而且Redis官方也没有提供Windows版本的安装包(此处选择的Linux版本的CentOS 7) Windows版直接下载对应版本的.zip压缩包解压即可使用第一步: Redis是基于C语言编写的，因此首先需要…...

编程日记 2023/9/29 13:37:57

进入IT行业：选择前端开发还是后端开发？

一、前言开发做前端好还是后端好？这是一个常见的问题，特别是对于初学者来说。在编程世界中，前端开发和后端开发分别代表着用户界面和数据逻辑，就像城市的两个不同街区一样。但是，究竟哪个街区更适合我们作为开发者呢…...

编程日记 2023/9/29 13:34:54

Java集成Onlyoffice以及安装和使用示例，轻松实现word、ppt、excel在线编辑功能协同操作，Docker安装Onlyoffice

安装Onlyoffice 拉取onlyoffice镜像 docker pull onlyoffice/documentserver 查看镜像是否下载完成 docker images 启动onlyoffice 以下是将本机的9001端口映射到docker的80端口上，访问时通过服务器ip：9001访问，并且用 -v 将本机机/data/a…...

编程日记 2023/9/29 13:33:53

编程面试_动态规划

题目1 最大连续乘积子串题目描述给一个浮点数序列，取最大乘积连续子串的值，例如 -2.5，4，0，3，0.5，8，-1，则取出的最大乘积连续子串为3，0.5，8。也就…...

编程日记 2023/9/29 13:31:51

ip地址可以精确定位吗

在互联网时代，IP地址的重要性不言而喻。作为网络通信的基础，IP地址用于标识每一台连接到互联网的设备。然而，传统的IP地址定位方式仅能粗略地确定设备的大致位置，无法实现精确定位。那么，IP地址能否实现精确定位呢&…...

编程日记 2023/9/29 13:29:49

调用支付宝接口响应40004 SYSTEM_ERROR问题排查

在对接支付宝API的时候，遇到了一些问题，记录一下排查过程。 Body:{"datadigital_fincloud_generalsaas_face_certify_initialize_response":{"msg":"Business Failed","code":"40004","sub_msg…...

编程新知 2025/12/10 15:30:17

uni-app学习笔记二十二---使用vite.config.js全局导入常用依赖

在前面的练习中，每个页面需要使用ref，onShow等生命周期钩子函数时都需要像下面这样导入 import {onMounted, ref} from "vue" 如果不想每个页面都导入，需要使用node.js命令npm安装unplugin-auto-import npm install unplugin-au…...

编程新知 2025/9/14 18:41:15

【论文笔记】若干矿井粉尘检测算法概述

总的来说，传统机器学习、传统机器学习与深度学习的结合、LSTM等算法所需要的数据集来源于矿井传感器测量的粉尘浓度，通过建立回归模型来预测未来矿井的粉尘浓度。传统机器学习算法性能易受数据中极端值的影响。YOLO等计算机视觉算法所需要的数据集来源于…...

编程新知 2025/10/14 10:52:24

如何将联系人从 iPhone 转移到 Android

从 iPhone 换到 Android 手机时，你可能需要保留重要的数据，例如通讯录。好在，将通讯录从 iPhone 转移到 Android 手机非常简单，你可以从本文中学习 6 种可靠的方法，确保随时保持连接，不错过任何信息。第 1…...

编程新知 2025/12/12 12:25:59

在鸿蒙HarmonyOS 5中使用DevEco Studio实现录音机应用

1. 项目配置与权限设置 1.1 配置module.json5 {"module": {"requestPermissions": [{"name": "ohos.permission.MICROPHONE","reason": "录音需要麦克风权限"},{"name": "ohos.permission.WRITE…...

编程新知 2025/10/3 17:30:30

一、电话号码的字母组合 import java.util.ArrayList; import java.util.List;import javax.management.loading.PrivateClassLoader;public class letterCombinations {private static final String[] KEYPAD {"", //0"", //1"abc", //2"…...

编程新知 2025/12/15 11:08:22