數據處理:四選一、四關聯

今天去面試,面試官們給我一個‘選擇’,有四個選項:‘展示你的才華’、‘展示你的美貌’、‘展示你的才華與美貌’、‘都不展示’

	{label: “選擇”,children: [{label: “展示你的才華”,children: [],isShow: talentModal,click: () => {isShowTalent();}},{label: “展示你的美貌”,children: [],isShow: beautyModal,click: () => {isShowBeauty();}},{label: “展示你的才華與美貌”,children: [],isShow: talentAndBeautyModal,click: () => {isShowTalentAndBeauty();}},{label: “都不展示”,children: [],isShow: nullModal,click: () => {isNotShow();}},]}

場景一:
面試官一說,‘我的時間很寶貴,你只能四選一來展示’

//控制才華是否顯示
const talentModal = ref(false);
function isShowTalent() {if (某些條件前提) {talentModal.value = !talentModal.value;if (talentModal.value) {beautyModal.value = false;talentAndBeautyModal.value = false;nullModal.value = false;//顯示才華的方法showTalent();} else {//隱藏才華的方法hideTalent();nullModal.value = true;}}
}//控制美貌是否顯示
const beautyModal = ref(false);
function isShowBeauty() {if (某些條件前提) {beautyModal.value = !beautyModal.value;if (beautyModal.value) {talentModal.value = false;talentAndBeautyModal.value = false;nullModal.value = false;//顯示美貌showBeauty();} else {//隱藏美貌hideBeauty();nullModal.value = true;}}
}//控制才華與美貌是否顯示
const talentAndBeautyModal= ref(true);
function isShowTalentAndBeauty() {if (某些條件前提) {talentAndBeautyModal.value = !talentAndBeautyModal.value;if (talentAndBeautyModal.value){talentModal.value = false;beautyModal.value = false;nullModal.value = false;showTalentAndBeauty();}else {hideTalentAndBeauty();nullModal.value = true;}}
}//控制才華與美貌是否不顯示
const nullModal = ref(false);
function isNotShow() {if (某些條件前提) {nullModal.value = !nullModal.value;if (!nullModal.value){showNull();talentAndBeautyModal.value = true;}else {hideNull();talentModal.value = false;beautyModal.value = false;talentAndBeautyModal.value = false;}}
}

場景二:
面試官二說,‘少管他,這四選項你主要是展示出它們之間的關聯關系’

const talentModal = ref(true);
function isShowTalent() {if (某些條件前提) {talentModal.value = !talentModal.value;if (talentModal.value) {showTalent();nullModal.value = false;} else {hideTalent();talentAndBeautyModal.value = false;}if (talentModal.value) {beautyModal.value = true;nullModal.value = false;}if (beautyModal.value && talentModal.value) {talentAndBeautyModal.value = true;}if (!beautyModal.value && !talentModal.value) {nullModal.value = true;}}
}const beautyModal = ref(true);
function isShowBeauty() {if (某些條件前提) {beautyModal.value = !beautyModal.value;if (beautyModal.value) {showBeauty();nullModal.value = false;} else {hideBeauty();talentAndBeautyModal.value = false;}if (talentModal.value) {showTalent();nullModal.value = false;}if (beautyModal.value && talentModal.value) {talentAndBeautyModal.value = true;}if (!beautyModal.value && !talentModal.value) {nullModal.value = true;}}
}const talentAndBeautyModal= ref(true);
function isShowTalentAndBeauty() {if (某些條件前提) {talentAndBeautyModal.value = !talentAndBeautyModal;if (talentAndBeautyModal.value = false) {talentModal.value = false;beautyModal.value = false;nullModal.value = false;}isShowTalent();isShowBeauty();if (beautyModal.value && talentModal.value) {talentAndBeautyModal.value = true;}}
}const nullModal = ref(false);
function isNotShow() {if (某些條件前提) {nullModal.value = !nullModal.value;if (nullModal.value) {talentAndBeautyModal.value = false;isShowTalentAndBeauty();} else {talentAndBeautyModal.value = true;isShowTalentAndBeauty();}}
}

描述:

通過isShow的值判斷是否勾選;默認一開始勾選‘展示才華與美貌’;
(‘展示你的才華’、‘展示你的美貌’、‘展示你的才華與美貌’、‘都不展示’)

場景一:默認勾選‘展示才華與美貌’,但是‘展示你的才華’與‘展示你的美貌’都不在勾選狀態;取消‘展示你的才華’或‘展示你的美貌’或‘展示你的才華與美貌’后,則‘都不展示’勾選;只能有一個被勾選;

場景二:默認勾選‘展示才華與美貌’,意味著‘展示你的才華’與‘展示你的美貌’也是在勾選狀態;取消任意一個后,‘展示才華與美貌’不是勾選狀態;如果‘展示才華與美貌’不是勾選狀態,且其他兩個都不是勾選狀態,則‘都不展示’勾選;

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/diannao/38160.shtml
繁體地址,請注明出處:http://hk.pswp.cn/diannao/38160.shtml
英文地址,請注明出處:http://en.pswp.cn/diannao/38160.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

電路筆記(電源模塊): 基于FT2232HL實現的jtag下載器硬件+jtag的通信引腳說明

JTAG接口說明 JTAG 接口根據需求可以選擇20針或14針的配置,具體選擇取決于應用場景和需要連接的功能。比如之前的可編程邏輯器件XC9572XL使用JTAG引腳(TCK、TDI、TDO、TMS、VREF、GND)用于與器件進行調試和編程通信。更詳細的內容可以閱讀11…

51單片機STC8H8K64U通過RA8889/RA8876如何控制彩屏(SPI源碼下載)

【硬件部份】 一、硬件連接實物: STC8H系列單片機不需要外部晶振和外部復位,在相同的工作頻率下,速度比傳統的8051單片機要快12倍,具有高可靠抗干擾的優秀特性,與瑞佑的RA8889/RA8876控制芯片剛好可以完美搭配用于工…

redis實戰-緩存雪崩問題及解決方案

定義理解 緩存雪崩是指在同一時間段,大量緩存的key同時失效,或者Redis服務宕機,導致大量請求到達數據庫,帶來巨大壓力 和緩存擊穿的區別: 緩存雪崩是由于緩存中的大量數據同時失效或緩存服務器故障引起的&#xff1b…

(漏洞檢查項) | 服務端請求偽造 SSRF

(漏洞檢查項)|服務端請求偽造 SSRF 漏洞場景 服務端請求偽造(SSRF,Server-Side Request Forgery)漏洞發生在應用程序允許攻擊者通過構造惡意請求,利用服務器端發起HTTP請求,并訪問內部資源或進行其他未授權操作。 漏…

css_20_定位

相對定位 設置相對定位 給元素設置 position: relative 即可實現相對定位。 可以使用 left、right、top 、 bottom 四個屬性調整位置。 相對定位的參考點是相對自己原來的位置相對定位的特點: 1.不會脫離文檔流,元素位置的變化,只…

機器學習周記(第四十五周:Graphformer)2024.6.24~2024.6.30

目錄 摘要ABSTRACT1 論文信息1.1 論文標題1.2 論文摘要1.3 論文引言1.4 論文貢獻 2 論文模型2.1 問題定義2.2 模型架構2.2.1 自注意下采樣模塊(Self-attention down-sampling module)2.2.2 稀疏圖自注意力機制(Sparse graph self-attention m…

python自動移除excel文件密碼(小工具)

安裝 msoffcrypto-tool 使用pip命令安裝: 打開命令行工具(如終端、命令提示符或Powershell),然后輸入以下命令來安裝msoffcrypto-tool: pip install msoffcrypto-tool庫,進行自動移除excel文件密碼 import msoffcrypt…

【C++】using namespace std 到底什么意思

📢博客主頁:https://blog.csdn.net/2301_779549673 📢歡迎點贊 👍 收藏 ?留言 📝 如有錯誤敬請指正! 📢本文作為 JohnKi 的學習筆記,引用了部分大佬的案例 📢未來很長&a…

新手練習項目 7:猜數字游戲

名人說:莫聽穿林打葉聲,何妨吟嘯且徐行。—— 蘇軾《定風波莫聽穿林打葉聲》 Code_流蘇(CSDN)(一個喜歡古詩詞和編程的Coder) 目錄 一、項目描述二、項目實現三、項目步驟四、項目擴展方向 更多項目內容,請關注我、訂…

comsol學習筆記

comsol巖土力學與流固耦合的學習 comsol的相關視頻教程 https://www.bilibili.com/video/BV1Cu4y1r7Gn/?spm_id_from333.337.search-card.all.click&vd_source02b2bad477a153eaeb9c48cbbedaf8df [這里面有講解地應力平衡技術] https://www.bilibili.com/video/BV17C4y1j…

打靶記錄——靶機medium_socnet

靶機下載地址 https://www.vulnhub.com/entry/boredhackerblog-social-network,454/ 打靶過程 由于靶機和我的Kali都處于同一個網段,所以使用arpscan二次發現技術來識別目標主機的IP地址 arpscan -l除了192.168.174.133,其他IP都是我VMware虛擬機正…

【Spring Boot】認識 JPA 的接口

認識 JPA 的接口 1.JPA 接口 JpaRepository2.分頁排序接口 PagingAndSortingRepository3.數據操作接口 CrudRepository4.分頁接口 Pageable 和 Page5.排序類 Sort JPA 提供了操作數據庫的接口。在開發過程中繼承和使用這些接口,可簡化現有的持久化開發工作。可以使 …

springboot學習,如何用redission實現分布式鎖

目錄 一、springboot框架介紹二、redission是什么三、什么是分布式鎖四、如何用redission實現分布式鎖 一、springboot框架介紹 Spring Boot是一個開源的Java框架,由Pivotal團隊(現為VMware的一部分)于2013年推出。它旨在簡化Spring應用程序…

大數據面試題之Spark(1)

目錄 Spark的任務執行流程 Spark的運行流程 Spark的作業運行流程是怎么樣的? Spark的特點 Spark源碼中的任務調度 Spark作業調度 Spark的架構 Spark的使用場景 Spark on standalone模型、YARN架構模型(畫架構圖) Spark的yarn-cluster涉及的參數有哪些? Spark提交jo…

橫穿自動駕駛

如果有一條線,可以穿起來所有自動駕駛的核心模塊,那么我感覺它就是最優化,選擇優化變量、構造優化問題、求解優化問題,這幾個步驟貫穿了自動駕駛的始終。 先從我的自身接觸順序寫起。最開始做個一點深度學習,那還是20…

編碼大模型系列:Meta創新的“代碼編譯優化”的LLM

魯班號導讀正式上線。移步“魯班秘笈”,查閱更多內容。 大型語言模型 (LLM) 已在各種軟件工程和編碼任務中展現出卓越的能力。然而,它們在代碼和編譯器優化領域的應用仍未得到充分探索。訓練LLM需要大量資源,需要大量的 GPU時間和大量的數據…

23、架構-服務網格之透明通信涅槃

通信成本 在現代分布式系統中,服務之間的通信是不可避免的。然而,這種通信帶來了額外的復雜性和成本。傳統的通信方式如RPC(Remote Procedure Call)和REST(Representational State Transfer),雖…

Hive 實操案例五:統計每個類別中 Top10 的視頻熱度

一、數據表結構 視頻表 t_video 字段注釋描述videoId視頻唯一 id(String)11 位字符串uploader視頻上傳者(String)上傳視頻的用戶名 Stringage視頻年齡(int)視頻在平臺上的整數天category視頻類別&#xff0…

一個合理的前端應用文件結構

在大型應用中,最關鍵且最具挑戰性的方面之一就是擁有一個良好且合理的文件結構。在考慮通過微前端將代碼庫拆分成多個應用之前,可以遵循一些步驟來改善項目級別的架構,并在您考慮這一路徑時使過渡更容易。 我們的目標是應用某種模塊化方法&am…

MSPM0G3507——定時器例程講解4——timx_timer_mode_periodic

以下示例以周期模式配置TimerG并切換LED。周期從500ms開始,每次切換減少50ms,直到周期為100ms,然后重復。設備在等待中斷時保持待機模式 #include "ti_msp_dl_config.h"/* ((32KHz / (321)) * 0.5s) 45 - 1 495 due to N1 ticks …