排他操作简介

于 2023-04-14 11:14:52 发布
阅读量705 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： 数据结构
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/LiXin_07/article/details/130147888
文章介绍了如何通过JavaScript实现排他操作，当一组元素中只有一个能具有特定样式（如背景色）。通过创建HTML结构，然后编写JS代码，监听按钮点击事件，遍历所有按钮并清除背景色，最后将当前点击的按钮设为粉色。这样确保每次点击后只有一个按钮保持粉红色背景。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

排他操作，就是先排除掉其他元素，然后再给自身元素设置想要实现的效果。例如，在开发中，有统一组元素，如果只允许其中一个元素拥有特定样式，这时就可以使用排他操作来实现。接下来通过案例的形式讲解排他操作。

(1)编写HTML结构代码，示例代码如下。

 

 代码HTML效果图（2）编写JavaScript代码，实现单击按钮，改变当前按钮背景效果，示例代码如下.

代码 HTML效果图

 最后结果在HTML页面显示随机点击一个按钮会变成粉色,且其他按钮不变.

整体代码及其效果

 

 上诉代码中,第3行代码获取所有按钮元素,存储在btns为数组中.第5~14行代码使用for循环遍历为数组中的每一个元素btns[i].第6行代码给每一个元素添加单击事件.第8~10行代码利用for循环首先吧所有的按钮背景颜色去掉,然后在第12行给当前元素设置背景颜色为pink.

