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

前端：js实现提示框（自动消失）

news 2025/12/7 4:53:17

效果：

代码：

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>自动提示消息</title></head><style>.notification {position: fixed;top: 5%;left: 2%;padding: 15px;background-color: #f0f0f0;color: #333;border: 1px solid #ccc;border-radius: 5px;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);z-index: 9999;opacity: 1;transition: opacity 0.3s ease-in-out;}.notification:hover {opacity: 0.8;}</style><script>//按钮1function showinfo1(){showNotification('我是第一条提示', 2000)}//按钮2function showinfo2(){showNotification('我是第二条提示', 2000)}//提示信息function showNotification(message, duration) {var notification = document.createElement('div');notification.className = 'notification';notification.textContent = message;document.body.appendChild(notification);setTimeout(function () {notification.style.opacity = 0;setTimeout(function () {document.body.removeChild(notification);}, 1000);}, duration);}</script><body><button onclick="showinfo1()">点我出现提示1</button><button onclick="showinfo2()">点我出现提示2</button></body>
</html>

前端：js实现提示框（自动消失）

效果： 代码： <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatible" content"IEedge"><meta name"viewport" content&q…...

编程日记 2023/9/4 4:14:55

powerpc架构的前世今生

文章目录 Powerpc架构的前世今生什么是powerpc？PowerPC和ARM有什么区别呢？ Powerpc架构的前世 PowerPC架构是一种基于精简指令集计算机（RISC）的处理器架构。它最初由IBM、Motorola和Apple共同开发，旨在为个人电脑、工…...

编程日记 2023/9/4 4:13:52

SQL-存储过程、流程控制、游标

存储过程存储过程概述 1.产生背景开发过程总，经常会遇到重复使用某一功能的情况 2.解决办法 MySQL引人了存储过程(Stored Procedure)这一技术 3.存储过程存储过程就是一条或多条SQL语句的集合存储过程可将一系列复杂操作封装成一个代码块，以便…...

编程日记 2023/9/4 4:12:50

JavaScript的数组和字典的用法

JavaScript 中的数组是一种用于存储多个值的数据结构，它可以容纳不同类型的数据（例如数字、字符串、对象等）。以下是 JavaScript 数组的常见用法： 创建数组 // 创建一个空数组 let emptyArray [];// 创建一个包含元素的数组 le…...

编程日记 2023/9/4 4:11:50

中断和异常

1.什么是中断 CPU上会运行两种程序，一种是内核程序，一种是应用程序。在正常的情况，CPU上面会主动运行应用程序，中断就是操作系统内核夺回CPU执行权的唯一途径，也就是用户态——>内核态。 2.内中断和外中断 2.1内…...

编程日记 2023/9/4 4:10:48

【python】实现积分

借助sympy.integrate() 符号运算库，所以里面的exp()，sin()等都要使用sympy库中的函数，如果使用numpy库中的函数时没用的。 import sympy as sp import numpy as np x sp.symbols("x") print(sp.integrate(sp.exp(-x**2), (x, -s…...

编程日记 2023/9/4 4:09:46

微信仿H5支付

仿H5支付是指一种模拟原生H5支付流程的非官方支付方式。这种支付方式通常是由第三方支付服务提供商开发和维护的，目的是为了绕过官方支付渠道的限制，如费率、审核等问题。然而，由于仿H5支付并非官方授权和认可的支付方式，其安全性…...

编程日记 2023/9/4 4:08:45

数据结构——栈

栈栈的理解咱们先不管栈的数据结构什么，先了解栈是什么，栈就像一个桶一样，你先放进去的东西，被后放进的的东西压着，那么就需要把后放进行的东西拿出才能拿出来先放进去的东西，如图1，就像图1中…...

编程日记 2023/9/4 4:07:42

组件化开发之如何封装组件-react

组件化开发之如何封装组件-react 什么是组件为什么需要封装组件组件的分类函数组件（Functional Components）：展示型组件：容器型组件：知道组件分类的意义是？ 如何拆分组件，需要遵循什么原则1.保证…...

编程日记 2023/9/4 4:06:41

大数据HBase学习圣经：一本书实现HBase学习自由

学习目标：三栖合一架构师本文是《大数据HBase学习圣经》 V1版本，是《尼恩大数据面试宝典》姊妹篇。这里特别说明一下：《尼恩大数据面试宝典》5个专题 PDF 自首次发布以来， 已经汇集了好几百题，大量的大厂面试…...

编程日记 2023/9/4 4:05:40

Leetcode110. 平衡二叉树

力扣（LeetCode）官网 - 全球极客挚爱的技术成长平台给定一个二叉树，判断它是否是高度平衡的二叉树。本题中，一棵高度平衡二叉树定义为： 一个二叉树每个节点的左右两个子树的高度差的绝对值不超过 1 。题解&#xff…...

编程日记 2023/9/4 4:04:39

在swift 中使用NSClassFromString 从string 转换到对象，报了Segmentation fault: 11 错误。 let ctrlClass: AnyClass NSClassFromString("HomeViewController")! let ctrl: UIViewController ctrlClass.init() as UIViewController 正确的写法&…...

编程日记 2023/9/4 4:03:38

linux上vim编辑器设置

linux上vim编辑器设置减少tab缩进、显示行号等在vimrc（一般在/etc/vim/vimrc中）末尾添加 set helplangcn "中文帮助文档(前提是下了中文包) syntax enable syntax on " 自动语法高亮 set number"显示行号 colorscheme desert" 设…...

编程日记 2023/9/4 4:02:37

SpringCloudAlibaba OpenFeign整合及详解

SpringCloudAlibaba OpenFeign 在前面，我们使用Nacos服务注册发现后，服务远程调用可以使用RestTemplateRibbon或者OpenFeign调用。实际开发中很少使用RestTemplate这种方式进行调用服务，每次调用需要填写地址，还要配置各种的参数&…...

编程日记 2023/9/4 4:01:33

Mysql--技术文档--MVCC(Multi-Version Concurrency Control | 多版本并发控制)

MVCC到底是什么 MVCC（Multi-Version Concurrency Control）是一种并发控制机制，用于解决并发访问数据库时的数据一致性和隔离性问题。MVCC允许多个事务同时读取数据库的同一数据，而不会相互干扰或导致冲突。在传统的并发控制机制中…...

编程日记 2023/9/4 4:00:32

全网都在用的nnUNet V2版本改进了啥，怎么安装？（一）

nnUNet，这个医学领域的分割巨无霸!在论文和比赛中随处可见他的身影。大家对于nnUNet v1版本的教程都赞不绝口，因为它简单易懂、详细全面，让很多朋友都轻松掌握了使用方法。最近，我也抽出时间仔细研究了nnUNet v2，并全…...

编程日记 2023/9/4 3:59:31

iOS开发Swift-4-IBAction,group,音乐播放器-木琴App

1.使用素材创建木琴App的UI。 2.连接IBAction。其余按钮直接拖拽到play里边。当鼠标置于1处时2处显示如图，表示成功。当用户按下任一按钮都会触发play中的内容。 3.将7个按钮的View中的Tag值分别调为1、2、3、4、5、6、7. 4.将音频文件拖入项目文件中。 Create gr…...

编程日记 2023/9/4 3:58:31

【linux】pid 文件的作用ing

文章目录一. pid文件简介1. pid 文件是什么2. 作用二. pid文件的使用一. pid文件简介 1. pid 文件是什么打开系统(Linux) 的 “/var/run/” 目录可以看到有很多已 “.pid” 为结尾的文件，只有一行，它记录的是相应进程的 pid，即进程号。…...

编程日记 2023/9/4 3:57:28

K8s简介之什么是K8s

目录 1.概述 2.什么是容器引擎？ 3.什么是容器 4.什么是容器编排？ 5.容器编排工具 6.到底什么是K8s? 7.为什么市场推荐K8s 8.K8s架构 9.K8s组件 Pods API 服务器调度器控制器管理器 Etcd 节点 Kubelet Kube代理 Kubectl 1.概述 Kub…...

编程日记 2023/9/4 3:56:27

说说Flink双流join

分析&回答 Flink双流JOIN主要分为两大类一类是基于原生State的Connect算子操作另一类是基于窗口的JOIN操作。其中基于窗口的JOIN可细分为window join和interval join两种。基于原生State的Connect算子操作实现原理：底层原理依赖Flink的State状态存储&…...

编程日记 2023/9/4 3:55:26

Linux 文件类型，目录与路径，文件与目录管理

文件类型后面的字符表示文件类型标志普通文件：-（纯文本文件，二进制文件，数据格式文件） 如文本文件、图片、程序文件等。目录文件：d（directory） 用来存放其他文件或子目录。设备…...

编程新知 2025/12/5 23:18:19

React hook之useRef

React useRef 详解 useRef 是 React 提供的一个 Hook，用于在函数组件中创建可变的引用对象。它在 React 开发中有多种重要用途，下面我将全面详细地介绍它的特性和用法。基本概念 1. 创建 ref const refContainer useRef(initialValue);initialValu…...

编程新知 2025/6/11 15:21:26