வணக்கம், என் அன்பு நண்பர்களே! இன்று நாம் கோணத்தின் நன்மைகளைப் பற்றி பேசுவோம். நீங்கள் AngularJS ஐப் பயன்படுத்தினால், நீங்கள் AngularJS இலிருந்து Angular க்கு இடம்பெயர வேண்டும். ஏன்? அந்தக் கட்டுரையைப் படித்து சிறந்த கட்டமைப்பைத் தேர்வுசெய்க.
AngularJS என்றால் என்ன?
இந்த இரண்டு கட்டமைப்புகளைப் பற்றி பேசுவதற்கு முன், யார் யார் என்பதைப் புரிந்துகொள்வோம். ஒற்றை பக்க பயன்பாடுகளை (SPA கள்) உருவாக்கும் கட்டமைப்புகளை AngularJS புரட்சிகரமாக்கியுள்ளது. கூகுள் உதவியுடன் கோணல் வெளியிடப்பட்டது, அது இன்னும் ஆதரிக்கிறது. இது 2010 இல் வெளியிடப்பட்டது, அதன் பின்னர் AngularJS இன் பல புதிய பதிப்புகள் உள்ளன. இந்த கட்டமைப்பானது ஜாவாஸ்கிரிப்ட் உதவியுடன் செயல்படுகிறது மற்றும் ஒற்றை பக்க வலை பயன்பாடுகளின் மேம்பாட்டிற்காக உருவாக்கப்பட்டது. HTML ஐ நேரத் தொடராக மாற்றுவதற்கான அதன் திறமையே கோணத்தைத் வேறுபடுத்துகிறது.
AngularJS இன் தீமைகள் பற்றி பேசலாம் மேலும் இது ஏன் கட்டமைப்பின் சிறந்த பதிப்பு அல்ல என்பதை நீங்கள் புரிந்துகொள்வீர்கள். <
ஜாவாஸ்கிரிப்ட். ஆம், ஜாவாஸ்கிரிப்ட் உடன் பணிபுரிவது மிகவும் வசதியானது என்றாலும், அது இல்லாமல் நீங்கள் AngularJS இல் எதையும் செய்ய முடியாது. எனவே, ஒரு புதிய சிக்கல் உள்ளது - பல சாதனங்களில், JS ஆதரிக்கப்படவில்லை (ஆம், இது வருத்தமாக இருக்கிறது). நிச்சயமாக, புதிய மடிக்கணினிகள் மற்றும் கணினிகளில் இதுபோன்ற சிக்கல்கள் எதுவும் இல்லை, ஆனால் உதாரணமாக பழைய மடிக்கணினியுடன் ஒரு டீனேஜரை நீங்கள் AngularJS கற்க விரும்பியிருந்தால், அவர் ஜாவாஸ்கிரிப்டை இயக்கவில்லை. மேலும் புதிதாக ஒன்றைக் கற்றுக்கொள்ளும் ஆசை மறைந்துவிடும்.
ஆரம்பநிலைக்கு கடினம். AngularJS இன் கட்டமைப்பு மிகவும் அணுகக்கூடியது, ஆனால் நீங்கள் முதலில் இந்த கட்டமைப்பைப் பற்றி அறியத் தொடங்கும்போது, நீங்கள் பல சிக்கல்களை எதிர்கொள்கிறீர்கள். ஒரே நேரத்தில் வழிமுறைகள் மற்றும் சார்புகளுடன் எவ்வாறு செயல்படுவது என்பது அனைவருக்கும் தெரியாது (இது AngularJS குறியீட்டின் ஒரு கூறு). கூடுதலாக, ஒரே வழிமுறைகள் இல்லாமல் அவற்றைத் தீர்க்க முடியாத பணிகள் உள்ளன, டெவலப்பர் தங்கள் கணினியை ஆராயத் தொடங்குகிறார், நிறைய நேரத்தை இழக்கிறார் (நிச்சயமாக புதிதாக ஒன்றைக் கற்றுக் கொள்ளும்போது இது மிகச் சிறந்தது), ஆனால் அப்படி ஒன்று இருக்கிறது ஒரு காலக்கெடுவாக. வாடிக்கையாளர் வழக்கமாக காலக்கெடுவை தெளிவாக நிர்ணயிக்கிறார் மற்றும் குறிப்பிட்ட நேரத்தை விட அதிக நேரம் காத்திருக்க விரும்பவில்லை. ஆகையால், AngularJS இன் கட்டமைப்பு கிடைத்தாலும், செயல்பாட்டில் பல செயல்பாடுகளில் சிக்கல்கள் இருக்கலாம்.
எம்.வி.சி. இது எவ்வாறு வேலை செய்வது என்பது அனைவருக்கும் தெரியாது. எம்.வி.சி எவ்வாறு செயல்படுகிறது என்பதைப் புரிந்துகொள்ள நீண்ட நேரம் எடுக்கும். உண்மை, பெரும்பாலானவர்களுக்கு இப்போது அதனுடன் பணிபுரிந்த அனுபவம் உள்ளது, ஆனால் அதிகமான பாரம்பரிய டெவலப்பர்கள் இந்த சிக்கலை எதிர்கொள்கின்றனர். இதன் முக்கிய அம்சம் என்னவென்றால், AngularJS உடன் பணிபுரிய நீங்கள் தெரிந்து கொள்ள வேண்டிய திட்டங்கள் என்ன என்பதை நீங்கள் அறிந்து கொள்ள வேண்டும்.
கல்விக்கான ஆவணம். உண்மையில், இது கோணலுடன் ஒப்பிடும்போது அதிகம் இல்லை. ஆரம்பத்தில் இந்த AngularJS உடன் ஒரு வழியில் துரதிர்ஷ்டவசமாக இருக்கிறார்கள். இருப்பினும், அதைப் படிப்பதன் மூலம் நீங்கள் நிறைய கற்றுக் கொள்வீர்கள், நிறைய நிரல்களைக் கற்றுக்கொள்வீர்கள், மேலும் ஒரு டெவலப்பருக்கு நன்றாகத் தெரியும். AngularJS பற்றி சிறிய ஆவணங்கள் இல்லாததால், புரோகிராமர்களுக்கு நிறைய நேரம் எடுக்கும் முயற்சிகள் உள்ளன.
குறைபாடுகள். AngularJS இல் உருவாக்கப்பட்ட தயாரிப்புகள் மாறும், எனவே செயல்திறன் இல்லாமல். நிரலைத் தொடங்குவதற்கான முதல் முயற்சிகள் செயலிழப்புகளையும் தாமதங்களையும் ஏற்படுத்தக்கூடும்.
கோண 10 என்றால் என்ன?
கோண 10 அதன் முன்னோடிகளை விட குறைவான இடத்தைப் பிடிக்கும். இந்த வகைகளில் சேர்க்கப்பட்ட புதிய அம்சங்கள் கோணப் பொருளில் மேம்படுத்தப்பட்ட தேதி நோக்கம் தேர்வு மற்றும் காமன்ஜெஸை இறக்குமதி செய்வதற்கான எச்சரிக்கைகள். டெவலப்பர்கள் ஒரு புதிய அம்சத்தையும் சேர்த்துள்ளனர் - காமன்ஜெஸுடன் நிரம்பிய ஒரு மூட்டை பெரிய, மெதுவான நிரல்களுக்கு வழிவகுக்கும் போது ECMAScript தொகுதி தொகுதிகளை மாற்றுவது.
புரோ உதவிக்குறிப்பு: செயல்திறன் சிக்கல்கள், குப்பைக் கோப்புகள், தீங்கு விளைவிக்கும் உங்கள் கணினியை ஸ்கேன் செய்யுங்கள் பயன்பாடுகள் மற்றும் பாதுகாப்பு அச்சுறுத்தல்கள் இது கணினி சிக்கல்களை அல்லது மெதுவான செயல்திறனை ஏற்படுத்தும்.
பிசி சிக்கல்களுக்கான இலவச ஸ்கேன் 3.145.873downloads உடன் இணக்கமானது: விண்டோஸ் 10, விண்டோஸ் 7, விண்டோஸ் 8
சிறப்பு சலுகை. அவுட்பைட் பற்றி, நிறுவல் நீக்குதல் வழிமுறைகள், யூலா, தனியுரிமைக் கொள்கை.
கூடுதலாக, புதிய இலிருந்து <வலுவான வழியாக புதிய இடத்தை உருவாக்கும்போது கோண 10 தயாரிப்புக்கான மூலோபாய கட்டமைப்பை வழங்குகிறது. > புதியது - கண்டிப்பானது.
சிறந்த பிழை கண்டறிதல் மற்றும் கூடுதல் நிரல் மேம்படுத்தல்களுக்கு புதிய அமைப்புகளுடன் ஒரு தயாரிப்பைத் தொடங்க உங்களை அனுமதிக்கிறது.
கோண 10 இன் நன்மைகள்:
மொழி சேவை. மொழி சேவை தொகுப்பி இப்போது தேவைப்பட்டால் ஸ்கிரிப்ட் இன்ஃபோஸை உருவாக்கும் தயாரிப்பு இடைமுகத்தைப் பயன்படுத்தி ஒன்றுக்கு மேற்பட்ட வகை சரிபார்ப்புக் கோப்பைப் பயன்படுத்தலாம். & Amp;, & lt;, போன்ற சில HTML நிறுவனங்களும் அகற்றப்படுகின்றன. செயல்திறனில் மிகவும் கொந்தளிப்பான கோண எல்எஸ் செயல்பாட்டின் உள் அடிப்படையைப் பாதுகாப்பதற்காக இது செய்யப்பட்டது.
உலாவி உள்ளமைவு. பழைய மற்றும் பிரபலமற்ற உலாவிகள் இப்போது கோண 10 இலிருந்து விலக்கப்பட்டுள்ளன. புதிய மற்றும் வசதியான உலாவிகளை மேம்படுத்த இது செய்யப்படுகிறது. மேலும், இந்த புதுப்பிப்பில் புதிய தயாரிப்புகளுக்கான ES5 கட்டமைப்பை தானாக முடக்குவதன் பக்க விளைவு அடங்கும். இதைச் செய்ய, டெவலப்பர் தேவையான உலாவிகளை .browerslist RC கோப்பில் சேர்க்க வேண்டும். உலாவிகளுக்கான ES5 உருவாக்கங்கள் மற்றும் வேறுபட்ட ஏற்றுதல் ஆகியவற்றை இயக்க.
கம்பைலர் புதுப்பிப்பு . கம்பைலர் மேம்படுத்தப்படவில்லை, கோணத்தின் இந்த பதிப்பில் டெவலப்பர்கள் உண்மையான ngtsc கம்பைலரை மடிக்க கம்பைலருக்கு ஒரு இடைமுகத்தை சேர்த்தனர். பண்புக்கூறுகள் மற்றும் படிக்கக்கூடிய வகையில் பெயர்வெளிகளும் சேர்க்கப்பட்டுள்ளன. இந்த சார்புத் தகவலுடன் கூடுதலாக, உள்ளடக்கத் தேர்வாளர்களான கோண மொழி சேவை மெட்டாடேட்டாவிலும் சேர்க்கப்பட்டுள்ளது. எக்ஸ்பிரஷன் பைண்டிங் மைக்ரோசிண்டாக்ஸ் வெளிப்பாட்டில் சரியான செலவு வரம்பை ParsedProperty க்கு நீட்டிக்க இது துணைபுரிகிறது, இதன் விளைவாக வரம்பை AST வார்ப்புருவுக்கு (VE மற்றும் Ivy இரண்டும்) நீட்டிக்க முடியும்.
Ngcc. இந்த அம்சம் சேர்க்கப்பட்டுள்ளது, இதனால் tsconfig.json கோப்பால் வரையறுக்கப்பட்ட நிரல் உள்ளீட்டு புள்ளிகளைக் கையாள மட்டுமே உருவாக்கப்பட்ட ஒரு நிரலின் அடிப்படையில் ஒரு நுழைவு புள்ளி தேடல் நிரலைத் தொடங்க முடியும். அணுகல் இருக்கும். இந்த அம்சம் தயாரிப்புக்கு இறக்குமதி செய்யப்படும் சில நுழைவு புள்ளிகளுடன் சார்புகளின் செயல்பாட்டை ஊக்குவிக்கிறது. சாதாரண தொகுப்பு பாதை மற்றும் நுழைவு புள்ளி கோப்பிலிருந்து வெளியேறலாம், எனவே இது வெற்று வரிசைகளில் இருந்து விடுபட உதவுகிறது.
உற்பத்தித்திறனை மேம்படுத்த . நுழைவு புள்ளியின் அளவைக் குறைப்பதன் மூலம் இது வேலை செய்தது. மற்றொரு பிளஸ் என்னவென்றால், ஒவ்வொரு முறையும் கணக்கீடுகளைச் செய்வதற்குப் பதிலாக, நுழைவு புள்ளி மேனிஃபெஸ்டில் சார்புகளின் தேக்கநிலை நடைபெறுகிறது மற்றும் தகவல் அங்கிருந்து வருகிறது. ஒவ்வொரு முறையும் செய்ய வேண்டியது என்னவென்றால், ஒரு கிராலர் உடனடிப்படுத்தப்பட்டது, இப்போது அது இலக்குஎன்ட்ரி பாயிண்ட்ஃபைண்டரில் தேவைப்படும்போது மட்டுமே செய்யப்படுகிறது.
டைப்ஸ்கிரிப்ட் 3.9. டைப்ஸ்கிரிப்ட் என்பது ஜாவாஸ்கிரிப்டை அடிப்படையாகக் கொண்ட ஒரு மொழி, ஆனால் வகை அறிவிப்புகள் மற்றும் சிறுகுறிப்புகளுக்கான தொடரியல். டைப்ஸ்கிரிப்ட்டின் இந்த பதிப்பு, பிழைகளைச் சரிபார்ப்பதோடு, தொகுப்பிற்கான கம்பைலருடன் இணைந்து செயல்படுகிறது, எல்லாவற்றையும் வேகப்படுத்துகிறது மற்றும் அதன் செயல்பாட்டை இயல்பாக்குகிறது.
உள்ளூராக்கல். இன் சிறந்த அம்சங்களில் ஒன்று கோணலின் இந்த பதிப்பு பல மொழிபெயர்ப்பு ஆவணங்களை ஒன்றிணைக்கும் திறன் ஆகும், முந்தைய பதிப்புகள் ஒரே ஒரு கோப்பை மட்டுமே பதிவிறக்கம் செய்தன. அதாவது, டெவலப்பர்கள் இப்போது செய்தி ஐடியைப் பயன்படுத்தி ஆவண மொழிபெயர்ப்புகளை இணைக்க முடியும். இதைச் செய்ய, ஆவணத்தை முதல் மொழிபெயர்ப்பிற்கு மிக முக்கியமானதாகவும், பிறவற்றை பின்னர் மாற்றவும் வேண்டும்.
திசைவி. கேன்லோட் பாதுகாப்புக் காவலர் இப்போது மூலையில் பதிப்பு 10 இல் உர்ட்ரீக்குத் திரும்பலாம். இது கிடைக்கக்கூடிய CanActivate பாதுகாவலர்களின் தற்போதைய நடத்தைக்கு இசைவானது, அவை வெளிப்படையாக சேர்க்கப்பட்டுள்ளன.
கோர். அனைத்து எச்சரிக்கைகளும் இப்போது பிழைகளாக படிக்கப்படும். இது மோசமான அம்சம் அல்ல, ஆனால் இது கன்சோல்.ரர் மூலம் எதுவும் உள்நுழைய எதிர்பார்க்காத கருவிகளை இயக்க முடியும். ஜெனரிக்கின் இந்த புதிய பதிப்பு, ஐவி தொகுப்பு மற்றும் ரெண்டரிங் பைப்லைனுடன் இணைந்து செயல்படுவது ModuleWithProviders க்கு கட்டாயமாக்குகிறது. டெவலப்பர் காட்சி இயந்திரத்தைப் பயன்படுத்தினால், உருவாக்க பிழை எதுவும் வழங்கப்படுவதில்லை என்பதை இது உறுதி செய்கிறது.
குறியீட்டை ஐவிக்கு மாற்றவும். அடுத்து, எதிர்காலத் தொகுப்பு மற்றும் பிணைப்பு செயல்பாடுகள் அனைத்தும் சார்புகளின் பதிப்புகளை மாற்றும் திசையில் செய்யப்பட வேண்டும்.
முடிவு
இந்த கட்டுரையில், கோணல் இன்னும் AngularJS ஐ விட சிறந்தது என்பதற்கான காரணங்களை நான் எழுதினேன். AngularJS ஐ மறந்து கோண 10 க்குச் செல்ல அனைவரையும் நம்பவைக்க நான் அர்த்தப்படுத்தவில்லை. இல்லை, ஒவ்வொரு கட்டமைப்பும் ஏதோவொன்றில் சிறந்தது. இப்போது கோணல் 10 மீறமுடியாத திட்டங்களை உருவாக்க அனைத்து அம்சங்களையும் கொண்டுள்ளது, ஆனால் ஒரு வருடம் அல்லது இரண்டு மற்றும் புதிய பதிப்பு இதை விட சிறப்பாக இருக்கும் என்பதை மறந்துவிடாதீர்கள். எனது ஆலோசனை - முடிந்தவரை கற்றுக் கொள்ளுங்கள், கட்டமைப்பின் அனைத்து பதிப்புகளும் பயனுள்ளதாக இருக்கும்.
YouTube வீடியோ: உங்கள் பயன்பாட்டை AngularJS இலிருந்து கோணத்திற்கு ஏன் மேம்படுத்த வேண்டும்