LiXin_07
关注
实时操作系统的进程管理、同步、调度 RealTime Operating Systems: Process Management, Synchronize
AI天才研究院
08-11 272
随着互联网、物联网、大数据等技术的普及和应用，人们对实时系统的需求也越来越强烈。各种实时系统功能如通信、定位、图像处理等需要在毫秒级甚至微秒级内完成响应。因而，实时系统的设计与开发已成为一个重大的课题。在本文中，我们将讨论实时操作系统的进程管理、同步、调度三个方面，涉及的内容包括：1）进程调度算法：进程调度算法决定了系统在多道任务环境下调度运行任务的顺序和方式，可以是抢占式或非抢占式算法。进程调度器会根据系统资源的利用率、周转时间、响应时间、优先级等因素决定每个进程运行的优先级，确保系统的高效运行；
【Java基础知识 7】Java面向对象简介
热门推荐
学Java，找哪吒
11-08 1万+
面向对象是一种新兴的程序设计方法，或者是一种新的程序设计规范，其基本思想是使用对象、类、继承、封装、多态等基本概念来进行程序设计。
Java编程实现排他锁代码详解
08-29
主要介绍了Java编程实现排他锁的相关内容，叙述了实现此代码锁所需要的功能，以及作者的解决方案，然后向大家分享了设计源码，需要的朋友可以参考下。
webApi02
qq_36343904的博客
05-19 498
day02 - Web APIs 1.1. 排他操作 1.1.1 排他思想 如果有同一组元素，我们想要某一个元素实现某种样式， 需要用到循环的排他思想算法： 所有元素全部清除样式（干掉其他人） 给当前元素设置样式 （留下我自己） 注意顺序不能颠倒，首先干掉其他人，再设置自己 <button>按钮1</button> <button&g...
WebAPI(part5)--排他操作
小山羊的学习日志
11-11 276
学习笔记，仅供参考，有错必究 文章目录Web API排他操作排他思想百度换肤案例表格隔行变色 Web API 排他操作 排他思想 如果有同一组元素，我们想要某一个元素实现某种样式， 需要用到循环的排他思想算法： 所有元素全部清除样式（干掉其他人） 给当前元素设置样式 （留下我自己） 注意：顺序不能颠倒，首先干掉其他人，再设置自己 举个例子 代码： <!DOCTYPE html> <html lang="en"> <head> <meta cha
操作元素（排他思想）-算法
weixin_50119334的博客
10-02 285
排他思想 如果由同一组元素，我们想要某一个元素实现某种样式，需要用到循环的排他思想： 所有元素全部清除样式（干掉其他人） 给当前元素设置样式（留下自己） 顺序不能颠倒（先干掉其他人，再设置自己） 例：点击哪个按钮，哪个就变成粉红色 <body> <button>按钮1</button> <button>按钮2</button> <button>按钮3</button> <button
JavaScript和Jquery中的排他思想
前端开发-陈善强
11-28 494
如果有同一组元素，我们想要某一个元素实现某种样式， 需要用到循环的排他思想算法： 所有元素全部清除样式（干掉其他人） 给当前元素设置样式 （留下我自己） 注意顺序不能颠倒，首先干掉其他人，再设置自己 JavaScript代码如下： <button>按钮1</button> <button>按钮2</b...
MySQL中的共享锁与排他锁应用场景对比
- 排他锁只允许一个事务对资源进行修改操作，其他事务无法同时进行读或写操作。 ## 1.2 锁的作用和原理 在数据库中，锁的作用是确保对共享资源的访问是安全的，避免数据不一致或者并发冲突的问题。锁的原理是通过...
简介实时和分时操作系统
llbcys
04-13 2037
操作系统（OS）是管理计算机硬件与软件资源的计算机程序，同时也是计算机系统的内核与基石。操作系统需要处理如管理与配置内存、决定系统资源供需的优先次序、控制输入与输出设备、操作网络与管理文件系统等基本事务。大致分为实时操作系统和分时操作系统。 一、实时操作系统（简称RTOS）： 　　1、实时操作系统定义 　　实时操作系统（RTOS）是指当外界事件或数据产生时，能够接受并以足够快的速度予以处
WAP教程(1):WAP 简介-XML/XSLT
09-24
**WAP 简介** WAP，全称 Wireless Application Protocol，无线应用协议，是一种专为无线设备设计的通信协议，旨在让移动电话等无线客户端能够访问和展示互联网内容。WAP 的出现是为了克服传统互联网协议在有限带宽...
如何做数据库操作的排他操作？（个人小结）
anmo的专栏
10-10 4581
在现在的很多系统开发中，都会有或多或少的数据库操作。对于单机的数据库系统，对数据的并发存取基本上不存在会产生冲突的问题；但在当今的网络环境中，单机系统几乎已经不复存在。在网络数据库环境中，时刻都会有并发的存取操作，对于一个完善的数据库系统来说，它们本身就提供了数据完整性以及并发操作的设计，但对于一个非纯粹的数据库管理系统来说，很多时候是通过程序来控制数据的存取权限与存取控制（更有效和直接）
排他
Sucre
04-15 638
貌似一般项目不会用到，所以了解一下就ok =================================== 为了防止多用户同时操作，需要在修改之前做一次查询。 你也不可能，在查询的时候，将数据库给锁住。
Js排他思想简单实现
asdhoh的博客
03-22 310
排他思想做法
m0_46978034的博客
05-22 985
排他思想分为俩步骤 1.先给所有的元素绑定事件，而在吧所有的元素样式设置为同一种样式 要使用到双for循环 2.在给当前自己设置样式，总结就是先干掉所有人除了自己 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
操作元素排他算法以及三个实用的例子
shen_yk的博客
11-21 890
操作元素 排他算法 如果有同一组元素,我们想要某一个元素实现某种样式 ,需要用到循环的排他思想算法: 1.所有元素全部清除样式(干掉其他人) 2.给当前元素设置样式( 留下我自己) 3.注意顺序不能颠倒,首先干掉其他人,再设置自己 例子 点击按钮 按钮背景颜色改变 再次点击其他的 再次改变 并且之前点击的按钮变回原来的颜色 var btns = document.getElementsByTag...
JavaScript排他思想、属性操作及案例
weixin_45886797的博客
07-29 1408
JSday7 文章目录JSday7操作元素(==排他思想==)==案例1==：表格隔行变色==案例2==：全选和取消全选按钮自定义属性操作获取属性的方式区别设置属性值移除属性==案例3==：tab栏切换(重点) 操作元素(排他思想) 若有同一组元素，我们想要某一元素实现某种样式，需要用到循环的排他思想 所有元素全部清除样式(干掉其他人) 给当前元素设置样式(仅留一个) 顺序不可颠倒 <body> <button>按钮1</button> <but
js简单的排他功能
Smallwhitestrive的博客
10-08 1012
做js的排他功能简单的思路就是： 找到当前点击的元素 去除所有元素样式 给当前点击的元素设置样式 OK，思路有了，我们开干，一起看下面的代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { padding: 0; margin: 0;
一个简单排他锁的原理与实现
qq_25956141的博客
04-26 2497
介绍 本文将介绍如何应用AbstractQueuedSynchronizer实现一个简单的Lock锁。至于AbstractQueuedSynchronizer的原理在博主其他文章中有介绍，本文重点讲述其应用。AbstractQueuedSynchronizer使用一个队列维护所有的等待锁释放的线程，队列中的每个结点通过自旋的方式来争抢锁，当同步结点释放锁，唤醒next结点。在自旋中，该线程序判断当...
js排他思想步骤
a1071626267的博客
06-28 785
js排他思想步骤
p.v操作
最新发布
03-16
<think>好的，我现在需要回答用户关于操作系统中的P.V操作的问题。首先，我得回忆一下P.V操作的基本概念。记得P操作和V操作是信号量的两个基本操作，用于进程间的同步与互斥。信号量是操作系统中的一个重要概念，用来控制多个进程对共享资源的访问。 用户提到引用[1]中的内容，里面说P、V操作必须成对出现，互斥时在同一进程，同步时在不同进程。这应该是我回答的重点。我需要解释P.V操作的作用，以及它们在互斥和同步中的不同应用场景。 接下来，我得理清思路。首先介绍信号量是什么，然后分别讲解P操作和V操作的具体行为。比如，P操作可能会阻塞进程，而V操作会唤醒等待的进程。然后要区分互斥和同步两种情况，举例说明，比如生产者-消费者问题中的使用。 还要注意用户可能对实现机制感兴趣，比如信号量是如何在底层实现的，可能需要用到原子操作或者硬件指令。这部分需要简要说明，但不要过于深入技术细节，以免让用户困惑。 另外，用户提供的引用中提到了P.V操作在不同进程中的情况，比如同步时不在同一进程。这可能需要用例子来阐述，比如生产者进程执行V操作释放资源，消费者进程执行P操作获取资源，这样它们不在同一进程。 最后，生成相关问题时要围绕P.V操作的相关知识点，比如信号量的类型、经典同步问题、死锁等。确保问题有针对性，能帮助用户进一步学习。 现在需要检查是否有遗漏的部分，比如信号量的分类，如二进制信号量和计数信号量，以及P.V操作的原子性保证。这部分内容对理解其作用很重要，应该包含在回答中。 总结下来，回答的结构应该是：信号量简介，P操作和V操作的定义，互斥和同步的应用场景，实现机制，以及示例说明。最后附上相关问题。</think>### P.V操作在操作系统中的作用及实现 P.V操作是操作系统中实现**进程同步**与**互斥**的核心机制，基于信号量（Semaphore）实现。以下是其核心要点： --- #### 1. **信号量简介** 信号量是一个整型变量$S$，支持两种原子操作：**P操作**（`wait`）和**V操作**（`signal`）。 - **二进制信号量**：$S$取值范围为0或1，用于互斥访问共享资源[^1]。 - **计数信号量**：$S$为非负整数，表示可用资源数量，用于同步。 --- #### 2. **P操作与V操作的定义** - **P操作**（申请资源）： ```c void P(S) { S--; if (S < 0) { 阻塞当前进程，将其加入信号量等待队列; } } ``` 若$S \geq 0$，进程继续执行；否则进程阻塞，直到资源可用。 - **V操作**（释放资源）： ```c void V(S) { S++; if (S <= 0) { 从等待队列唤醒一个进程; } } ``` 释放资源后，若有进程等待，则唤醒其中一个。 --- #### 3. **作用与场景** - **互斥（Mutual Exclusion）** 保证多个进程对共享资源的**排他性访问**。例如，打印机设备的使用： ```c semaphore mutex = 1; // 初始化信号量 // 进程A P(mutex); // 申请锁 使用打印机; V(mutex); // 释放锁 // 进程B P(mutex); 使用打印机; V(mutex); ``` 此时P、V操作**在同一进程内成对出现**，确保临界区代码串行执行。 - **同步（Synchronization）** 协调进程的执行顺序。例如**生产者-消费者问题**： ```c semaphore empty = N; // 缓冲区空槽数 semaphore full = 0; // 缓冲区数据数 // 生产者进程 while (true) { 生产数据; P(empty); // 申请空槽 写入缓冲区; V(full); // 释放数据资源（触发消费者） } // 消费者进程 while (true) { P(full); // 申请数据 读取缓冲区; V(empty); // 释放空槽（触发生产者） 消费数据; } ``` 此时P、V操作**跨进程成对出现**，通过信号量传递资源状态。 --- #### 4. **实现机制** - **原子性保证**：P、V操作需通过硬件指令（如`test-and-set`）或操作系统底层支持实现，确保执行过程不可中断。 - **等待队列**：信号量关联一个等待队列，阻塞进程按FIFO或优先级策略排队。 --- #### 5. **经典问题扩展** - **哲学家就餐问题**：通过信号量避免死锁。 - **读者-写者问题**：区分共享读与独占写。 ---
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值