jQuery ـ دنيا ۾ جاوا اسڪرپٽ لائبريري. ويب ڊولپمينٽ ڪميونٽي ان کي 2000 جي ڏهاڪي جي آخر ۾ ٺاهيو، جنهن جي نتيجي ۾ jQuery استعمال ڪندي سائيٽن، پلگ انز ۽ فريم ورڪ جو هڪ امير ماحولي نظام آهي.
پر تازن سالن ۾، ويب ڊولپمينٽ لاءِ پريميئر ٽول جي حيثيت سان ان جي حيثيت ختم ٿي وئي آهي. اچو ته ڏسون ڇو jQuery مقبول ٿي ويو ۽ ڇو اهو فيشن کان ٻاهر ٿي ويو، ۽ اهو پڻ ڪهڙن حالتن ۾ اهو اڃا تائين جديد ويب سائيٽ ٺاهڻ لاء استعمال ڪرڻ جي صلاح ڏني وئي آهي.
jQuery جي مختصر تاريخ
جان ريگ (2005 ۾ لائبريري جو پهريون نسخو ٺاهيو، ۽ -m، BarCampNYC نالي هڪ تقريب ۾. تي ليکڪ لکيو آهي:
jQuery هڪ جاوا اسڪرپٽ لائبريري آهي جنهن تي مبني مقصد آهي: جاوا اسڪرپٽ ڪوڊ ڪرڻ لاءِ مزو هجڻ گهرجي. jQuery عام، ورجائيندڙ ڪمن کي وٺندو آهي، سڀني غير ضروري مارڪ اپ کي ختم ڪري ٿو، ۽ انهن کي مختصر، خوبصورت ۽ صاف بڻائي ٿو.
jQuery جا ٻه مکيه فائدا آھن. پهرين ويب صفحن کي ترتيب ڏيڻ لاءِ هڪ آسان API آهي. خاص طور تي، اهو عناصر چونڊڻ لاء طاقتور طريقا مهيا ڪري ٿو. نه صرف توهان ID يا ڪلاس جي ذريعي چونڊي سگهو ٿا، jQuery توهان کي پيچيده اظهار لکڻ جي اجازت ڏئي ٿي، مثال طور، ٻين عناصر سان انهن جي رشتي جي بنياد تي عناصر چونڊڻ لاء:
// Select every item within the list of people within the contacts element
$('#contacts ul.people li');وقت سان گڏ، چونڊ ميڪانيزم هڪ الڳ لائبريري بڻجي ويو .
لائبريري جو ٻيو فائدو اهو هو ته اهو برائوزرن جي وچ ۾ اختلافن کي ختم ڪري ٿو. انهن سالن ۾، اهو ڪوڊ لکڻ ڏکيو هو جيڪو سڀني برائوزرن ۾ معتبر طور تي ڪم ڪري سگهي ٿو.
معيار جي کوٽ جو مطلب اهو ٿيو ته ڊولپرز کي ضرورت آهي ته ڪيترن ئي فرقن جي حساب سان برائوزرن ۽ ڪنڊ ڪيسن جي وچ ۾. هڪ نظر وٺو ۽ jQuery.browser جي ڳولا ڪريو. هتي هڪ مثال آهي:
// 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);
}۽ jQuery جي مهرباني، ڊولپرز انهن سڀني نقصانن جي باري ۾ خدشات کي ٽيم جي ڪلهن تي منتقل ڪري سگهي ٿي جيڪا لائبريري کي ترقي ڪري ٿي.
بعد ۾، jQuery ان کي آسان بڻائي ڇڏيو وڌيڪ پيچيده ٽيڪنالاجيون لاڳو ڪرڻ جهڙوڪ اينيميشنز ۽ ايجڪس. لائبريري مؤثر طور تي ويب سائيٽن لاءِ معياري انحصار بڻجي چڪي آهي. ۽ اڄ اهو انٽرنيٽ جي وڏي حصي کي طاقت ڏئي ٿو. W3Techs اهو مڃي ٿو .
jQuery ترقي تي ڪنٽرول پڻ وڌيڪ رسمي ٿي چڪي آهي. 2011 ۾ ٽيم . ۽ 2012 ۾ jQuery بورڊ.
2015 ۾، jQuery فائونڊيشن Dojo فائونڊيشن سان ملائي وئي،، جيڪو پوءِ Node.js فائونڊيشن سان ضم ٿي ويو-m ٺاهڻ لاء، جنهن جي اندر jQuery مان هڪ هو “. "
بدلجندڙ حالتون
بهرحال، تازو سالن ۾ jQuery . GitHub. بوٽ اسٽريپ v5 ڇاڪاڻ ته اهو هن جو آهي ""(في الحال 30 KB سائيز ۾، ننڍو ۽ ڀريل). ويب ڊولپمينٽ ۾ ڪيترن ئي رجحانن jQuery جي پوزيشن کي لازمي اوزار طور ڪمزور ڪري ڇڏيو آھي.
برائوزر
ڪيترن ئي سببن لاء، برائوزر اختلاف ۽ حدون گهٽ اهم ٿي چڪا آهن. پهريون، معيار بهتر ٿي چڪو آهي. مکيه برائوزر ڊولپرز (ايپل، گوگل، مائڪروسافٽ ۽ موزيلا) گڏجي ڪم ڪري رهيا آهن ترقي ڪرڻ لاءِ اندر.
جيتوڻيڪ برائوزر اڃا تائين ھڪ ٻئي کان مختلف آھن ڪيترن ئي اھم طريقن سان، وينڊرز وٽ گھٽ ۾ گھٽ ھڪڙو وسيلو آھي ڳولڻ ۽ ٺاھيو ھڪڙو عام ڊيٽابيس بدران. گڏ. انهي جي مطابق، برائوزر APIs نئين صلاحيتون حاصل ڪيون آهن. مثال، jQuery مان Ajax افعال کي تبديل ڪرڻ جي قابل:
// 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);
});طريقو и نقل jQuery چونڊيندڙ:
// jQuery
const fooDivs = $('.foo div');
// native
const fooDivs = document.querySelectorAll('.foo div');توھان ھاڻي استعمال ڪري سگھوٿا عنصر طبقن کي استعمال ڪندي :
// jQuery
$('#warning').toggleClass('visible');
// native
document.querySelector('#warning').classList.toggle('visible');سائيٽ تي ھتي ڪجھ وڌيڪ حالتون آھن جن ۾ jQuery ڪوڊ کي مقامي ڪوڊ سان تبديل ڪري سگھجي ٿو. ڪجهه ڊولپرز هميشه jQuery سان جڙيل آهن ڇو ته اهي صرف نئين API جي باري ۾ نه ڄاڻندا آهن، پر جڏهن اهي ڪندا آهن، اهي لائبريري کي گهٽ استعمال ڪرڻ شروع ڪندا آهن.
اصلي خاصيتون استعمال ڪندي صفحي جي ڪارڪردگي کي بهتر بڻائي ٿو. گھڻا هاڻي توهان لاڳو ڪري سگهو ٿا CSS استعمال ڪندي.
ٻيو سبب اهو آهي ته برائوزر اڳ جي ڀيٽ ۾ تمام تيز اپڊيٽ ڪيا ويا آهن. انهن مان گهڻا استعمال ڪن ٿا ايپل سفاري جي استثنا سان. اهي صارف جي شموليت کان سواءِ پس منظر ۾ اپڊيٽ ٿي سگهن ٿا ۽ او ايس تازه ڪارين سان جڙيل نه آهن.
هن جو مطلب اهو آهي ته نئين برائوزر خاصيتون ۽ بگ فيڪس تمام تيزيء سان ورهايل آهن، ۽ ڊولپرز کي انتظار ڪرڻ جي ضرورت ناهي جيستائين قابل قبول سطح تي پهچي ويندو. اهي jQuery يا polyfills ڊائون لوڊ ڪرڻ کان سواءِ اعتماد سان نيون خاصيتون ۽ APIs استعمال ڪري سگھن ٿا.
ٽيون سبب اهو آهي ته انٽرنيٽ ايڪسپلورر مڪمل بي ترتيبي جي حالت ۾ اچي رهيو آهي. IE ڊگهي عرصي کان دنيا جي ويب ڊولپمينٽ جو بينڊ ٿي چڪو آهي. ان جا ڪيڙا پکڙجي ويا، ۽ ڇاڪاڻ ته IE 2000 جي ڏهاڪي تي غلبہ حاصل ڪيو ۽ سدا بہار تازه ڪاري حڪمت عملي استعمال نه ڪئي، پراڻا نسخا اڃا به عام آهن.
2016 ۾، Microsoft تيز ڪيو IE کي ختم ڪرڻ، ڏهين ۽ پوئين ورزن، IE 11 تائين سپورٽ کي محدود ڪرڻ. ۽ وڌ ۾ وڌ، ويب ڊولپرز وٽ IE مطابقت کي نظر انداز ڪرڻ جي آسائش آهي.
ايستائين جو jQuery IE 8 جي حمايت ڪرڻ بند ڪيو ۽ ان کان هيٺ ، 2013ع ۾ شايع ٿيو. ۽ جيتوڻيڪ ڪجھ ڪيسن ۾ IE سپورٽ اڃا به گهربل آهي، مثال طور، پراڻن سائيٽن تي، اهي حالتون گهٽ ۽ گهٽ اڪثر پيدا ٿينديون آهن.
نئون فريم ورڪ
jQuery جي اچڻ کان وٺي، ڪيترائي فريم ورڪ ٺاهيا ويا آهن، جن ۾ جديد اڳواڻن شامل آهن , и . اهي jQuery تي ٻه اهم فائدا آهن.
پهرين، انهن کي آسان بڻائي ٿو استعمال ڪندڙ انٽرفيس کي حصن ۾ الڳ ڪرڻ. فريم ورڪ صفحي جي رينڊرنگ ۽ تازه ڪاري کي سنڀالڻ لاءِ ٺهيل آهن. ۽ jQuery عام طور تي استعمال ڪيو ويندو آهي صرف تازه ڪاري ڪرڻ لاء، سرور کي شروعاتي صفحي مهيا ڪرڻ جو ڪم ڇڏي.
ٻئي طرف، React، Angular ۽ Vue اجزاء توهان کي HTML، ڪوڊ ۽ حتي سي ايس ايس کي مضبوطي سان گڏ ڪرڻ جي اجازت ڏين ٿا. جيئن ته اسان ڪوڊ بيس کي ڪيترن ئي خودمختاري افعال ۽ طبقن ۾ ورهايو ٿا، انٽرفيس کي ٻيهر استعمال جي قابل اجزاء ۾ ورهائڻ جي صلاحيت پيچيده سائيٽن کي ٺاهڻ ۽ برقرار رکڻ آسان بڻائي ٿي.
ٻيو فائدو اهو آهي ته وڌيڪ تازو فريم ورڪ هڪ بياني پيراڊم تي عمل ڪري ٿو، جنهن ۾ ڊولپر بيان ڪري ٿو ته انٽرفيس کي ڪهڙو ڏسڻ گهرجي ۽ ان کي فريم ورڪ ڏانهن ڇڏي ٿو ته گهربل گهربل تبديلين کي حاصل ڪرڻ لاء. اهو طريقو لازمي طريقي جي برعڪس آهي جيڪو jQuery ڪوڊ کي خاص ڪري ٿو.
jQuery ۾، توهان واضح طور تي لکندا قدمن کي تبديل ڪرڻ لاءِ. ۽ هڪ اعلاناتي فريم ورڪ ۾ توهان چئو ٿا، "هن ڊيٽا جي مطابق، انٽرفيس هن وانگر ڏسڻ گهرجي." اهو بگ فري ڪوڊ لکڻ کي تمام آسان بڻائي سگھي ٿو.
ڊولپرز ويب سائيٽ ڊولپمينٽ لاءِ نوان طريقا اختيار ڪيا آهن، جنهن ڪري jQuery جي مقبوليت گهٽجي وئي آهي.
جڏهن jQuery استعمال ڪجي؟
پوء جڏهن هجي jQuery استعمال ڪريو؟
جيڪڏهن منصوبي جي پيچيدگي وڌي ٿي، ته اهو بهتر آهي ته ڪنهن ٻئي لائبريري يا فريم ورڪ سان شروع ڪيو وڃي جيڪا توهان کي معقول طور تي پيچيدگي کي منظم ڪرڻ جي اجازت ڏئي ٿي. مثال طور، انٽرفيس کي حصن ۾ ورهايو. اهڙين سائيٽن تي jQuery استعمال ڪرڻ شروع ۾ ٺيڪ نظر اچي سگهي ٿو، پر اهو جلدي اسپگيٽي ڪوڊ ڏانهن وٺي ويندو جتي توهان کي پڪ ناهي ته ڪهڙو ٽڪرو صفحي جي ڪهڙي حصي کي متاثر ڪري ٿو.
مان اهڙي صورتحال ۾ رهيو آهيان، جڏهن ڪا به تبديلي آڻڻ جي ڪوشش ڪندو آهيان ته اهو هڪ ڏکيو ڪم محسوس ٿيندو آهي. توهان يقين نه ٿا ڪري سگهو ته توهان ڪنهن به شيء کي ٽوڙي نه سگهندا ڇو ته jQuery چونڊ ڪندڙ سرور پاران ٺاهيل HTML ساخت تي منحصر آهن.
پيماني جي ٻئي آخر ۾ سادي سائيٽون آهن جن کي صرف ٿورڙي رابطي يا متحرڪ مواد جي ضرورت آهي. مان انهن ڪيسن ۾ jQuery کي ڊفالٽ نه ڪندس، ڇاڪاڻ ته اتي گهڻو ڪجهه آهي جيڪو توهان مقامي APIs سان ڪري سگهو ٿا.
جيتوڻيڪ مون کي وڌيڪ طاقتور شيءِ جي ضرورت آهي، مان هڪ خاص لائبريري ڳوليندس، مثال طور. Ajax يا لاء animations لاء. اهو تمام آسان ٿيندو jQuery کي لوڊ ڪرڻ کان ننڍي ڪارڪردگي لاءِ.
منهنجو خيال آهي ته jQuery استعمال ڪرڻ لاءِ بهترين دليل اهو آهي ته اها ويب سائيٽ جي سامهون واري آخر تائين جامع ڪارڪردگي فراهم ڪري ٿي. مختلف قسم جي مقامي APIs يا خاص لائبريريون سکڻ جي بدران، توهان صرف jQuery دستاويز پڙهي سگهو ٿا ۽ فوري طور تي پيداوار بڻجي سگهو ٿا.
لازمي طريقي سان ماپ نه ٿو ڪري، پر اهو سکڻ آسان آهي ٻين لائبريرين جي اعلاناتي طريقي جي ڀيٽ ۾. واضح طور تي محدود صلاحيتن سان گڏ سائيٽ لاء، اهو بهتر آهي ته jQuery استعمال ڪيو وڃي ۽ آرام سان ڪم ڪريو: لائبريري کي پيچيده اسيمبلي يا تاليف جي ضرورت ناهي.
اضافي طور تي، jQuery سٺو آهي جيڪڏهن توهان کي يقين آهي ته توهان جي سائيٽ وقت سان گڏ پيچيده نه ٿيندي، ۽ جيڪڏهن توهان مقامي ڪارڪردگي جي پرواهه نه ڪندا، جنهن کي يقيني طور تي jQuery کان وڌيڪ ڪوڊ لکڻ جي ضرورت پوندي.
توھان ھي لائبريري پڻ استعمال ڪري سگھو ٿا جيڪڏھن توھان کي IE جي پراڻن ورزن کي سپورٽ ڪرڻ جي ضرورت آھي. پوءِ jQuery توهان جي خدمت ڪندو جيئن اهو انهن ڏينهن ۾ ڪيو ويو جڏهن IE تمام مشهور برائوزر هو.
مستقبل ۾ ڏسو
jQuery جلد ئي غائب نه ٿيندو. هوءَ ، ۽ ڪيترائي ڊولپر ان جي API استعمال ڪرڻ کي ترجيح ڏين ٿا، جيتوڻيڪ مقامي طريقا موجود آھن. لائبريري ڊولپرز جي پوري نسل جي مدد ڪئي آهي ويب سائيٽون ٺاهڻ جيڪي ڪنهن به برائوزر تي ڪم ڪن ٿيون. جيتوڻيڪ ان کي ڪيترن ئي طريقن سان تبديل ڪيو ويو آهي نئين لائبريرين، فريم ورڪ، ۽ پيراڊمز، jQuery جديد ويب جي تخليق ۾ تمام گهڻو مثبت ڪردار ادا ڪيو آهي.
جيستائين jQuery جي ڪارڪردگي خاص طور تي تبديل نه ٿيندي، اهو ممڪن آهي ته لائبريري جو استعمال سست جاري رهندو پر ايندڙ ڪجهه سالن ۾ مسلسل گهٽتائي ٿيندي. نيون ويب سائيٽون شروع کان وڌيڪ جديد فريم ورڪ استعمال ڪندي ٺاهي وينديون آهن، ۽ jQuery لاءِ مناسب استعمال جا ڪيس تمام گهٽ ٿي رهيا آهن.
ڪجهه ماڻهو اها شرح پسند نٿا ڪن جنهن تي ويب ڊولپمينٽ جا اوزار ختم ٿي وڃن ٿا، پر منهنجي لاءِ اهو تيز رفتاري جو ثبوت آهي. jQuery اسان کي تمام گهڻيون شيون ڪرڻ جي اجازت ڏني آهي بهتر. ساڳيو ئي سندس جانشين لاءِ سچو آهي.
جو ذريعو: www.habr.com