? ?? ??? 1. ??? ?? ??? ???? ?????? ????? ???? ??? ??? ??? ?? HTML ?????. 2. Shadow Dom : ?? ???? DOM ??; 3. HTML ??? : ?
? ?? ??? ??? ??? ??? ?? HTML ??? ?? ??? ? ?? ?????. ??? ?????? ????? ???? Framework (? : React ?? VUE)? ?? ? ??? ???? ?? JavaScript?? ?? ??? ? ??? ?? ?????? ??? ? ? ????.
??? ???, ?? ??? ?? ??? ??? ?? ? ? ????.
1. ? ?? ???? ?? ??? ???? ?????
? ?? ??? ?? ? ?? ?? ??? ?????.
- ??? ?? ?? :
<my-button></my-button>? ?? ??? ?? HTML ??. - Shadow Dom : ?? ??? ??? ??? ??? ?? ??? DOM ? ??? ??? ????.
- HTML ??? :
<template></template>?<slot></slot>???? ??? ???????.
? ? ??? ???? ? ???? ? ??? ? ?? ??? ?? ? ????.
?? ?? : ?? ???? ?? ?? ??? ???? ? ?? ??? ????? <fancy-button></fancy-button> ??? ?? ? ? ????.
2. ??? ? ?? ??? ??? ??? ??????
? ?? ??? ???? ??? ???? ????.
- ??? ??
HTMLElement?? -
customElements.define()???? ?? ?? ?? - ????? Shadow Dom ? Template? ?????
Class MyButton ?? htmlelement {
??? () {
???();
this.attachshadow ({?? : 'Open'});
this.shadowroot.innerhtml =`
<???>
?? {
?? : ???;
?? : ??;
?? : 10px;
}
</???>
<??> <slot> </slot> </button>
`;;
}
}
CustomElements.define ( 'My-Button', MyButton);?? ?? ??? ?? ??? ? ????.
<my-button> ?? ?????? </my-button>
? ??? ???? Shadow Dom?? ?????? ?? ???? CSS? ????? ????.
3. ? ?? ??? ?? ? ?? ??? ????
- ??? ??? ??? : ?????? ????? ????? VUE, React ?? JQuery? ???? ???? ?? ? ??? ? ????.
- ??? ?? : Shadow Dom? ?? ?? ?????? ?? ???? "???"?? ????.
- ?? ? ??? : ???? ??? ?? ?? ???? ???? ??? ?? ????? ?? ??? ??? ???? ????.
???? ??? ??? ????.
- ?? ????? ?? ?? ?? ?? (? : ??, ?? ??)
- ?? ???? ?? ?? (? : ?? ??, ?? ??)
- ?? ?? ?? ? ? ?? UI ?? ?? ??
4. ? ?? ??? ??? ? ?? ?? ??
? ?? ??? ????? ? ?? ?? ??? ????.
- ???? ??? : ?? ?? ????? ??????? ????? IE11? ?? ???? ?? PolyFill? ??? ? ????.
- ???? ?? ?????? . Shadow Dom? ???? ?? ?? ??? ???? ???? ???? ????? ????.
- ??? ??? ?? ? ? ??????? . ?? ??, React? ????? ??? ?? ??? ???? ??? ?? ??? ?????.
?? ??? ? ??? ???? ??? ???? ?? ?? ??, ??? ??? ?? (ConnectedCallback, DisternectedCallback ?)? ?? ? ?? ????.
????? ?? ??. ? ?? ??? ??? ??? ???? ?? ??? ?? ????? ?? ? ????? ????. ?? "? ? ?? ?? ??? ????????".
? ??? ? ?? ??? ??????? ?? ?????. ??? ??? 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)
Aria ??? ??????
Jul 02, 2025 am 01:03 AM
ariaattributesenhancewebaccessibilityforuserswithdisabilities withditionalsominticinformationstivetechnologies.theyareneededbecausemodernjavascript-heavycomponentsoftenlackthebuilt-in-inacessibilityfeaturesofnativehtmlelements ? Ariafill
RECT? ??? ?? ? ???? ??? ??????
Jul 08, 2025 am 02:34 AM
React ??? ???? ???? ?? ????? ??? ??? ??? ????? ?? ? ??? ??? ?????. 1. eseref? ?? ?? ?? ??? ?? ????? ???? ??? ????? ???? ???? ?? ??? ??????. 2. ARIA ??? ???? ? ?? ??? ?? ? ?? ??? ?? ???? ??????. 3. ??? ????????? ??? ?? ??? ?? ?? ??? ?? ??? ???????. 4. ???? HTML ??? ???? ??? ?? ??? ???? ? ?? ??? ????. 5. REACT? DOM? ???? ARIA ??? ???? ???? ????? ??? ??? ??? ?????? ?? ????.
HTTP ??? ????? ??
Jul 02, 2025 am 01:18 AM
?? ??? ?? ?? ??? ? ???. ??? ??, ??? ?? ? ?? ??? HTTP ??? ??? ?? ?????. 1. CSS ? JavaScript ??? ???? ?? ??? ?? ?? ??? ??? ???? ?? ?? ??? ?????. 2. Picture Sprite ?? Inline Base64 ??? ???? ?? ?? ???? ??? ??? ?? ?? ????. 3. ???? ?? ??? ???? CDN?? ?????? ????? ????? ??? ??? ??? ??? ?? ??? ?? ??? ??????. 4.?? ?????? = "???"?? ????? ???? ??? ?? ??? ??? ????? ?? ??? ??? ??? ??? ??? ??? ?????????. ??? ??? ?? ??? ?? ??? ?????? ? ????? ??? ?? ??? ? ? ????.
React ????? ?? ???? ?? ???? ???? ??????.
Jul 06, 2025 am 02:32 AM
Shallowrenderingtestsacomponentinisolation,withoutchildren,whilefullrenderingincludesallchildcomponents.Shallowrenderingisgoodfortestingacomponent’sownlogicandmarkup,offeringfasterexecutionandisolationfromchildbehavior,butlacksfulllifecycleandDOMinte
React?? StrictMode ?? ??? ???? ??????
Jul 06, 2025 am 02:33 AM
StrictMode? React?? ??? ???? ?????? ??? ?? ?? ?? ?????. ?? ??? ???? ??? ? ??, ?? ??? ?? ?????? ?? ?? ??? ?? ??? ??? ??? ??? ????? ?? ????. ?????, ???? ?? ???? ??? ????? ??? ???? ???? ???? ??? ??? ??? ??? ?? ?????. ?? ?? ??? ?? ????? ??? ???? ??? ???? ???? ???? ?? ??? ??? ?? ??? ??? ???? ?? ? ? ????. ??? ??? ?? useref ?? ?? ??? ?? ?? REF ??? ????? ?????. stri? ????? ?????
TypeScript ?? ?????? VUE
Jul 05, 2025 am 02:29 AM
?? ? ?? ???? ???? ?? ???? ??? ? ??? VueCli ?? Vite? ???? TypeScript ?? ????? ????. ?? ??? ??? ???? ?? ???? ?? ??? ???? ?? ? ?? ??? ?? ??? ???? ????? ?? ??? ???? ??? ??? ???? ?? ????. ?? ???? Ref ? Reactive? ??? ? ??? ?? ??? ?????? ?? ?? ?? ? ?? ???? ????? ?? ????.
Vue? ??? ???? ??
Jul 04, 2025 am 03:10 AM
VUE ??? ?? ? ? ????? ? ? ?? ?? ??? ????. 1. V- ??? ???? ??? ???? ???? ?? ???? ??????. 2. ?? ??? ???? ?? ?? ??? ?????. 3. ?? ?? ? ???? ?? ? ?? ???? ??????. VUE?? ?? ??, ??? ?? ?? ?? ??? ??? ??? ???? ????? ? V- ??? ?? ??? ??? ??? ? ? ????. ?? ??? ?? ?? ????? ?? ??? ??? ??? ????? ?? ??? ?? ???? ???????. ?? ??? ??? ?? ?? ?? ?? ?????? ?? ??? ? ????. ???? ???? ??? ?? ??? ????, ??? ? ?? ??? ????, ??? ????? ? ??? ??? ???? ?? ?????. ?? ??, ? ??? ?? ??? ??? ???? ?? ValidateForm ???? ?????. ??? ? ???????
Next.js? ?? ? ???? ???????
Jul 23, 2025 am 01:39 AM
Server-Siderendering (ssr) innext.jsgenerateshtmlontheserverfireachrequest, ?? ? proformanceandseo.1.ssrisidealfordynamiccontentthatchangangesfrequely, suchasserdashboards.2
