?? JavaScript? ???? ??? ??? ?? ??? ??? ??? ?? ??? ?? ??? ??? ???????. 1. HTML ???? ?? ???? ????? ??? ???? ????. 2. CSS? ????? : ??? ???? ?? ?? ??? ???? ?? .dark-mode ???? Dark ?? ??? ???? Var ()? ?? ??? ??? ?????. 3. JavaScript? ??? ???? ?? ???? ?? ??? ???? ?? LocalStorage? ????. 4. ??? ?? ? ? HTML ???? Dark-Mode ???? ???? ?? ??? LocalStorage? ?????. 5. ?? ?? ???? 0.3 ? ?? ?????? ???? ??? ??? ??????. ?????, ??? ??? ???? ??? ?? ??? ???? ????? ?? ???? ?? ?? ??? ??.
CSS Dark Mode ?? ??? ????, ????? HTML, CSS ? ??? JavaScript? ?????. ??? ?? ??? ??? ??? ?? ??????? ???? ???? ??? ????.
? ?? ????
- ?? ??? ???? ??? ??? ??????.
- ???
??? ??? (? :dark-mode)? ???? ?????. - CSS ??? ???? ?? ??? ?? ??? ??????.
? HTML ??
<! doctype html>
<html lang = "zh"class = "light-mode">
<??>
<meta charset = "utf-8" />
<meta name = "viewport"content = "width = device-width, ?? ??? = 1.0"/>
<title> ?? ?? ?? </title>
<link rel = "Stylesheet"href = "Style.css" />
</head>
<body>
<Header>
<H1> ? ? ???? ?? ?? ????? </h1>
<p> ??? ???? ??? ?????? </p>
<?? id = "??-??"> ??? ?? ?? </button>
</??>
<??>
<??>
<H2> ??? ?? ??? ????? </h2>
<p> ?? ? ??? ??? ??? ?? ???? ?????. </p>
</??>
</main>
<script src = "script.js"> </script>
</body>
</html>? CSS ??? (?? ?? ??)
/ * style.css */
: ?? {
/* ?? ?? ??*/
-BG-Color : #ffffff;
--text-color : #333333;
-?? ?? ?? : #007bff;
-?? bg : #f0f0f0;
}
.dark-Mode {
/* ?? ?? ??*/
-BG-Color : #1a1a1a;
-text-color : #f0f0f0;
-?? ?? ?? : #00d8ff;
-Header-BG : #333;
}
/* ?? ??*/
html {
??? : var (-bg-color);
?? : var (-Text-Color);
?? : ??? 0.3s ??, ?? 0.3s ??;
}
? {
Font-Family : Arial, Sans-Serif;
?? : 0;
?? : 20px;
}
?? {
??? : var (-Header-BG);
?? : 20px;
Border-Radius : 8px;
?? ?? : 20px;
}
?? {
??? : var (-1 ? ??);
?? : ??;
?? : ??;
?? : 10px 16px;
Border-Radius : 6px;
?? : ???;
?? ?? : 16px;
}
?? : ?? {
???? : 0.9;
}
/* ?? ????? ?? ??*/
H1, H2, P {
?? : ?? 0.3s ??;
}?? JavaScript ??? ??
// script.js
const togglebutton = document.getElementById ( '??-??');
const htmlelement = document.documentElement;
// ??? ?? ?? ?? (??? ??? ?? ?? ??)
const? prefersdarkmode = wind
const currentMode = localStorage.getItem ( '??') || (???? DarkMode? 'Dark': 'light');
// ??? ??? if (currentMode === 'dark') {
htmlelement.classlist.add ( 'Dark-Mode');
}
// ?? ?? ?? toggletheme () {
const isdark = htmlelement.classlist.toggle ( 'Dark-Mode');
// ???? ???? localStorage.setItem ( '??', ISDARK? 'DARK': 'light');
}
// ?? ?? ??? ?? ??? ??????. ADDEVENTLISTERE ( 'Click', ToggleTheme);? ?? ?????
- ??? ??? ?????? :
localStorage???? ?? ?? ??? ??????. - ??? ???? ?? : ?? ?? ? ?
prefers-color-scheme?? ???? ?????. - ???? ?? : CSS
transition?? ??? ????? ????. - ??? ?? ? : CSS ??? ?? ? ?? ?? (? : ???, ??? ?)? ?? ?? ? ? ????.
? ?
- ??? Moon/Sun ????? ??? ??? ??? ???? ? ????.
-
color-scheme: light dark;???? ??? (? : ?? ??)? ???? ??? ? ??????.
: ?? {
?? : ? ??? ?;
}??? ??? ?? ?? ???? ??? ?? ??????. ? ??? ?? ? ???? ?? ? ? ????.
? ??? CSS ?? ?? ?? ?? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!
? AI ??
Undress AI Tool
??? ???? ??
Undresser.AI Undress
???? ?? ??? ??? ?? AI ?? ?
AI Clothes Remover
???? ?? ???? ??? AI ?????.
Clothoff.io
AI ? ???
Video Face Swap
??? ??? AI ?? ?? ??? ???? ?? ???? ??? ?? ????!
?? ??
??? ??
???++7.3.1
???? ?? ?? ?? ???
SublimeText3 ??? ??
??? ??, ???? ?? ????.
???? 13.0.1 ???
??? PHP ?? ?? ??
???? CS6
??? ? ?? ??
SublimeText3 Mac ??
? ??? ?? ?? ?????(SublimeText3)
Readonly ???? PHP? ??? ??? ?????
Jul 30, 2025 am 05:40 AM
readOnlyPropertiesInphp8.2CanonlyBeassignedOnedOneDonceIntheConstructorAratDeclarationandCannotBemodififificificificifified
Java ???? ????? Maven? ?? ??? ???
Jul 30, 2025 am 02:41 AM
Maven? Java ???? ?? ? ????? ?? ?????. ?? POM.XML? ???? ???? ??, ??? ??, ?? ??? ??? ??? ? ???? ??? ?????? ??? ????. 1. pom.xml? ???? groupId, artifactid, ?? ? ???? ??????. 2. MVNClean, ???, ???, ???, ?? ? ??? ?? ??? ?? ??; 3. ??? ?? ? ??? ???? ?? ??? ?? ? ??? ?????. 4. ?? ?? ???? ??? ?? ??? ?? ????? ???? ?? POM? ?? ???? ?????. 5.
Jakarta EE? ?? Java?? ??? API? ?????
Jul 30, 2025 am 03:05 AM
setupamaven/gradleProjectwithJax-rsddependencies likejersey; 2. createarestresourceUsingAnnotationsSuchas@pathand@get;
CSS ?? ?? ?? ?
Jul 30, 2025 am 05:28 AM
?? JavaScript? ???? ??? ??? ?? ??? ??? ??? ?? ??? ?? ??? ??? ???????. 1. HTML ???? ?? ???? ????? ??? ???? ????. 2. CSS ?? : ??? ?? ?? ??? ???? ?? ??, .dark-mode ???? ??? ?? ??? ???? var ()? ?? ??? ??? ?????. 3. JavaScript? ??? ???? ?? ???? ?? ??? ???? ?? LocalStorage? ????. 4. ??? ?? ? ? HTML ???? Dark-Mode ???? ???? ?? ??? LocalStorage? ?????. 5. ?? ?? ?? ??? 0.3 ? ?? ?????? ???? ???? ??????.
Java?? ?? ?? ?? ???? ??
Jul 30, 2025 am 12:43 AM
??, ??, ?? ??, ?? ???? ? ???? ??? ?? ??? ?? ?? ??? ?????. 2. ???, ?? ???, ?? ?? ? ? ?? ?? ? ?? ???? ???? SHA-256 ?? ?? ? ?? ?? ??? ?????. 3. ?? ??? ???? ?? ??? ????, ??? ??? ?????, ? ??? ???? ??? ???? ???? ?? ?? ?? ???? ??????. 4. ?? ??? ?? ??? ???? ???? ??? ??? ??? ???? ?? ?? ??? ??????. 5. ??? ?? ???? ???? ??, P2P ????, ??? ??, RESTAPI ? ??? ???; 6. ?? ?? ????? HyperledgerFabric, Web3J ?? Corda? ?? Java ?? ?? ?????? ??? ? ????.
??? ?? ????? ??
Jul 30, 2025 am 02:17 AM
@Property Decorator? ??? ??, ?? ? ?? ??? ???? ?? ???? ???? ???? ? ?????. 1. ?? ?? : @property? ?? ?? ?? ??? ????, ?? ?? ??? ???? ???? ?? ????? ??; 2. ?? ?? : @name.setter ? @name.deleter? ???? ?? ?? ?? ? ?? ??? ?????. 3. ?? ?? ???? : BankAccount? ?? ???? ??? ??? ???? ??? ??? ??? ??????. 4. ?? ?? ?? : ?? ??? ????? ?? ??? ??? ??? ???? ?? ??? ??? ?? ?? ? ?? ??? ?????.
??? Java MessageDigest? ???? ?? (MD5, SHA-256)?
Jul 30, 2025 am 02:58 AM
Java? ???? ?? ?? ????? MessageDigest ???? ?? ??? ? ????. 1. MD5 ?? SHA-256? ?? ??? ????? ????? ?????. 2. ??? ? ???? ????? .update () ???? ??????. 3. ?? ??? ??? ???? .digest () ???? ??????. 4. ??? ??? ??? ?? 16 ?? ???? ?????. ? ??? ?? ??? ?? ??? ?? .update ()? ?? ? ??????. ??? ???? ?? MD5 ?? SHA-1 ?? SHA-256? ???? ?? ????.
CSS ?? ?? ?? ??
Jul 30, 2025 am 05:36 AM
?, ?? CSS ?? ?? ??? JavaScript??? ??? HTML ? CSS? ?? ??? ? ????. 1. ?? UL? Li? ???? ?? ??? ??????. 2. ?? ?? ???? ???? ?????? ???? ??? ???? ???; 3. ?? ?? : ?? Li? ???, ?? ??? ??? ???? ?????. ??; 4. ?? ??? ???? ??? : ??, ????????? : ???? ??; 5. ?? ?? ???? ??? ?? ????, ??? ????, ??? ? ?????? ???? ??? ????? ??? ???? ??? ? ????. ?? ???? ???? JavaScript ??? ???? ???? ??? ?????.
