प्रश्न वास्तव में जावास्क्रिप्ट एनीमेशन बनाम सीएसएस एनीमेशन (क्योंकि कोणीय 2 एनिमेशन एनिमेशन जावास्क्रिप्ट-एनीमेशन पर आधारित हैं)।
उत्तर यह है कि जब आप कर सकते हैं - सीएसएस एनीमेशन का उपयोग करें।
आधुनिक ब्राउज़र सीएसएस एनीमेशन के लिए different thread का उपयोग करता है, इसलिए जावास्क्रिप्ट-थ्रेड सीएसएस एनिमेशन से प्रभावित नहीं होता है।
आप अपने ब्राउज़र में विभिन्न ढांचे (जावास्क्रिप्ट-आधारित) वीएस सीएसएस एनीमेशन के पूर्वरूपता की जांच के लिए HTML5 Animation Speed Test का उपयोग कर सकते हैं।
सामान्य में:
ब्राउज़र प्रतिपादन प्रवाह का अनुकूलन करने में सक्षम हैं। संक्षेप में, हमें हमेशा जहां भी संभव हो सीएसएस संक्रमण/एनिमेशन का उपयोग करके हमारे एनिमेशन बनाने की कोशिश करनी चाहिए। यदि आपके एनिमेशन वास्तव में जटिल हैं, तो आपको इसके बजाय जावास्क्रिप्ट-आधारित एनिमेशन पर भरोसा करना पड़ सकता है।
आप विशेष रूप से Angular2 एनिमेशन के बारे में जानना चाहते हैं - बस आपके ब्राउज़र में तत्व का निरीक्षण किया और देखें कि क्या एनीमेशन वहाँ एक सीएसएस है (संक्रमण/animationFrame आधारित या जावास्क्रिप्ट (आप में मूल्य देखने के लिए सक्षम हो जाएगा । एनीमेशन दौरान style
विशेषता परिवर्तन)
ठीक है, मुझे कोणीय के बारे में बहुत कुछ पता नहीं है, लेकिन मुझे लगता है कि वे सिर्फ सीएसएस एनिमेशन का लाभ उठाते हैं। [वास्तव में उनके दस्तावेज़ कहते हैं] (https://angular.io/docs/ts/latest/guide/animations.html): * "कोणीय की एनीमेशन प्रणाली आपको ऐसे एनिमेशन बनाने की सुविधा देती है जो ** उसी तरह के देशी प्रदर्शन के साथ चलती हैं * * शुद्ध सीएसएस एनिमेशन में पाया गया। "*। वे यह भी निर्दिष्ट करते हैं कि वे [वेब एनिमेशन] का उपयोग करते हैं (https: //w3c.github।आईओ/वेब-एनीमेशन /) जहां [संभव] (http://caniuse.com/#feat=web-animation)। जब आप "कोणीय 2 एनीमेशन" के लिए Google पर पहली बार हिट करते हैं तो यह पहली हिट है – GolezTrol
मेरा मानना है कि कोणीय 2 एनिमेशन केवल संकलित होने पर सीएसएस एनीमेशन बनाते हैं। लाभ घटक स्तर पर एनिमेशन को जोड़ने और नियंत्रित करने में सक्षम है। –
त्वरित प्रतिक्रिया के लिए धन्यवाद, इसलिए मूल रूप से जो मैं कोणीय 2 एनिमेशन के साथ प्राप्त कर रहा हूं वे विधियां हैं (जैसे एनिमेट() और स्टाइल()) जो एनिमेशन को अधिक नियंत्रित करने योग्य बनाता है (?) –