Velocity (JavaScript library)
رفتار ایک کراس پلیٹ فارم جاوا اسکرپٹ لائبریری ہے جو ویب سائٹ اینیمیشن کی کلائنٹ سائیڈ اسکرپٹنگ کو آسان بنانے کے لیے ڈیزائن کی گئی ہے۔ رفتار ایک مفت، اوپن سورس سافٹ ویئر ہے جو ایم آئی ٹی لائسنس کے تحت لائسنس یافتہ ہے۔ یہ سب سے زیادہ مقبول اوپن سورس ویب اینیمیشن انجن ہے۔ ویلوسیٹی کا نحو ایچ ٹی ایم ایل اور ایس وی جی عناصر کے لیے پیچیدہ حرکت پذیری تخلیق کرنا آسان بنانے کے لیے ڈیزائن کیا گیا ہے۔ اس کے ورک فلو فوائد کے علاوہ، رفتار حرکت پذیری کی کارکردگی فراہم کرتی ہے جو سی ایس ایس پر مبنی حرکت پذیری کے ساتھ مسابقتی ہے۔ رفتار حرکت پذیری ریاستوں کے اندرونی کیش کو برقرار رکھتے ہوئے اور "لے آؤٹ تھراشنگ" کو کم سے کم کرکے اپنی کارکردگی حاصل کرتی ہے، وہ ناپسندیدہ طرز عمل جس سے ویب براؤزر تیز رفتار سے بصری طور پر اپ ڈیٹ کرتے وقت گزرتے ہیں۔ مجموعی طور پر، اس کے ورک فلو اور کارکردگی کے فوائد رفتار کو جدید ترین حرکت پذیری پروگرامنگ کے لیے استعمال کرنے کی اجازت دیتے ہیں جسے ویب اور موبائل ایپلی کیشنز دونوں میں ضم کیا جا سکتا ہے۔ اس کا وسیع براؤزر اور ڈیوائس سپورٹ اسے بڑے انٹرپرائز کی تقسیم کے لیے مثالی بناتا ہے جو کم طاقت والے آلات کو سپورٹ کرنا چاہیے۔ اوبر، سیمسنگ، وٹس ایپ، ٹمبلر، ایچ ٹی سی، مزدا، اور مائیکروسافٹ ونڈوز سمیت بہت سی قابل ذکر ویب سائٹس کے یوزر انٹرفیس کو طاقت دینے کے لیے رفتار کا استعمال کیا جاتا ہے۔ یہ کوڈ ہوسٹنگ سروس گٹ ہب پر سب سے زیادہ پسندیدہ منصوبوں میں سے ایک ہے۔ 2015 میں، دی نیٹ ایوارڈز کے ذریعہ ویلوسیٹی کو اوپن سورس پروجیکٹ آف دی ایئر کے لیے نامزد کیا گیا تھا۔ ویلکوسیٹی کی خصوصیات میں شامل ہیں: براؤزر ونڈو اور عنصر اسکرولنگ جے کوری فریم ورک اینیمیشن ریورسل سے آزادی (پچھلی حرکت پذیری کو کالعدم کرنے کی صلاحیت) اور حرکت پذیری لوپنگ ایس وی جی عنصر اینیمیشن آر جی بی اور ہیکس کلر اینیمیشن سی ایس ایس کا ٹرانسفارم پراپرٹی اینیمیشن ویلکوسیٹی کے یو آئی پیک فزکس پر مبنی حرکت کے ذریعے پہلے سے تخلیق کردہ حرکت پذیری اثرات اسپرنگ ایزنگ ٹائپ کے ذریعے انضمام کا وعدہ براؤزر سپورٹ ویلکوسیٹی تمام بڑے ڈیسک ٹاپ براؤزرز (فائر فاکس، گوگل کروم، اور سفاری) کے علاوہ آئی او ایس اور اینڈرائڈ موبائل آپریٹنگ سسٹم کو سپورٹ کرتا ہے۔ اس کی حمایت انٹرنیٹ ایکسپلورر 8 اور اینڈرائیڈ 2.3 تک پھیلی ہوئی ہے۔ استعمال لائبریری سمیت رفتار لائبریری ایک واحد جاوا اسکرپٹ فائل ہے جس میں اس کے تمام بنیادی افعال ہوتے ہیں۔ اسے ویب پیج کے اندر مقامی کاپی سے لنک کرکے یا عوامی سرورز سے دستیاب بہت سی کاپیوں میں سے کسی ایک سے منسلک کرکے شامل کیا جا سکتا ہے، بشمول میکس سی ڈی این کے جے ایس ڈیلیور یا کلاؤڈ فلایر کے سی ڈی این جے۔ <اسکرپٹ src = "velocity.min.js"> </سکرپٹ> مواد کی ترسیل کے نیٹ ورک سے براہ راست رفتار کو شامل کرنا بھی ممکن ہے۔ (انٹیگریٹی ایٹریبیوٹ سب سورس انٹیگریٹی کے لیے استعمال ہوتا ہے۔) وسائل کے لیے ہمیشہ ایچ ٹی ٹی پی ایس کا استعمال کرنے کی سفارش کی جاتی ہے لیکن پروٹوکول سے متعلق یو آر ایل کا استعمال کرنے کے لیے اسے// سے تبدیل کیا جا سکتا ہے۔ <اسکرپٹ src = "https://cdnjs.cloudflare.com/ajax/libs/velocity/1.5.2/velocity.min.js" انٹیگریٹی = "sha384-fcLDUAwcSMMfmpKMJ0dO2// SL2WJ5/kkyz/yvgtMLXBEp3GdqrQF9ahRerhdLXn +" کراس اوریجن = "گمنام"> </رسم الخط> استعمال کے انداز رفتار کے استعمال کے دو انداز ہیں: $. Velocity فنکشن، جو کہ jQuery جڑ آبجیکٹ سے بڑھا ہوا ایک فیکٹری طریقہ ہے۔ یہ طریقہ جے کوری سے لپٹے ہوئے عناصر کے بجائے خام ڈی او ایم عناصر کو متحرک کرتا ہے۔ صفحہ پر jQuery کے بغیر Velocity استعمال کرتے وقت استعمال کیا جانے والا یہ انداز ہے۔ $element.velocity () فنکشن۔ یہ وہ سٹائل ہے جو جے کوری عنصر آبجیکٹ کو متحرک کرنے کے لیے استعمال ہوتا ہے جب جے کوری صفحہ پر موجود ہوتا ہے۔ رفتار میں حرکت پذیری کالوں میں متحرک کرنے کے لیے مطلوبہ عناصر کی فراہمی، متحرک کرنے کے لیے سی ایس ایس کی خصوصیات کی وضاحت کرنے کے لیے ایک حرکت پذیری پراپرٹی کا نقشہ، اور حرکت پذیری کی ترتیبات کی وضاحت کرنے کے لیے ایک اختیاری اختیارات کا اعتراض (مثال کے طور پر۔ مدت)۔ آرگیومنٹس ویلکوسیٹی ایک یا زیادہ دلائل کو قبول کرتی ہے۔ پہلی دلیل، جو ضروری ہے، یا تو پہلے سے طے شدہ رفتار کمانڈ کا نام ہو سکتی ہے (مثال کے طور پر۔ سکرول یا ریورس) یا متحرک ہونے کے لیے سی ایس ایس خصوصیات پر مشتمل ایک آبجیکٹ:// کسی عنصر کی چوڑائی کو 100 پی ایکس اور اس کی بائیں پراپرٹی کو 200 پی ایکس $element.velocity ({چوڑائی: "100 پی ایکس"، بائیں: "200 پی ایکس"}) پر متحرک کریں ؛ دوسری دلیل، جو اختیاری ہے، ایک آبجیکٹ ہے۔ اس کا استعمال حرکت پذیری کے اختیارات جیسے مدت، آسانی، اور مکمل (حرکت پذیری مکمل ہونے کے بعد انجام دینے کے لیے ایک صوابدیدی فنکشن) کی وضاحت کے لیے کیا جاتا ہے:// 100 کی تاخیر کے لیے رکنے کے بعد 1000 ایم ایس کی مدت میں کسی عنصر کی چوڑائی کو 100 پی ایکس پر متحرک کریں۔ $element.velocity ({چوڑائی: "100px"}، {دورانیہ: 1000، تاخیر: 100}) ؛ زنجیر رفتار میں مسلسل حرکت پذیری کالوں کا ایک سلسلہ بنانا ہدف jQuery عنصر آبجیکٹ پر رفتار () کالوں کو بیک ٹو بیک رکھنے پر مشتمل ہوتا ہے: $عنصر. رفتار ({اونچائی: 300}، {دورانیہ: 1000})// پچھلے حرکت پذیری کے مکمل ہونے کے بعد اس حرکت پذیری پر جاری رکھیں۔ رفتار ({اوپر: 200}، {دورانیہ: 600})/اور ایک بار پھر۔ رفتار ({اوپیسیٹی: 0}، {دورانیہ: 200}) ؛ رفتار میں اسکرولنگ اور ریورسل اسکرولنگ رفتار کے طور پر "اسکرول" میں گزرنے پر مشتمل ہے۔ رفتار میں حرکت پذیری الٹ رفتار کی پہلی دلیل کے طور پر "ریورس" میں گزرنے پر مشتمل ہے:// کسی عنصر کی اونچائی کو متحرک کریں $element.velocity ({اونچائی: "500px"}، {دورانیہ: 500}) ؛// پچھلی حرکت پذیری کو الٹ دیں ؛ پچھلی مدت $element.velocity ("ریورس") کا استعمال کرتے ہوئے عنصر کی اصل اونچائی پر واپس متحرک کریں ؛ رفتار کا ریورس کمانڈ سابقہ کال میں استعمال ہونے والے حرکت پذیری کے اختیارات کو ڈیفالٹ کرتا ہے۔ نئے آپشنز آبجیکٹ میں پاس کرنا پچھلے کو بڑھاتا ہے: $element.velocity ({اونچائی: "500x"}، {دورانیہ: 500}) ؛// پچھلی ریورس کال کے آپشنز آبجیکٹ کو ایک نئی دورانیے کی قیمت $element.velocity ("ریورس"، {دورانیہ: 1000}) کے ساتھ بڑھائیں ؛ ہسٹری ویلکوسیٹی کو جولین شاپیرو نے پرفارمیننٹ اور ڈیزائنر پر مبنی جاوا اسکرپٹ اینیمیشن لائبریریوں کی کمی کو دور کرنے کے لیے تیار کیا تھا۔ سٹرائپ، ایک مقبول ویب ڈویلپر پر مرکوز انٹرنیٹ ٹیکنالوجی کمپنی نے شاپیرو کو ایک گرانٹ پر اسپانسر کیا تاکہ رفتار پر کل وقتی ترقی کو جاری رکھنے کے لیے ضروری مالی وسائل فراہم کرنے میں مدد ملے۔ ویلوسیٹی کے اندرونی حرکت پذیری انجن کی اعلی کارکردگی نے جاوا اسکرپٹ پر مبنی ویب حرکت پذیری کو دوبارہ مقبول بنانے میں مدد کی، جو پہلے جاوا اسکرپٹ لائبریریوں کے مقابلے میں رفتار کے فوائد کی وجہ سے سی ایس ایس پر مبنی حرکت پذیری کے حق سے باہر ہو گیا تھا جس میں حرکت پذیری پر توجہ نہیں تھی۔ ستمبر 2014 میں، شاپیرو نے ویلوسیٹی موشن ڈیزائنر جاری کیا، جو لائیو پروڈکشن ویب سائٹس پر حرکت پذیری ڈیزائن کرنے کا ایک ٹول ہے جس نے آئی ڈی ای کے اندر بعد میں استعمال کے لیے تیار کردہ حرکت پذیری کوڈ کو حقیقی وقت میں برآمد کرنے کی اجازت دی۔ مارچ 2015 میں، پیچپٹ نے جاوا اسکرپٹ کتاب کا استعمال کرتے ہوئے شاپیرو کی ویب اینیمیشن شائع کی، جو ویلوسیٹی کا استعمال کرتے ہوئے ویب اینیمیشن تیار کرنے کے ابتدائی اور جدید اصول دونوں سکھاتی ہے۔ 2015 کے وسط تک، رفتار کو خصوصی طور پر شاپیرو کے ذریعہ تیار اور برقرار رکھا جاتا ہے۔ پیشہ ورانہ انٹرپرائز ماحول میں ویلوسیٹی کے استعمال کے علاوہ، یہ ویب ڈویلپمنٹ کے تجربے اور ابتدائی مشق کے لیے بھی بڑے پیمانے پر استعمال ہوتا ہے۔ ویلوسیٹی کے اوپر بنائے گئے پروف آف کانسیپٹ ویب ڈویلپمنٹ پروجیکٹس عام طور پر کوڈ پین (مثال کے طور پر) پر پوسٹ کیے جاتے ہیں، جو ایک معروف کمیونٹی کوڈ شیئرنگ سروس ہے۔ یہ بھی دیکھیں D3.js رافایل Three.js jQuery جاوا اسکرپٹ فریم ورک جاوا اسکرپٹ لائبریری مزید پڑھنا JQuery کے بغیر حرکت پذیری حرکت پذیری کو کیسے استعمال کیا جائے حرکت پذیری کو آسانی سے شامل کرنے کے لیے تیز رفتار UI حرکت پذیری کا استعمال کرتے ہوئے Velocity.js بیرونی لنکس رفتار ڈیمو گیلری حوالہ جات جاوا اسکرپٹ لائبریریاں مفت سافٹ ویئر جاوا اسکرپٹ ایجیکس (پروگرامنگ) سافٹ ویئر میں پروگرام شدہ MIT لائسنس 2014 سافٹ ویئر کا استعمال کرتے ہوئے