Velocity (JavaScript library)
திசைவேகம் என்பது வலைத்தள அனிமேஷனின் கிளையன்ட்-சைட் ஸ்கிரிப்டிங்கை எளிமைப்படுத்த வடிவமைக்கப்பட்ட ஒரு குறுக்கு-தள ஜாவாஸ்கிரிப்ட் நூலகமாகும். வேகம் என்பது எம்ஐடி உரிமத்தின் கீழ் உரிமம் பெற்ற இலவச, திறந்த மூல மென்பொருளாகும். இது மிகவும் பிரபலமான திறந்த மூல வலை அனிமேஷன் இயந்திரமாகும். எச். டி. எம். எல் மற்றும் எஸ். வி. ஜி கூறுகளுக்கான சிக்கலான அனிமேஷன்களை உருவாக்குவதை எளிதாக்கும் வகையில் வேகத்தின் தொடரியல் வடிவமைக்கப்பட்டுள்ளது. அதன் பணிப்பாய்வு நன்மைகளுக்கு கூடுதலாக, வெலோசிட்டி சிஎஸ்எஸ் அடிப்படையிலான அனிமேஷனுடன் போட்டியிடும் அனிமேஷன் செயல்திறனை வழங்குகிறது. அனிமேஷன் நிலைகளின் உள் தற்காலிக சேமிப்பைப் பராமரிப்பதன் மூலமும், வலை உலாவிகள் பார்வைக்கு விரைவான விகிதத்தில் புதுப்பிக்கும்போது ஏற்படும் விரும்பத்தகாத நடத்தையான "லேஅவுட் த்ராஷிங்கை" குறைப்பதன் மூலமும் வேகம் அதன் செயல்திறனை அடைகிறது. மொத்தத்தில், அதன் பணிப்பாய்வு மற்றும் செயல்திறன் நன்மைகள் வலை மற்றும் மொபைல் பயன்பாடுகள் இரண்டிலும் ஒருங்கிணைக்கக்கூடிய அதிநவீன அனிமேஷன் நிரலாக்கத்திற்கு வேகத்தைப் பயன்படுத்த அனுமதிக்கின்றன. அதன் பரந்த உலாவி மற்றும் சாதன ஆதரவு குறைந்த சக்திவாய்ந்த சாதனங்களை ஆதரிக்க வேண்டிய பெரிய நிறுவன விநியோகங்களுக்கு ஏற்றதாக அமைகிறது. உபெர், சாம்சங், வாட்ஸ்அப், டம்ப்ளர், எச். டி. சி, மஸ்டா மற்றும் மைக்ரோசாப்ட் விண்டோஸ் உள்ளிட்ட பல குறிப்பிடத்தக்க வலைத்தளங்களின் பயனர் இடைமுகங்களை இயக்க வேகம் பயன்படுத்தப்படுகிறது. குறியீடு ஹோஸ்டிங் சேவையான கிட்ஹப்பில் மிகவும் விரும்பப்படும் திட்டங்களில் இதுவும் ஒன்றாகும். 2015 ஆம் ஆண்டில், தி நெட் விருதுகளால் ஆண்டின் திறந்த மூல திட்டத்திற்கு வெலோசிட்டி பரிந்துரைக்கப்பட்டது. வேகத்தின் அம்சங்கள் பின்வருமாறுஃ உலாவி சாளரம் மற்றும் உறுப்பு ஸ்க்ரோலிங் jQuery கட்டமைப்பிலிருந்து சுதந்திரம் அனிமேஷன் தலைகீழ் (முந்தைய அனிமேஷனை செயல்தவிர்க்கக்கூடிய திறன்) மற்றும் அனிமேஷன் லூப்பிங் SVG உறுப்பு அனிமேஷன் RGB மற்றும் ஹெக்ஸ் வண்ண அனிமேஷன் CSS இன் உருமாற்ற சொத்து அனிமேஷன் முன்கூட்டியே உருவாக்கப்பட்டது அனிமேஷன் விளைவுகள் வேகத்தின் UI பேக் இயற்பியல் அடிப்படையிலான இயக்கம் வழியாக வசந்த தளர்வு வகை மூலம் ஒருங்கிணைப்பு வாக்குறுதிகள் உலாவி ஆதரவு வேகம் அனைத்து முக்கிய டெஸ்க்டாப் உலாவிகளையும் (பயர்பாக்ஸ், கூகிள் குரோம் மற்றும் சஃபாரி) ஆதரிக்கிறது மேலும் ஐஓஎஸ் மற்றும் ஆண்ட்ராய்டு மொபைல் இயக்க முறைமைகளை ஆதரிக்கிறது. இதன் ஆதரவு இன்டர்நெட் எக்ஸ்ப்ளோரர் 8 மற்றும் ஆண்ட்ராய்டு 2.3 வரை நீண்டுள்ளது. நூலகம் உட்பட பயன்பாடு தி வேலோசிட்டி நூலகம் என்பது அதன் அனைத்து முக்கிய செயல்பாடுகளையும் கொண்ட ஒற்றை ஜாவாஸ்கிரிப்ட் கோப்பாகும். உள்ளூர் நகலுடன் இணைப்பதன் மூலம் அல்லது பொது சேவையகங்களிலிருந்து கிடைக்கும் பல பிரதிகளில் ஒன்றுடன் இணைப்பதன் மூலம் ஒரு வலைப்பக்கத்திற்குள் இதைச் சேர்க்கலாம், இதில் மேக்ஸ். சி. டி. என் இன் ஜே. எஸ். டெலிவர் அல்லது கிளவுட்ஃப்ளேர் சி. டி. என். ஜே. க்கள் அடங்கும். <ஸ்கிரிப்ட் src = "velocity.min.js"> </ஸ்கிரிப்ட்> உள்ளடக்க விநியோக நெட்வொர்க்குகளிலிருந்து நேரடியாக வேகத்தை சேர்க்கவும் முடியும். (ஒருமைப்பாட்டு பண்புக்கூறு துணை ஆதார ஒருமைப்பாட்டிற்கு பயன்படுத்தப்படுகிறது.) வளங்களுக்கு எப்போதும் HTTPS ஐப் பயன்படுத்த பரிந்துரைக்கப்படுகிறது, ஆனால் நெறிமுறை தொடர்புடைய URL களைப் பயன்படுத்த இதை// உடன் மாற்றலாம். <ஸ்கிரிப்ட் src = "https://cdnjs.cloudflare.com/ajax/libs/velocity/1.5.2/velocity.min.js" ஒருமைப்பாடு = "sha384-fcLDUAwcSMMfmpKMJ0dO2// SL2WJ5/kkyz/yvgtMLXBEp3GdqrQF9ahRerhdLXn +" குறுக்குவெட்டு = "அநாமதேய"> </ஸ்கிரிப்ட்> பயன்பாட்டு பாணிகள் வேகம் இரண்டு பயன்பாட்டு பாணிகளைக் கொண்டுள்ளதுஃ $. வெலோசிட்டி செயல்பாடு, இது jQuery ரூட் பொருளிலிருந்து நீட்டிக்கப்பட்ட ஒரு தொழிற்சாலை முறையாகும். இந்த முறை jQuery-மூடப்பட்ட கூறுகளுக்கு பதிலாக மூல டிஓஎம் கூறுகளை அனிமேஷன் செய்கிறது. பக்கத்தில் jQuery இல்லாமல் வேகத்தைப் பயன்படுத்தும் போது பயன்படுத்தப்படும் பாணி இது. $element.velocity () செயல்பாடு. பக்கத்தில் jQuery இருக்கும்போது jQuery உறுப்பு பொருள்களை அனிமேஷன் செய்ய பயன்படுத்தப்படும் பாணி இது. வேகத்தில் அனிமேஷன் அழைப்புகள் உயிரூட்ட விரும்பிய உறுப்பு (களை) வழங்குவதைக் கொண்டுள்ளன, அனிமேஷன் செய்யப்பட வேண்டிய சிஎஸ்எஸ் பண்புகளைக் குறிப்பிட ஒரு அனிமேஷன் பண்பு வரைபடம் மற்றும் அனிமேஷன் அமைப்புகளைக் குறிப்பிட ஒரு விருப்ப விருப்பங்கள் பொருள் (எ. கா. காலம்). வாதங்கள் வேகம் ஒன்று அல்லது அதற்கு மேற்பட்ட வாதங்களை ஏற்றுக்கொள்கிறது. தேவைப்படும் முதல் வாதம், முன்னரே வரையறுக்கப்பட்ட திசைவேக கட்டளையின் பெயராக இருக்கலாம் (எ. கா. சுருள் அல்லது தலைகீழ்) அல்லது அனிமேஷன் செய்யப்பட வேண்டிய சிஎஸ்எஸ் பண்புகளைக் கொண்ட ஒரு பொருள்ஃ// ஒரு தனிமத்தின் அகலத்தை 100 பிஎக்ஸ் ஆகவும், அதன் இடது பண்பை 200 பிஎக்ஸ் $element.velocity ஆகவும் அனிமேட் செய்யுங்கள் ({அகலம்ஃ "100 பிஎக்ஸ்", இடதுஃ "200 பிஎக்ஸ்"}); இரண்டாவது வாதம், இது விருப்பமானது, ஒரு பொருள். காலம், தளர்வு மற்றும் நிறைவு (அனிமேஷன் முடிந்ததும் செயல்படுத்த ஒரு தன்னிச்சையான செயல்பாடு) போன்ற அனிமேஷன் விருப்பங்களைக் குறிப்பிட இது பயன்படுத்தப்படுகிறதுஃ// 100 களின் தாமதத்திற்கு இடைநிறுத்தப்பட்ட பிறகு 1000 எம்எஸ் காலத்திற்கு ஒரு உறுப்பின் அகலத்தை 100 பிஎக்ஸ் ஆக அனிமேட் செய்யுங்கள். $element.velocity ({அகலம்ஃ "100பிஎக்ஸ்"}, {காலம்ஃ 1000, தாமதம்ஃ 100}); சங்கிலி வேகத்தில் தொடர்ச்சியான அனிமேஷன் அழைப்புகளை உருவாக்குவது என்பது இலக்கு ஜே க்வெரி உறுப்பு பொருளின் மீது திசைவேகம் () அழைப்புகளை மீண்டும் மீண்டும் வைப்பதைக் கொண்டுள்ளதுஃ $உறுப்பு. வேகம் ({உயரம்ஃ 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 இல்லாமல் அனிமேஷன் எளிதில் அனிமேஷன்களைச் சேர்க்க வேகத்தை எவ்வாறு பயன்படுத்துவது Velocity.js வெளிப்புற இணைப்புகளைப் பயன்படுத்தி வேக UI அனிமேஷன் வேகம் டெமோ கேலரி குறிப்புகள் ஜாவாஸ்கிரிப்ட் நூலகங்கள் MIT உரிமம் 2014 மென்பொருளைப் பயன்படுத்தி ஜாவாஸ்கிரிப்ட் அஜாக்ஸ் (நிரலாக்கம்) மென்பொருளில் இலவச மென்பொருள் நிரல் செய்யப்பட்டது