Ukwazi i-htmx 4: Ukuvela Okulandelayo kwe-Hypermedia

Isibuyekezo sokugcina: 09/29/2026
  • Ukufuduka kusuka ku-XMLHttpRequest kuya ku-native fetch() API ukuze uthole ukusebenza okungcono kanye namakhono okusakaza.
  • Shintshela ku-explicit attribute inheritance kanye nomhlangano wokuqamba umcimbi ojwayelekile.
  • Ukwethulwa kwama-morph swaps kanye nethegi ye-hx-partial yezibuyekezo ze-DOM eziyinkimbinkimbi.
  • Ukulungiswa kokuphathwa komlando ngokufaka izicelo zeseva yangempela esikhundleni sezithombe zasendaweni.

Ipulani yokuqala yombala we-HTML ku-pantalla de ordenador, imelela isisekelo sobre la cual htmx añade interactividad.

Uma ubulokhu uzulazula endaweni yokuthuthukiswa kwewebhu isikhashana, cishe uyazi ukuthi i-htmx empeleni iyiqhinga lomlingo le-HTML yakho. Ikuvumela ukuthi wenze izinto ezivame ukudinga uhlaka olukhulu lwe-JavaScript—njengokuvuselela ikhasi ngaphandle kokulayisha kabusha okugcwele—ngokwengeza nje izimfanelo ezimbalwa kumathegi akho. Ukukhishwa kwe- htmx 4 kuyinto enkulu ngoba akugcini nje ngokungeza izinsimbi ezimbalwa; empeleni kuvuselela injini ukuze wenze izinhlelo zakho zokusebenza zizizwe zishesha futhi zithembeke kakhulu.

Ifilosofi eyinhloko ihlala ifana: gcina i-logic kuseva bese usebenzisa i-Hypertext As The Engine Of Application State (HATEOAS) . Esikhundleni sokushintshanisa i-JSON emuva naphambili, i-htmx 4 icela izingcezu ze-HTML kuseva bese izixhuma ngqo ku-DOM. Kungumoya omusha kunoma ngubani okhathele ubunzima bethuluzi lesimanje lamathuluzi angaphambili, egxile endaweni yokuziphatha ukuze uqonde ngempela ukuthi ikhodi yakho yenzani ngokubheka i-HTML.

Ukulanda Okukhulu ()

I-Espacio de trabajo moderno de un desarrollador web con laptops y herramientas tecnológicas.

Ushintsho lwangaphakathi olubaluleke kakhulu ukuthi i-htmx ekugcineni ilahle i-XMLHttpRequest yakhetha i- native fetch() API . Nakuba lokhu kungase kubonakale sengathi kuyinto eyisicefe engaphansi kwe-hood, empeleni kuyishintsha umdlalo. Ukusebenzisa i-fetch kwenza umtapo wolwazi ube lula futhi kuvula umnyango we- HTML yokusakaza ethuthukisiwe . Kodwa-ke, lokhu kusho ukuthi imicimbi ethile ye-XHR ayisekho, futhi uzobona ukuthi izikhathi zokuvala izicelo manje sezihlala ziyimizuzwana engama-60 esikhundleni sokulenga unomphela.

Ukwephula Umkhuba Wefa

Esinye sezithiyo ezinkulu lapho usuka kunguqulo 2 uye ku-4 ukuthi izimfanelo zidluliselwa kanjani ezintweni zezingane. Esikhathini esidlule, ifa lalingabonakali—uma ubeka ibhokisi lokuqinisekisa ku-div, yonke inkinobho engaphakathi kwalo yayithola lelo bhokisi lokuxhumana. Manje, kufanele ucacise ngokungeza i- modifier ethi :inherited ku-attribute. Isibonelo, ukusebenzisa i-hx-confirm:inherited kutshela i-htmx ukuthi lokhu kuziphatha kufanele kugeleze esihlahleni se-DOM. Lokhu kumisa lowo muzwa ocasulayo “wesenzo kude” futhi kwenza ukulungisa i-UI yakho kube lula kakhulu.

Ukushintshana Okuhlakaniphile Nokuhlosa Okuningi

Imininingwane ye-HTML ye-marcado en in editor of código in modo oscuro, ilungele umdwebo we-htmx elula.

Ukushintshanisa okuqukethwe yilapho i-htmx ikhanya khona ngempela, futhi inguqulo 4 yethula i-Morph Swaps (innerMorph kanye ne-outerMorph). Esikhundleni sokumane ukhiphe ingxenye yekhasi bese ushaya i-HTML entsha, i-morphing isebenzisa i-algorithm ye-idiomorph ukuhlanganisa izinguquko. Lokhu kusindisa impilo yokugcina ukugxila kokufaka noma ukugcina ividiyo idlala ngenkathi okunye okuqukethwe kubuyekezwa. Ngaphezu kwalokho, ithegi entsha ye-<hx-partial> ivumela impendulo yeseva eyodwa ukubuyekeza izingxenye eziningi ezahlukene zekhasi, ikunikeze ukulawula okwengeziwe kune-ex-of-band swaps endala (OOB).

Ukusingatha Amaphutha Nomlando

Ezinguqulweni zangaphambilini, i-htmx yayivame ukunganaki izimpendulo zamaphutha ezingu-400 noma ezingu-500. Akusekho. I-htmx 4 ishintshanisa izimpendulo zamaphutha ngokuzenzakalelayo , okuyinto enhle kakhulu ekuboniseni amaphutha okuqinisekisa ohlangothini lweseva. Ukuze uphathe lokhu, ungasebenzisa isici se-hx-status ukuze uqondise amakhodi athile (njenge-422) ku-div yephutha elizinikele. Ngokuphathelene nomlando, umtapo wolwazi uyeke ukuthatha izithombe ze-DOM ku-localStorage. Manje, uma umsebenzisi ecindezela inkinobho yokubuyela emuva, i-htmx imane ilande ikhasi kuseva , iqinisekise ukuthi isimo sihlala sisha futhi asiyona into eyisiwula yesikhathi esidlule.

Imicimbi, Izandiso, kanye Nokubhala Imibhalo

Iwebhu yedeshibhodi yesimanjemanje y dinámico con datos en tiempo real, ejemplificando el resultado visual de una aplicación construida con htmx.

Uhlelo lomcimbi luhlanzwe ngokuphelele ukuze lulandele iphethini ye-htmx:phase:action . Lokhu kuvumelana kwenza kube lula kakhulu ukuxhuma emjikelezweni wokuphila kwesicelo. Ngakwesokunwetshwa, manje sinokusekelwa kwekilasi lokuqala kwe- SSE (Server-Sent Events), i-WebSockets, kanye nezimpendulo ze-multipart/mixed , okwenza kube lula ukwakha amadeshibhodi wesikhathi sangempela. Kulabo abadinga ukusabela okuncane ohlangothini lweklayenti, i-hx-live inikeza isisombululo sokubhala esisekelwe ku-DOM esizwakala njengengxube ye-Alpine.js kanye ne-jQuery, okuvumela ukuthi uphathe izakhi ngesikhethi se-q() esilula.

Indlela Yokufaka Nokuthuthukisa

Uma uqala iphrojekthi entsha, vele uthole inguqulo yakamuva yesi-4 nge-CDN noma i-NPM. Kuzinhlelo zokusebenza ezikhona, ithimba linikeze ithuluzi lokuthuthukisa umugqa womyalo (nge-npx) eliskena amathempulethi akho ukuthola izimfanelo ezingasasebenzi kanye namagama emicimbi emidala. Uma ungakakulungeli ukugxuma okugcwele, isandiso se-htmx-2-compat singabuyisela ukuziphatha okudala okwesikhashana. Kubalulekile ukuqaphela ukuthi inguqulo yesi-2 ihlala isekelwa futhi izohlala iyithegi 'yakamuva' ku-NPM kuze kube sekuqaleni kuka-2027 ukuvimbela ukuphula ngephutha izigidi zamasayithi asebenzisa izixhumanisi ze-CDN ezingezona ezinguqulo.

Ukuvikeleka kanye Nemikhuba Emihle

Njengoba i-htmx ikuvumela ukuthi ufake i-HTML ngqo, ukubaleka kokuqukethwe komsebenzisi akunakuxoxiswana ngakho ukuze kuvinjelwe ukuhlaselwa kwe-XSS. Isici se-hx-ignore siyithuluzi elihle lapha; sitshela i-htmx ukuthi yeqe ngokuphelele ukucubungula noma yiziphi izimfanelo ngaphakathi kwesitsha esithile, esiphelele ekunikezeni okuqukethwe okuluhlaza okwenziwe ngumsebenzisi ngokuphephile. Ezindaweni zokuphepha okuphezulu, isandiso se-hx-csp sisiza ukuhlanganiswa nezinqubomgomo zokuphepha kokuqukethwe eziqinile ngokuphatha ukungasebenzisi kanye nokukhawulela lapho izicelo zingathunyelwa khona.

Lokhu kuthuthuka kwe-htmx kuguqula umtapo wolwazi kusuka ekubeni yinto ehlakaniphile uye ekubeni isisekelo esiqinile sezinsizakalo zewebhu zesikhathi eside. Ngokwamukela i-fetch API, ukucacisa ukuthi izimfanelo zizuzwa kanjani njengefa, kanye nokwethula ukuguquguquka okuyinkimbinkimbi kanye nezibuyekezo ezingaphelele, kususa ukungezwani phakathi kweseva nesiphequluli. Kungakhathaliseki ukuthi wakha uhlelo lokusebenza lwe-CRUD olulula noma isikhombikubona esiyinkimbinkimbi sesikhathi sangempela, inhlanganisela yesistimu yemicimbi elula kanye nezandiso zokusakaza ezinamandla kwenza kube lula kunanini ngaphambili ukudala okuhlangenwe nakho okuguquguqukayo ngaphandle kokushiya induduzo ye-HTML.

Okuthunyelwe okuhlobene: