JQuery: вэб хуудас руу холбогдож байна

Агуулгын хүснэгт:

JQuery: вэб хуудас руу холбогдож байна
JQuery: вэб хуудас руу холбогдож байна
Anonim

jQuery нь HTML, JavaScript болон CSS технологиуд хэрхэн хамтран ажиллахад анхаардаг Javascript номын сан юм.

jQuery юу хийж чадах вэ

Номын сан дараах ажлуудын жагсаалттай ажиллах боломжтой:

  • хуудасны объектын загварын (DOM) ямар ч элементэд хандаж, тэдгээртэй нарийн төвөгтэй залруулга хийх боломжтой;
  • үйл явдал зохицуулах дэмжигдсэн;
  • төрөл бүрийн график эффект болон хөдөлгөөнт дүрсний функцууд байдаг;
  • AJAX динамик ачаалах технологитой хялбаршуулсан ажил (маш чухал бөгөөд маш хэрэгтэй функц, гэхдээ энэ талаар одоо биш);
  • jQuery өөрийн гэсэн асар олон тооны залгаасуудтай бөгөөд тэдгээрийн үндсэн үүрэг нь хэрэглэгчийн график интерфэйс болон тэдгээртэй хэрэглэгчийн харилцан үйлчлэлийг хэрэгжүүлэх явдал юм.

Номын сангийн шахсан болон шахагдаагүй хувилбарууд

Хөгжүүлэгчид скриптийн хэд хэдэн сонголт байдаг - нэг нь шахагдсан, нөгөө нь шахагдаагүй. Бүрэн хувилбар нь вэб програмуудыг кодлох, дибаг хийх (туршилт хийх) үе шатанд ашиглахад маш тохиромжтой. Нөгөө талаас, жижиглэсэн хувилбар нь дибаг хийх явцад цөөн хэдэн ашигтай давуу талтай боловч илүү хурдан ачаалж, бага зай эзэлдэг. Тиймээс jQuery-ийн шахсан хувилбар тохиромжтойЭнэ нь серверийн ачаалал болон дискний зайг хэмнэдэг тул дууссан төсөлд аль хэдийн ашиглаарай.

jQuery холболт
jQuery холболт

JQuery-н зөв хувилбарыг хэрхэн сонгох вэ

Өнөөдөр jQuery-д 1.x, 2.x, 3.x салбарууд байдаг хэд хэдэн үндсэн урсгалууд байдаг. Тэдний гайхалтай ялгаа нь хоёр дахь хувилбараас эхлэн хуучирсан хөтчүүдийн дэмжлэг, тухайлбал, Microsoft корпорацийн Internet Explorer-ийн найм дахь хувилбар хүртэлх хөтчүүдийг дэмжихээ больсон явдал юм.

Энэ шийдвэр нь номын сангийн өгөгдлийн биет хэмжээг арван хувиар бууруулж, ажлыг бага зэрэг оновчтой болгох боломжтой болсон. Гэсэн хэдий ч дэлхийн хэмжээнд эдгээр хэрэглэгчдийн эзлэх хувь 3% -иас хэтрэхгүй байгаа ч хуучин Internet Explorer-г үндсэн хөтөч болгон суулгасан гэрийн болон корпорацийн компьютерууд дэлхий дээр байсаар байна. Тиймээс хуучирсан платформыг дэмжих эсэх нь танаас хамаарна.

jQuery-ийн хөгжүүлэгчид хувилбаруудын хоцрогдсон нийцтэй байдлын зарчмуудыг баримталдаг. Энэ нь номын сангийн 1.7 хувилбарт зориулж бичсэн код нь 1.8 хувилбартай ажиллах болно гэсэн үг юм. Гэхдээ заримдаа хөгжүүлэгч компани jQuery-ээс ашиггүй функцуудыг устгадаг тул хэрэв та шинэчлэх гэж байгаа бол шинэ хувилбарын баримт бичгийг дахин уншсан нь дээр.

2016 онд jQuery-ийн шинэ салбар гарсан. Энэ нь хуучин хувилбаруудаас ч илүү хурдан, хөнгөн болсон 3.0 хувилбар байсан. Хоцрогдсон хөтчүүдэд зарим функцийг хэрэгжүүлэхийн тулд хакеруудыг устгасан нь номын санг орчин үеийн, хүчирхэг хөгжүүлэлтийн хэрэгсэл болгон байрлуулах боломжийг олгосон.

