jQuery - i te ao he whare pukapuka JavaScript. I hangaia e te hapori whanaketanga paetukutuku i te mutunga o te 2000s, i hua mai he puunaha rauwiringa kaiao o nga waahi, monomai, me nga anga ma te whakamahi i te jQuery i raro i te awhi.
Engari i roto i nga tau tata nei, kua paheke tona mana hei taputapu tuatahi mo te whanaketanga paetukutuku. Me titiro tatou he aha i rongonui ai a jQuery me te aha i ngaro ai i te ahua, me te aha hoki e tika ana kia whakamahia hei hanga paetukutuku hou.
He korero poto mo te jQuery
John Resig () i hanga te putanga tuatahi o te whare pukapuka i te tau 2005, a -m, i tetahi huihuinga ko BarCampNYC. Kei runga i tuhi te kaituhi:
Ko te jQuery he whare pukapuka Javascript i runga i te pepeha: Kia ngahau te Javascript ki te waehere. Ka mau a jQuery i nga mahi noa, tukurua, ka tihorea nga tohu katoa e kore e tika, ka poto, ka huatau, ka ma.
E rua nga painga nui o te jQuery. Ko te tuatahi he API watea mo te raweke i nga wharangi paetukutuku. Ina koa, ka whakaratohia e ia nga tikanga kaha mo te kowhiri i nga huānga. Ehara i te mea ka taea e koe te kowhiri ma te ID, ma te karaehe ranei, ka taea e te jQuery te tuhi korero uaua, hei tauira, ki te kowhiri i nga huānga i runga i o raatau hononga ki etahi atu huānga:
// Select every item within the list of people within the contacts element
$('#contacts ul.people li');I te roanga o te wa, ka noho te tikanga whiriwhiri hei whare pukapuka motuhake .
Ko te painga tuarua o te whare pukapuka ko te tango i nga rereketanga i waenga i nga kaitirotiro. I aua tau, he uaua ki te tuhi waehere ka taea te mahi pono ki nga kaitirotiro katoa.
Ko te kore o te paerewa paerewa me whai whakaaro nga kaihanga mo te maha o nga rereketanga i waenga i nga kaitirotiro me nga keehi taha. Tirohia me rapu hoki jQuery.browser. Anei tetahi tauira:
// If Mozilla is used
if ( jQuery.browser == "mozilla" || jQuery.browser == "opera" ) {
// Use the handy event callback
jQuery.event.add( document, "DOMContentLoaded", jQuery.ready );
// If IE is used, use the excellent hack by Matthias Miller
// http://www.outofhanwell.com/blog/index.php?title=the_window_onload_problem_revisited
} else if ( jQuery.browser == "msie" ) {
// Only works if you document.write() it
document.write("<scr" + "ipt id=__ie_init defer=true " +
"src=javascript:void(0)></script>");
// Use the defer script hack
var script = document.getElementById("__ie_init");
script.onreadystatechange = function() {
if ( this.readyState == "complete" )
jQuery.ready();
};
// Clear from memory
script = null;
// If Safari is used
} else if ( jQuery.browser == "safari" ) {
// Continually check to see if the document.readyState is valid
jQuery.safariTimer = setInterval(function(){
// loaded and complete are both valid states
if ( document.readyState == "loaded" ||
document.readyState == "complete" ) {
// If either one are found, remove the timer
clearInterval( jQuery.safariTimer );
jQuery.safariTimer = null;
// and execute any waiting functions
jQuery.ready();
}
}, 10);
}Na te mihi ki a jQuery, ka taea e nga kaiwhakawhanake te huri i nga awangawanga mo enei mahanga katoa ki runga i nga pokohiwi o te roopu e whakawhanake ana i te whare pukapuka.
I muri mai, i ngawari ake a jQuery ki te whakatinana i nga hangarau uaua ake penei i nga pakiwaituhi me te Ajax. Kua noho pai te whare pukapuka hei whakawhirinakitanga paerewa mo nga paetukutuku. Na i tenei ra e kaha ana i te waahanga nui o te Ipurangi. E whakapono ana a W3Techs .
Ko te mana whakahaere i runga i te whanaketanga jQuery kua tino whai mana. I te tau 2011 te kapa . A i te 2012 jQuery Poari.
I te tau 2015, i hanumi te jQuery Foundation me te Dojo Foundation,, ka hanumi me te Node.js Foundation ki-m ki te hanga, i roto ko jQuery tetahi o nga ". "
Te huri i nga ahuatanga
Heoi, i nga tau tata nei jQuery . GitHub. Bootstrap v5 no te mea nana""(i tenei wa 30 KB te rahi, he iti me te kapi). He maha nga ahuatanga o te whanaketanga paetukutuku kua ngoikore te tuunga o jQuery hei taputapu tino nui.
Pūtirotiro
He maha nga take, kua iti ake te hiranga o nga rereketanga me nga herenga tirotiro. Tuatahi, kua pai ake te paerewa. Ko nga kaiwhakawhanake tirotiro nui (Apple, Google, Microsoft me Mozilla) kei te mahi tahi ki te whakawhanake i roto i te anga.
Ahakoa he rereke tonu nga kaitirotiro tetahi ki tetahi i roto i te maha o nga huarahi nui, ka whai huarahi nga kaihoko ki te rapu me te hanga i tetahi putunga raraunga noa engari tahi. No reira, kua riro i nga API tirotiro nga mana hou. Hei tauira, he kaha ki te whakakapi i nga mahi Ajax mai i te jQuery:
// jQuery
$.getJSON('https://api.com/songs.json')
.done(function (songs) {
console.log(songs);
})
// native
fetch('https://api.com/songs.json')
.then(function (response) {
return response.json();
})
.then(function (songs) {
console.log(songs);
});Nga tikanga и nga kaiwhiri jQuery takirua:
// jQuery
const fooDivs = $('.foo div');
// native
const fooDivs = document.querySelectorAll('.foo div');Ka taea e koe te raweke i nga karaehe huānga ma te whakamahi :
// jQuery
$('#warning').toggleClass('visible');
// native
document.querySelector('#warning').classList.toggle('visible');I te pae Anei etahi atu ahuatanga ka taea te whakakapi i te waehere jQuery ki te waehere taketake. Ko etahi kaiwhakawhanake ka piri tonu ki te jQuery na te mea kaore ratou e mohio mo nga API hou, engari ka mahi, ka iti ake te whakamahi i te whare pukapuka.
Ma te whakamahi i nga ahuatanga taketake ka pai ake te mahinga o te whaarangi. He maha inaianei ka taea e koe te whakatinana whakamahi CSS.
Ko te take tuarua he tere ake te whakahou i nga kaitirotiro i mua atu. Ko te nuinga o ratou e whakamahi ana , haunga a Apple Safari. Ka taea te whakahou i te papamuri me te kore e uru mai nga kaiwhakamahi me te kore e herea ki nga whakahou OS.
Ko te tikanga he tere ake te tohatoha o nga ahuatanga tirotiro hou me nga whakatikatika iro, a kaore nga kaihanga e tatari kia tae ra ano ka eke ki te taumata e whakaaetia ana. Ka taea e ratou te whakamahi i nga ahuatanga hou me nga API me te kore e tango i te jQuery, polyfills ranei.
Ko te take tuatoru ko te Internet Explorer kei te tata ki te ahua koretake. Kua roa a IE e raru ana mo te whanaketanga paetukutuku puta noa i te ao. I horapa nui ona pepeha, a, na te mea i rangatira a IE i nga tau 2000 me te kore whakamahi i te rautaki whakahou kaakaariki tonu, he mea noa nga putanga tawhito.
I te tau 2016, i whakatere a Microsoft i te whakakorenga o IE, te whakatekau me nga putanga o mua, ka whakawhäitihia te tautoko ki te IE 11. A, ka piki ake, he pai nga kaiwhakawhanake paetukutuku ki te kore e aro ki te hototahitanga IE.
Ahakoa ka mutu te tautoko a jQuery i te IE 8 me raro mai i te tiimata , i whakaputaina i te tau 2013. A ahakoa i etahi wa ka hiahiatia tonu te tautoko IE, hei tauira, i runga i nga waahi tawhito, ka iti ake te ahua o enei ahuatanga.
Angamahi hou
Mai i te taenga mai o te jQuery, he maha nga anga kua hangaia, tae atu ki nga kaiarahi hou , и . E rua nga painga nui mo te jQuery.
Tuatahi, ka ngawari ki te wehe i te atanga kaiwhakamahi ki nga waahanga. Kua hoahoatia nga anga hei hapai i te whakaputa whaarangi me te whakahou. Ka whakamahia te jQuery mo te whakahou anake, ka waiho te mahi ki te whakarato i te wharangi tuatahi ki te tūmau.
I tetahi atu taha, ko nga waahanga React, Angular me Vue ka taea e koe te hono i te HTML, te waehere me te CSS. Ka rite ki te wehewehe i te turanga waehere ki te maha o nga mahi me nga karaehe, na te kaha ki te wehewehe i te atanga ki nga waahanga ka taea te whakamahi ano ka ngawari ake te hanga me te pupuri i nga waahi uaua.
Ko te painga tuarua ko nga anga hou ake nei e piri ana ki tetahi tauira whakapuakanga, e whakaahua ana te kaiwhakawhanake he aha te ahua o te atanga ka waiho ki te anga kia mahia nga huringa katoa hei whakatutuki i nga mea e hiahiatia ana. He rereke tenei huarahi ki te huarahi whakahirahira e tohu ana i te waehere jQuery.
I roto i te jQuery, ka tuhia e koe nga taahiraa hei whakarereke. A i roto i te anga korero ka kii koe, "E ai ki tenei raraunga, me penei te ahua o te atanga." Ma tenei ka tino maamaa ake te tuhi i nga waehere kore-nga.
Kua tangohia e nga Kaihanga etahi huarahi hou mo te whakawhanaketanga paetukutuku, na reira kua heke te rongonui o jQuery.
Ahea te whakamahi jQuery?
No reira inahea me kia whakamahi jQuery?
Mena ka piki ake te uaua o te kaupapa, he pai ake te tiimata me tetahi atu whare pukapuka, angamahi ranei e taea ai e koe te whakahaere i te uauatanga. Hei tauira, wehewehea te atanga ki nga waahanga. Ko te whakamahi i te jQuery i runga i nga waahi penei ka pai te ahua i te tuatahi, engari ka tere te arahi ki te waehere spaghetti kaore koe e tino mohio ko tehea waahanga ka pa ki te waahanga o te wharangi.
I penei ahau, i te wa e ngana ana ahau ki te whakarereke, he mahi uaua te ahua. Kaore koe e tino mohio ka kore koe e pakaru tetahi mea na te mea ka whakawhirinaki nga kaiwhiriwhiri jQuery ki te hanganga HTML i hangaia e te tūmau.
I tetahi atu pito o te tauine he waahi ngawari e hiahia ana kia iti noa te taunekeneke, te ihirangi hihiri ranei. E kore ahau e taunoa ki te jQuery i enei keehi, na te mea he maha atu nga mea ka taea e koe me nga API taketake.
Ahakoa ka hiahia ahau ki tetahi mea kaha ake, ka rapu ahau mo tetahi whare pukapuka motuhake, hei tauira. mo Ajax ranei mo nga pakiwaituhi. Ka ngawari ake tenei i te uta i nga jQuery katoa mo te mahi iti.
Ki taku whakaaro ko te take pai mo te whakamahi i te jQuery ko te whakarato mahi matawhānui mo te pito o mua o te paetukutuku. Engari ki te ako i nga momo API taketake, whare pukapuka motuhake ranei, ka taea e koe te panui i nga tuhinga jQuery ka whai hua tonu.
Kaore i te pai te awhata o te huarahi whakahirahira, engari he ngawari ake te ako atu i te huarahi whakapuaki o etahi atu whare pukapuka. Mo te waahi he iti noa nga kaha, he pai ake te whakamahi i te jQuery me te mahi marie: kaore e hiahiatia e te whare pukapuka te huihuinga uaua, te whakahiato ranei.
I tua atu, he pai te jQuery mena kei te maia koe ka kore e uaua to pae i roto i te waa, a ki te kore koe e aro ki nga mahi taketake, katahi ka nui ake te tuhi waehere i te jQuery.
Ka taea hoki e koe te whakamahi i tenei whare pukapuka mena ka hiahia koe ki te tautoko i nga putanga tawhito o IE. Na ka mahi a jQuery ki a koe penei i nga ra o IE te kaitirotiro rongonui.
He titiro ki te heke mai
E kore e ngaro a jQuery i tetahi wa. Ko ia , a he maha nga kaihanga e pai ana ki te whakamahi i tana API, ahakoa kei te waatea nga tikanga taketake. Kua awhinahia e te whare pukapuka te reanga katoa o nga kaiwhakawhanake ki te hanga paetukutuku e mahi ana i runga i tetahi kaitirotiro. Ahakoa he maha nga huarahi kua whakakapihia e nga whare pukapuka hou, nga anga, me nga tauira, he tino pai te mahi a jQuery ki te hanga i te paetukutuku hou.
Ki te kore e tino rerekee te mahi a jQuery, ko te tikanga ka kaha haere tonu te whakamahinga o te whare pukapuka i roto i nga tau e whai ake nei. Ko nga paetukutuku hou ka hangaia ma te whakamahi i nga anga hou ake mai i te timatanga, a kei te onge haere nga keehi mo te jQuery.
Ko etahi karekau e pai ki te reiti ka ngaro haere nga taputapu whanaketanga paetukutuku, engari ki ahau nei he tohu te ahunga whakamua tere. Kua whakaaetia e jQuery kia pai ake nga mahi maha. He pera ano mo ona kairiiwhi.
Source: will.com