???? ??? ???? ??? ??? ????, ??, ???? ??? ???? ? ??? ??? ???. ???? ??? ??? ?? ???? ???? ??? ? ??? ?? ?????? ?? ?? ???? ???? ????. ? ?? ???? ?? ???? ??? ???? ???? ???? ??? ? ????. ???? ??? ???? ??? ????? ?? ?? ?? ? ??? ?? ????? CSS? ???? ????. ? ????? ????? ????? ???? ??? ?? ?????? ??? ? ??? ? ?? ? ?? ?? ?? ????? CSS ??? ???????.
?? ????? CSS? ?
?? ??? ???? ???? ???? ?? ??? ??? ? ??? ???? ???? ????? ?????. ??? ?? ???? ?????? CSS? ?? ?????? ???? ??? ??? ???? ?? ????? ?? ? ????. ?? ?? ????? CSS? ???? ?? ???? ??? ??? ????? ???? ??? ??? ?? ??? ?????. ????? CSS ?? ?????? ???? ???? ??? ?? ?? ???? ?? ????? ???? ?? ???? ?????? ?? ? ????.
CSS ?? ?????? ???? ??? ??????
??? ??: ???? ?? ???? ?? ????? CSS? ???? ????? ?? ??????. ??? ?? ?? ?????? ??? ?? ??? ?? ??? ?????.
??? ??: ?????? ??? ??? ?? ?? ? ????. ???? ?? ???? ????? ? ??? ???? ??? ? ? ???? ??? ??? ??? ???? ?????.
???: ??? ?? ????? CSS? ????? ?? ???? ???? ???? ??? ??? ???? ?? ? ????.
? 1: ?????? ??? ??? ? 5? ??
?? ????? CSS? ?? ???? ?? ? 5? ?? ???? ??? ??? ???????. ? ???? ?? HTML, CSS ? JavaScript? ???? ???? ??? ???? ??? ? ??? ???.
HTML ??
<div>
<p>In this structure, each </p> represents an individual star within the rating system. These stars are dynamically animated when hovered over or clicked.
<h2>
CSS for Star Rating Animation
</h2>
<pre class="brush:php;toolbar:false">.star {
width: 24px;
height: 24px;
transition: transform 0.3s ease, color 0.3s ease;
}
.star:hover {
transform: scale(1.2);
color: gold;
}
??? ?? ??? ???? ??? ? ?? ??? ???? ?? ??? ?? ???? ?????. ? ??? CSS ? ?????? ??? ?? ??? ???? ???? ????? ???? ??? ?????.
?? ??? ?? JavaScript
document.querySelectorAll('.star').forEach(star => {
star.addEventListener('click', () => {
alert('You rated: ' + star.getAttribute('data-rate') + ' stars');
});
});
? ??? JavaScript ??? ???? ?? ??? ???? ?? ??? ?????. ??? ???? ???? ?? ???? ? ? ????.
? 2: ?? ??? ??? ????? ?? ???
?? ??? ? ?? ???? ?? ?? ?? ?? ? ?? ??? ???? ??? ??? ?? ???? ? ????. ? ????? ?? ??? ?? ?? ??? ?? ?? ?? ????? CSS? ???? ?? ????? ?? ???? ??? ?????.
HTML ??
<div>
<p>In this structure, each </p> represents an individual star within the rating system. These stars are dynamically animated when hovered over or clicked.
<h2>
CSS for Star Rating Animation
</h2>
<pre class="brush:php;toolbar:false">.star {
width: 24px;
height: 24px;
transition: transform 0.3s ease, color 0.3s ease;
}
.star:hover {
transform: scale(1.2);
color: gold;
}
? ???? ? 5?? ???? ??? ? ??? ??? ??? ???? ? ???? ??? ? ??? ????.
???? ?? ?????? CSS
document.querySelectorAll('.star').forEach(star => {
star.addEventListener('click', () => {
alert('You rated: ' + star.getAttribute('data-rate') + ' stars');
});
});
? ? ????? CSS?? ???? ???? ? ???? ??? ?? ??? ?? ??? ???? ????. ?? ?? ?? ???? ?? ????? ???? ??? ?????. ???? ??? ???? .selected ???? ???? ??? ??? ?????.
?? ??? ????? ?? JavaScript
<div class="star-rating">
<div class="star" data-value="5"></div>
<div class="star" data-value="4"></div>
<div class="star" data-value="3"></div>
<div class="star" data-value="2"></div>
<div class="star" data-value="1"></div>
</div>
? ??? ???? ???? ??? ??? ? ?? ??, ?? ??, ??? ???? ??? ? ????. ???? "???" ???? ???? ??? ??? ????? ?????.
CSS ?? ??????? ??? ?? ??
?? ?? ???? ?????? ???? ???? ??? ??? ??? ?? ?? ? ????. ?? ?? ??? ??? ??? ?? ????? ? ??? ? ? ????.
???? ??: ??? ?? ? ?? ??? CSS ??? ???? ????? ?? ???? ?????? ??? ??? ? ????.
??? ?? ??? ?????: ???? ???? ?? ?? ????? CSS? ??? ??? ? ????. ?? ??, ???? ?? ??, ??, ????? ??? ??? ? ????.
??? ???: ?? ?? ???? ????? ?????. ?????? ????? ??? ?? ???? ???? ???? ??? ?? ???? ??? ??? ???? ???.
??? ????: ?? ????? CSS? ???? ??? ?? ???? ??? ?? ? ?? ??? ???? ???? ?? ??? ???. ?? ?? ????? ??? ??? ??? ? ??? ???? ???? ? ??? ???.
??
?? ????? CSS? ???? ?? ????? ??? ??? ????? ??? ?????. ? ???? ??? ? ?? ?? ????? ???? ?????? ???? ? ?? ???? ???? ? ?? ??? ?????. ?????? ???? ?? ???? ?? ????? ?? ? ?? ?? ??? ???? ???? ??? ???? ???? ????? ???? ?????? ?? ? ????. ??? ?? ??? ???? ? ??? ?? ???? ???? CSS ?? ?????? ???? ????? ???? ???? ??? ??? ?????.
?? ??? ??? ?? ??? ??? ????? ???? ?? ??? ???? ? ?? ????? ????? ????? ??? ?? ???? ?? ? ????.
? ??? ??? ??? ??? ?? ?????? ?? ????? 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)
??? ??
8652
17
1793
16
1735
56
1585
29
1457
31
JS? ??? ???? ???? ???
Jul 01, 2025 am 01:27 AM
JavaScript?? ??? ??? ?? ? ? ?? ??? ???????. 1. ?? ??? ??? ???? ?? ??? ????. ISO ?? ???? ???? ???? ???? ?? ????. 2. ?? ??? ?? ???? ??? ?? ???? ??? ? ??? ? ?? 0?? ????? ?? ??????. 3. ?? ?? ???? ???? ???? ?? ?????? ??? ? ????. 4. Luxon? ?? ???? ???? ?????? ???? ?? ????. ??? ?? ???? ????? ???? ??? ????? ?? ? ????.
? ? ??? ??? ?? ???? ??? ??????
Jul 02, 2025 am 01:22 AM
TAGGSATTHEBOTTOMOFABLOGPOSTORWEBPAGESERVESPRACTICALPURSEO, USEREXPERIENCE, andDESIGN.1.ITHELPSWITHEOBYOWNSESPORENGENSTOESTOCESKESKERKESKERKERKERDER-RELEVANTTAGSWITHOUTHINGTEMAINCONTENT.2.ITIMPROVESEREXPERKEEPINGTOPONTEFOCUSOFOFOFOCUSOFOFOFOCUCUSONTHEATECLL
DOM?? ??? ?? ? ? ??? ??????
Jul 02, 2025 am 01:19 AM
??? ?? ? ??? DOM?? ??? ??? ? ?????. ??? ?? ????? ?? ??????, ??? ?? ???? ?? ????????. 1. ??? ??? addeventListener? usecapture ?? ??? true? ???? ?????. 2. ??? ??? ?? ???? usecapture? ???? ????? ?????. 3. ??? ??? ??? ??? ???? ? ??? ? ????. 4. ??? ?? ?? ?? ??? ?? ??? ??????? ??? ???? ?????. 5. ??? ?? ?? ?? ??? ?? ???? ?? ???? ? ??? ? ????. ? ? ??? ???? ???? JavaScript? ??? ??? ??? ????? ???? ???? ??? ??????.
JavaScript ?? ????? ???? ??? ??? ?? ? ?????
Jun 26, 2025 am 12:54 AM
JavaScript ?? ????? ??????? ??? ?? ??? ??? ????? ?? ??? ????. ????? ??? ?????. 1. ?? ?? (CodesPlitting) ??, ?? ??? React.lazy ()? ?? ?? ?? ?? ??? ????? ??? ???? ? ?? ????? ??? ?? ??? ???????. 2. ???? ?? ?? (???)? ????, ES6 ?? ????? ???? "Dead Code"? ???? ?? ? ????? ?? ??? ??? ? ???????. 3. ?? ??? ???? ???? GZIP/BROTLI ? TERSER? JS? ???? ??? ????? ???? ?? ???? ??? ? ? ??????. 4. ??? ???? ???? day.js ? fetch? ?? ?? ?????? ??????.
JavaScript ??? ???? JS ??? ? : ES ?? ? CommonJS
Jul 02, 2025 am 01:28 AM
ES ??? CommonJS? ?? ???? ?? ?? ? ?? ???????. 1. Commonjs? ????????? Node.js ?? ? ??? ?????. 2.ES ??? ???????? ????? ?? ???? ??? ?????. 3. ??, ES ??? ?? ??/????? ???? ??? ??? ?????? CommonJS? Quiew/Module.exports? ???? ???? ???? ?? ? ? ????. 4. Commonjs? Express? ?? ???? Node.js ? ?????? ?? ???? ?? ???? ?? ES ??? ?? ??? ?? ??? ?? ? Node.jsv14? ?????. 5. ?? ? ? ??? ?? ??? ??? ? ????.
node.js?? HTTP ????? ???
Jul 13, 2025 am 02:18 AM
Node.js?? HTTP ??? ???? ? ?? ???? ??? ????. 1. ?? ????? ????? ??? ??? ? ?? ????? ?? ?? ? https.get () ??? ?? ??? ??? ? ?? ????? ?? ??? ?????. 2.axios? ??? ???? ? ?? ??????. ??? ??? ??? ??? ??? ??? ???/???, ?? JSON ??, ???? ?? ?????. ??? ?? ??? ????? ?? ????. 3. ?? ??? ??? ??? ??? ???? ???? ??? ??? ???? ?????.
??? ??? JavaScript?? ??? ??????
Jul 04, 2025 am 12:42 AM
JavaScript? ??? ?? ????? ??? ?? ??? ??? ?? ?? ?? ????? ?? ???? ???? ?????. ??? ?? ???? ?? ??? ?? ??? ???? ???? ?? ?? ???? ???? ?????. ?? ??, ??? ? ?? ???? ??? (? : ??? null? ??) ?? ??? ????? ??????. ??? ??? ???? ??? ??? ????. closure?? ?? ??? ?? ??; ? ??? ??? ?? ?? ???? ?? ???? ????. V8 ??? ?? ???, ?? ??, ??/?? ???? ?? ??? ?? ??? ??? ????? ?? ??? ?? ??? ????. ?? ?? ???? ??? ??? ??? ??? ???? ????? ?? ?? ???? ?? ???????.
var vs let vs const : ?? JS ??? ? ?? ?
Jul 02, 2025 am 01:18 AM
VAR, Let ? Const? ???? ??, ?? ? ?? ?????. 1.var? ?? ??????? ?? ???? ?? ? ??? ?????. 2. let? ?? ?? ????? ?? ?? ???? ?? ? ??? ???? ????. 3. ???? ?? ?? ???? ?? ??????? ? ?? ? ? ??? ?? ??? ?? ?? ??? ? ????. ?? const? ???? ??? ??? ? LET? ???? VAR? ???? ????.
