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 د ډیرو پیچلو ټیکنالوژیو پلي کول اسانه کړل لکه متحرکات او Ajax. کتابتون په مؤثره توګه د ویب پاڼو لپاره معیاري انحصار ګرځیدلی. او نن ورځ دا د انټرنیټ لویه برخه ځواکوي. 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 سره پاتې کیږي ځکه چې دوی په ساده ډول د نوي APIs په اړه نه پوهیږي، مګر کله چې دوی کوي، دوی لږ ځله د کتابتون کارول پیل کوي.
د اصلي ځانګړتیاوو کارول د پاڼې فعالیت ښه کوي. ډیری اوس تاسو کولی شئ پلي کړئ د CSS کارول.
دوهم دلیل دا دی چې براوزرونه د پخوا په پرتله خورا ګړندي نوي شوي. ډیری یې کاروي د ایپل سفاري استثنا سره. دوی د کارونکي ښکیلتیا پرته په شالید کې تازه کیدی شي او د OS تازه معلوماتو سره تړلي ندي.
دا پدې مانا ده چې د نوي براوزر ځانګړتیاوې او د بګ فکسونه خورا ګړندي ویشل شوي، او پراختیا کونکي اړتیا نلري تر هغه پورې انتظار وکړي چې د منلو وړ کچې ته ورسیږي. دوی کولی شي په ډاډ سره نوي ب featuresې او APIs د jQuery یا پولیفیل ډاونلوډ کولو پرته وکاروي.
دریم دلیل دا دی چې انټرنیټ اکسپلورر د بشپړ غیر متناسب حالت ته نږدې کیږي. IE د اوږدې مودې راهیسې په ټوله نړۍ کې د ویب پراختیا خنډ دی. د دې کیګونه پراخه وو، او ځکه چې IE په 2000s کې تسلط درلود او د تل زرغون تازه کولو ستراتیژي یې نه کارولې، زاړه نسخې لاهم عام دي.
په 2016 کې، مایکروسافټ د IE له منځه وړل ګړندي کړل، لسمه او پخوانۍ نسخې، د IE 11 ملاتړ محدودوي. او په زیاتیدونکي توګه، د ویب پراختیا کونکي د IE مطابقت له پامه غورځولو عیش و آرام لري.
حتی jQuery د پیل څخه د IE 8 او لاندې ملاتړ کول بند کړل ، په 2013 کې خپور شو. او که څه هم په ځینو قضیو کې د IE ملاتړ لاهم اړین دی، د بیلګې په توګه، په زړو سایټونو کې، دا حالتونه لږ او لږ وخت رامنځته کیږي.
نوي چوکاټونه
د jQuery له راتګ راهیسې، ډیری چوکاټونه رامینځته شوي، په شمول د عصري مشرانو , и . دوی د jQuery په اړه دوه مهمې ګټې لري.
لومړی، دوی دا آسانه کوي چې د کاروونکي انٹرفیس په برخو کې جلا کړي. چوکاټونه د پاڼې رینډینګ او تازه کولو اداره کولو لپاره ډیزاین شوي. او jQuery معمولا یوازې د تازه کولو لپاره کارول کیږي، سرور ته د لومړنۍ پاڼې چمتو کولو دنده پریږدي.
له بلې خوا ، عکس العمل ، زاویه او ویو اجزا تاسو ته اجازه درکوي په کلکه HTML ، کوډ او حتی CSS جوړه کړئ. لکه څنګه چې موږ د کوډ اساس په ډیری خودمختار کارونو او ټولګیو ویشو ، د انٹرفیس د بیا کارولو وړ اجزاو ویشلو وړتیا د پیچلو سایټونو رامینځته کول او ساتل اسانه کوي.
دویمه ګټه دا ده چې وروستي چوکاټونه د اعلاناتي تمثیل سره سمون لري، په کوم کې چې پراختیا کونکی تشریح کوي چې انٹرفیس باید څه ډول ښکاري او دا چوکاټ ته پریږدي ترڅو ټول اړین بدلونونه رامینځته کړي ترڅو هغه څه ترلاسه کړي چې مطلوب وي. دا طریقه د لازمي طریقې سره مخالفه ده چې د jQuery کوډ ځانګړتیاوي.
په jQuery کې، تاسو په واضح ډول د هر ډول بدلونونو لپاره ګامونه ولیکئ. او په یوه اعلاناتي چوکاټ کې تاسو ووایاست، "د دې معلوماتو له مخې، انٹرفیس باید داسې ښکاري." دا کولی شي د بګ څخه پاک کوډ لیکل خورا اسانه کړي.
پرمخ وړونکو د ویب پاڼې پراختیا لپاره نوې طریقې غوره کړې، له همدې امله د jQuery شهرت کم شوی.
کله jQuery وکاروئ؟
نو کله باید د jQuery وکاروئ؟
که چیرې د پروژې پیچلتیا زیاته شي، نو دا به غوره وي چې د بل کتابتون یا چوکاټ سره پیل کړئ چې تاسو ته اجازه درکوي په معنی سره پیچلتیا اداره کړئ. د مثال په توګه، انٹرفیس په برخو ویشئ. په داسې سایټونو کې د jQuery کارول ممکن په لومړي سر کې ښه ښکاري، مګر دا به په چټکۍ سره د سپتیټي کوډ ته الر پیدا کړي چیرې چې تاسو ډاډه نه یاست چې کوم ټوټه د پاڼې کومه برخه اغیزه کوي.
زه په داسې حالت کې وم، کله چې د کوم بدلون هڅه وکړم، دا د ستونزمن کار په څیر احساس کوي. تاسو ډاډه نه یاست چې تاسو به هیڅ شی مات نه کړئ ځکه چې د jQuery انتخاب کونکي د سرور لخوا رامینځته شوي HTML جوړښت پورې اړه لري.
د پیمان په بل پای کې ساده سایټونه دي چې یوازې یو څه متقابل عمل یا متحرک مینځپانګې ته اړتیا لري. زه به پدې قضیو کې jQuery ته ډیفالټ نه کړم ، ځکه چې دلته ډیر څه شتون لري چې تاسو د اصلي APIs سره کولی شئ.
حتی که زه ډیر ځواکمن څه ته اړتیا لرم، زه به یو ځانګړی کتابتون وګورم، د بیلګې په توګه. د Ajax یا د متحرکاتو لپاره. دا به د کوچني فعالیت لپاره د ټولو jQuery بارولو څخه اسانه وي.
زه فکر کوم چې د jQuery کارولو لپاره غوره دلیل دا دی چې دا د ویب پاڼې مخکینۍ پای لپاره جامع فعالیت چمتو کوي. د مختلف اصلي APIs یا ځانګړي کتابتونونو زده کولو پرځای ، تاسو کولی شئ یوازې د jQuery اسناد ولولئ او سمدلاسه ګټور شئ.
لازمي طریقه ښه اندازه نه کوي، مګر د نورو کتابتونونو د اعلاناتي طریقې په پرتله زده کړه اسانه ده. د هغه سایټ لپاره چې په واضح ډول محدود ظرفیتونه لري، دا غوره ده چې jQuery وکاروئ او په آرامۍ سره کار وکړئ: کتابتون پیچلي مجلس یا تالیف ته اړتیا نلري.
سربیره پردې، jQuery ښه دی که تاسو ډاډه یاست چې ستاسو سایټ به د وخت په تیریدو سره پیچلي نشي، او که تاسو د اصلي فعالیت په اړه پروا نه کوئ، کوم چې یقینا د jQuery په پرتله ډیر کوډ لیکلو ته اړتیا لري.
تاسو کولی شئ دا کتابتون هم وکاروئ که تاسو اړتیا لرئ د IE پخوانیو نسخو ملاتړ وکړئ. بیا jQuery به تاسو ته خدمت وکړي لکه څنګه چې دا په هغه ورځو کې چې IE خورا مشهور براوزر و.
راتلونکې ته ګوري
jQuery به هیڅ وخت ژر ورک نشي. هغې ، او ډیری پراختیا کونکي د دې API کارولو ته ترجیح ورکوي ، حتی که اصلي میتودونه شتون ولري. کتابتون د پراختیا کونکو بشپړ نسل سره مرسته کړې چې ویب پاڼې رامینځته کړي چې په هر براوزر کې کار کوي. که څه هم دا د نوي کتابتونونو، چوکاټونو، او تمثیلونو لخوا په ډیری لارو بدل شوی، jQuery د عصري ویب په جوړولو کې خورا مثبت رول لوبولی دی.
پرته لدې چې د jQuery فعالیت د پام وړ بدلون ومومي، احتمال لري چې د کتابتون کارول به په راتلونکو څو کلونو کې ورو خو په ثابت ډول کم شي. نوې ویب پاڼې د پیل څخه د ډیرو عصري چوکاټونو په کارولو سره رامینځته کیږي، او د jQuery لپاره د مناسب استعمال قضیې په زیاتیدونکي توګه نادره کیږي.
ځینې خلک هغه نرخ نه خوښوي چې د ویب پرمختیا وسیلې ناپاک کیږي، مګر زما لپاره دا د چټک پرمختګ ثبوت دی. jQuery موږ ته اجازه راکړه چې ډیر شیان ښه ترسره کړو. ورته د هغې د جانشینانو لپاره ریښتیا ده.
سرچینه: www.habr.com