Хэрэв таныТөсөл аль хэдийн зарим номын санд холбогдсон тул эхлээд шинэчлэлтийн ажлын зардлыг тооцоол. Хэрэв шинэ хувилбараас ашиг хүртэх нь үнэ цэнэтэй юм бол ажлаа эхлүүлээрэй. Төсөлдөө уг хэрэгслийг дөнгөж ашиглаж эхэлж байгаа бүх хөгжүүлэгчид хамгийн сүүлийн хувилбараас шууд эхлүүлэхийг зөвлөж байна.

JQuery-г хэрхэн эхлүүлэх вэ

Эхний алхам бол jQuery-г холбох явдал юм. Үүнийг хийхийн тулд та номын санг jquery.com хөгжүүлэгчийн эх сурвалжаас эсвэл толин тусгалаас шууд татаж аваад өөрийн вэб сервер дээрээ байрлуулах хэрэгтэй.

Одоо вэб хуудастай бодит jQuery холболтыг хийцгээе. Гипертекст тэмдэглэгээний хэл дээрх янз бүрийн скриптүүдийн холболтыг скрипт таг ашиглан зохицуулдаг. jQuery-г дараах кодоор холбоно уу:

jQuery холболт
jQuery холболт

Энэ сонголт нь офлайн холболтод тохиромжтой, гэхдээ сервер ашиглах өөр олон арга бий.

Клоуд үйлчилгээг ашиглан jQuery-г холбоно уу

Google нь Hosted Libraries үйлчилгээгээр хангадаг бөгөөд энэ үйлчилгээг ашиглан хэн дуртай нь алдартай хүрээ эсвэл номын санг вэб програмдаа холбох боломжтой. Google Cloud Storage-ээр jQuery-г холбохын тулд сонгосон хувилбарт тохирох мөрийг дараах загвараар ашиглана уу:

jQuery номын санг хэрхэн оруулах вэ
jQuery номын санг хэрхэн оруулах вэ

Хувилбарын баганад байгаа тоонууд нь суулгах болон цаашид ажиллах боломжтой хувилбарын дугаартай тохирч байна. Завсрын хувилбаруудын аль нэгийг холбохын тулд үүнийг хуулж авахад хангалттайжишээнд заасан тоонуудын оронд холболтын мөрөнд байгаа тоон дугаар.

Та одоогийн хувилбаруудын жагсаалтыг хүссэн үедээ үзэх боломжтой:

developers.google.com/speed/libraries/jquery

Хэрэв та ямар нэг шалтгаанаар Google-д итгэхгүй байгаа ч гуравдагч талын итгэмжлэгдсэн серверээс jQuery номын санг хэрхэн авах талаар мэдэхийг хүсэж байгаа бол Microsoft-ын агуулахыг ашиглаарай.

jQuery номын сан оруулах
jQuery номын сан оруулах

jQuery нь вэб хуудсан дээр хялбархан хөдөлгөөнт дүрс үүсгэх шилдэг хэрэгслүүдийн нэг юм. Та энэ хэрэгслийн хүчийг мэдмэгцээ ийм номын санд суралцаж эхэлсэндээ маш их баяртай байх болно.

Оюутнууд болон хөгжүүлэгчдийн дунд эргэлзэгчид гуравдагч талын номын санг ашиглахгүйгээр бүх зүйлийг цэвэр програмчлалын хэл ашиглан хэрэгжүүлэх нь дээр гэж үздэг. Гэхдээ jQuery файл нь ердөө гучин хоёр килобайт бөгөөд Google-ээр дамжуулан скриптийг оруулсан тохиолдолд таны хэрэглэгчийн хөтөчийн кэшэд аль хэдийн орсон байх магадлалтай гэдгийг та ойлгох хэрэгтэй. Тиймээс хөгжүүлэгчийн амьдралыг хөнгөвчлөх хэрэгслүүдийг сурахаас бүү ай. Эцсийн эцэст, дугуйг дахин зохион бүтээхгүйн тулд бид jQuery номын санг оруулсан болно.

Зөвлөмж болгож буй: