உள்ளடக்கம்
- தளவமைப்பு
- கிளியர்ஃபிக்ஸ்
- பெட்டி அளவு
- பல நெடுவரிசைகள்
- கணக்கீடுகள்
- உடை
- வெளிப்படைத்தன்மை
- வடிப்பான்கள்
- பட மாற்று
- பதிலளிக்கக்கூடிய வீடியோ
- செயல்பாடு
- உறுப்புகளைத் எளிதில் தேர்ந்தெடுப்பது
- புதிய வரிசைகளை உருவாக்குதல்
- சுத்தமான ஆவணம் மற்றும் சாளர பொருள்கள்
- இதை விரும்பினீர்களா? இவற்றைப் படியுங்கள்!
இந்த கட்டுரை முதன்முதலில் .net பத்திரிகையின் 234 இதழில் வெளிவந்தது - வலை வடிவமைப்பாளர்கள் மற்றும் டெவலப்பர்களுக்காக உலகின் சிறந்த விற்பனையான இதழ்.
ஒரு நுட்பம், அதன் மையத்தில், ஒரு பணியைச் செய்வதற்கான ஒரு வழியாகும், மேலும் ஃபிரான்டென்ட் டெவலப்பர்கள் மற்றும் வடிவமைப்பாளர்களாக இருப்பதால், எங்களுக்கு நிறைய பணிகள் உள்ளன. இந்த நிலப்பரப்பு எவ்வளவு மாறிவிட்டது என்பதை நாங்கள் அடிக்கடி மறந்து விடுகிறோம். 2002 முதல் 2010 வரை எங்கள் சமூகம் குறியீடு மற்றும் வள வீக்கத்தால் அழுகியது, செயல்திறன் மற்றும் பராமரிப்பிற்கு இடையூறாக இருந்தது. இதை சமாளிக்க, நாங்கள் ‘நுட்பம்’ என்று பெயரிட்ட உதவிக்குறிப்புகள், தந்திரங்கள் மற்றும் ஹேக்குகளை உருவாக்கினோம். நாங்கள் இன்னும் பணிகளைச் செய்து கொண்டிருந்தோம், மிகவும் திறமையான முறையில் அல்ல.
360 ஐச் செய்வது, கடந்த சில ஆண்டுகளில் சிறந்த தரநிலைகள் மற்றும் தரநிலைகள் நடைமுறைப்படுத்தப்படுவதைக் கண்டன, இது ஒரு சமூகமாக புதிய மற்றும் மேம்பட்ட ‘நுட்பங்களை’ உருவாக்க உதவுகிறது. இந்த புதிய நிலப்பரப்புதான் ‘நவீன வலை’ என்று கருதப்படுகிறது.
‘வலை 2.0’ தேக்கமாகவும் குழப்பமாகவும் மாறியதால், ‘நவீன வலை’ கூட இருக்கும். சிறிது கால அவகாசம் கொடு. அது என்னவென்றால், இந்த வார்த்தையை பிரதிநிதித்துவப்படுத்துவதில் பொதுவான புரிதல் இருக்கும் வரை நாம் அதைப் பயன்படுத்தலாம் மற்றும் துஷ்பிரயோகம் செய்யலாம்.
2010 இல், HTML5 விவரக்குறிப்பு தரையிறங்கியது, இது ஒரு புதிய, அரை-தரப்படுத்தப்பட்ட வலை சூழலை வழங்குகிறது. ஓபரா, ஃபயர்பாக்ஸ், குரோம் மற்றும் சஃபாரி போன்ற உலாவிகள் இந்த புதிய அலையைத் தழுவி, தங்கள் தேவ் குழுக்களை தரநிலை செயலாக்கங்கள் மற்றும் ஏபிஐ ஆய்வுகளின் புதிய வரம்புகளுக்குத் தள்ளின. இந்த உலாவிகள் எவ்வாறு ‘உள்நோக்கி’ இருக்கின்றன என்பதைப் பற்றிய ஒரு யோசனையை உங்களுக்கு வழங்க, HTML5 ஆதரவை மாற்றுவதற்கான www.html5readiness.com இன் காட்சிப்படுத்தல்களைச் சரிபார்க்கவும்.
இன்டர்நெட் எக்ஸ்ப்ளோரரில் ஆதரவு இல்லாததால் கவலைப்பட வேண்டாம். கூகிள் குரோம் ஃபிரேமுக்கு இந்த நன்றியை எதிர்த்துப் போராடலாம். கூகிள் 2010 இல் இதை அறிமுகப்படுத்தியதிலிருந்து, இது இன்டர்நெட் எக்ஸ்ப்ளோரருக்கான செல்லக்கூடிய ஆதரவு பொறிமுறையாக மாறியுள்ளது. IE இன் அனைத்து பதிப்புகளும் Chrome Frame உடன் இலக்காகக் கொள்ளப்படலாம், இது ஒரு புதிய பயனரை செருகுநிரலைப் பதிவிறக்கத் தூண்டுகிறது, இது IE க்குள் Chrome இன் இலகுரக பதிப்பைக் கொண்டு தேர்ந்தெடுக்கப்பட்ட வலைத்தளங்களை வழங்கும் செருகுநிரலைப் பதிவிறக்குகிறது. Chrome Frame ஐ செயல்படுத்த, பின்வரும் மெட்டா> குறிச்சொல்லை எங்கள் தளத்தின் தலை> குறிச்சொல்லில் சேர்க்கிறோம்.
மெட்டா http-equal = "X-UA- இணக்கமான" உள்ளடக்கம் = "குரோம் = 1" />
ஜாவாஸ்கிரிப்ட் பயன்படுத்தி, ஏற்கனவே நிறுவப்படவில்லை எனில், செருகுநிரலை பதிவிறக்கம் செய்ய IE பயனர்களை இங்கிருந்து கேட்கலாம்:
script type = "text / javascript" src = "http: // ajax.
googleapis.com/ajax/libs/chrome-frame/1/CFInstall.
min.js "> / ஸ்கிரிப்ட்>
ஸ்கிரிப்ட்>
window.onload = செயல்பாடு () {
CFInstall.check ({
பயன்முறை: "மேலடுக்கு",
இலக்கு: "http://www.yourdomain.com"
});
};
/ ஸ்கிரிப்ட்>
செருகுநிரலை நிறுவிய பின் பயனரை ஒரு குறிப்பிட்ட இணைப்பிற்கு அனுப்ப இலக்கு அமைக்கப்படலாம். எச்சரிக்கையுடன் ஒரு சொல்: உண்மையிலேயே நவீன உலாவிகளுக்காக கண்டிப்பாக உருவாக்க Chrome Frame எங்களுக்கு ஒரு முறையை அளிக்கிறது என்றாலும், பயனர்கள் விரும்பவில்லை என்றால் செருகுநிரலை பதிவிறக்கம் செய்யாத விருப்பம் இருப்பதை நாம் மறந்துவிடக் கூடாது. அவை இல்லையென்றால், IE இன் ஒன்று அல்லது வேறு பதிப்புகளுக்கு நீங்கள் ஆதரவை வழங்க வேண்டும் என்றால், உங்கள் அனுபவங்களுடன், குறுக்கு உலாவியுடன் உங்களால் என்ன செய்ய முடியும் மற்றும் வழங்க முடியாது என்பதைக் கண்டறிய இன்னும் சிறிது நேரம் செலவிட வேண்டியிருக்கும்..
இந்த குறியீடு நவீன வலை அடுக்கில் உருவாக்க கணிசமாக அதிக அளவிலான விளையாட்டுத் துறையை வழங்குவதன் மூலம், நாம் எளிதில் நம் மனதுடன் முன்னேற முடியும். உங்கள் தளத்தை கட்டமைக்கப்பட்ட சரியான குறுக்கு உலாவியைப் பெற பல உலாவி-குறிப்பிட்ட ஹேக்குகளை உருவாக்கியது, உங்கள் வெட்டப்பட்ட படங்களுடன் பயன்படுத்த எண்ணற்ற வெற்று கூறுகளை உருவாக்குவது அல்லது அதிகப்படியான வாய்மொழி அல்லது தேவையற்ற ஜாவாஸ்கிரிப்ட் குறியீட்டை எழுதுவது போன்றவற்றை நீங்கள் நினைவில் வைத்திருக்கலாம். வேலை செய்ய எளிமையான செயல்பாடு. இந்த வலிகள் அனைத்தும் ஏதோவொரு வகையில், இன்று நாம் கவலைப்படும் அதே பிரச்சினைகள். தளவமைப்பு, பாணி மற்றும் செயல்பாட்டை எதிர்த்துப் போராடுவதற்கான கூடுதல் கட்டுப்பாடு மற்றும் சிறந்த கருவிகளுக்காக நாங்கள் இன்னும் போராடுகிறோம், ஆனால் முதிர்ச்சியடைந்த நிலையில்.
தளவமைப்பு
கிளியர்ஃபிக்ஸ்
ஒரு உறுப்பை மிதப்பது CSS 2.1 இல் மீண்டும் அறிமுகப்படுத்தப்பட்டது, ஆனால் நாங்கள் எதிர்பார்த்த முழுமையான தீர்வாக இது மாறவில்லை. ஒரு குழந்தை உறுப்பு மிதக்கும் போது பெற்றோர் உறுப்பு பரிமாணங்களை பராமரிப்பது மிகப்பெரிய சிக்கல்களில் ஒன்றாகும். இதை நிவர்த்தி செய்ய, தெளிவான நுட்பம் உருவாக்கப்பட்டது.
பின்வரும் HTML ஐ எடுத்துக் கொள்ளுங்கள்:
div>
div> ... / div>
div> ... / div>
/ div>
இந்த நுட்பத்தை நிக்கோலஸ் கல்லாகர் எழுதியுள்ளார்:
.clearfix: முன்,
.clearfix: after க்குப் பிறகு
உள்ளடக்கம்: " ";
காட்சி: அட்டவணை;
}
.clearfix: after க்குப் பிறகு
தெளிவான: இரண்டும்;
}
.clearfix {
* பெரிதாக்கு: 1;
}
உங்கள் திட்டங்களைத் தொடங்க நீங்கள் HTML5Boilerplate ஐப் பயன்படுத்தினால், நீங்கள் ஏற்கனவே இந்த தெளிவான க்ளிக்ஃபிக்ஸ் நுட்பத்தை சுட்டுக்கொள்வீர்கள்.
பெட்டி அளவு
பல ஆண்டுகளாக டெவலப்பர்கள் எந்த பெட்டி மாதிரி செயல்படுத்தல் அதிக அர்த்தமுள்ளதாக விவாதித்தனர். க்யூர்க்ஸ் Vs ஸ்டாண்டர்ட்ஸ் பயன்முறை உண்மையில் பொருள்: ‘ஒரு உறுப்பு பரிமாணங்கள் மாற வேண்டும், அமைக்கப்பட்ட பிறகு, எல்லைகள் மற்றும் திணிப்புகள் பயன்படுத்தப்படும்போது, இல்லையா’.
எல்லைகள் மற்றும் திணிப்பு ஒரு உறுப்புக்குள் கிடைக்கக்கூடிய இடத்திலிருந்து விலகிச் செல்வதற்கும், உறுப்பு அகலம் அல்லது உயரத்தைச் சேர்க்காமல் இருப்பதற்கும் இது அதிக அர்த்தமுள்ளது என்று இப்போது பரவலாக ஒப்புக் கொள்ளப்பட்டுள்ளது. பெட்டி அளவை பரவலாக செயல்படுத்துவதில் விவாதம் பொருத்தமற்றதாகிவிட்டது. உலாவி அதன் குறிப்புகளை நேர்மாறாக மாற்றும்.
கிறிஸ் கோயர் மற்றும் பால் ஐரிஷ் ஆகியோரால் பிரபலப்படுத்தப்பட்ட, அனைத்தையும் உள்ளடக்கிய நுட்பத்தை பின்வருவனவற்றால் செயல்படுத்தலாம்:
* {
-வெப்கிட்-பாக்ஸ்-அளவிடுதல்: எல்லை-பெட்டி;
-moz-box-sizing: எல்லை-பெட்டி;
பெட்டி-அளவிடுதல்: எல்லை-பெட்டி;
}
செயல்திறன் வெற்றிகளால் CSS இல் * தேர்வாளரைப் பயன்படுத்துவது விவாதத்திற்குரியது. உங்கள் வலைத்தளம் / பயன்பாட்டின் மற்ற எல்லா அம்சங்களையும் நீங்கள் மிகைப்படுத்தவில்லை என்றால் இந்த வகையான உரிமைகோரல்கள் அற்பமானவை. எல்லை பெட்டியைப் பயன்படுத்துவது, உலாவி கிடைக்கக்கூடிய இடத் தொகுப்பிற்குள் திணிப்பு மற்றும் எல்லைகளைச் சேர்க்கும். பெட்டி அளவை உள்ளடக்க பெட்டியில் அமைப்பதன் மூலம் ‘தரநிலை பயன்முறை’ பயன்படுத்தப்படலாம்.
பல நெடுவரிசைகள்
எழுதப்பட்ட வடிவம் மற்றும் வகையால் வலை பெரிதும் ஈர்க்கப்பட்டது. துரதிர்ஷ்டவசமாக, நாங்கள் காகிதத்தோல் கட்டத்தில் சிக்கிக்கொண்டோம். இவற்றில் சில சிக்கல்கள் நீண்டகாலமாக எதிர்பார்க்கப்பட்ட பேஜ்-மீடியா மற்றும் சிஎஸ்எஸ் பிராந்திய விவரக்குறிப்புகளுடன் வந்துள்ளன. உலாவி CSS பல நெடுவரிசைகளை செயல்படுத்தத் தொடங்கியபோது, பத்திரிகை போன்ற தளவமைப்புகளுக்கான முதல் படிகள் எடுக்கப்பட்டன. இந்த விளைவை உருவாக்குவதற்கான குறியீடு நேரடியானது:
p {
-வெப்கிட்-நெடுவரிசை-எண்ணிக்கை: 2;
-moz-column-count: 2;
நெடுவரிசை எண்ணிக்கை: 2;
}
CSS3 மல்டி-நெடுவரிசை விவரக்குறிப்பு மற்றும் ஜாவாஸ்கிரிப்ட் குறைவடையும் பற்றி நீங்கள் மேலும் அறியலாம், எந்தவொரு உலாவிக்கும் ஆதரவு இல்லாமல் நீங்கள் பயன்படுத்தலாம், ஒரு பட்டியல் தவிர வலைப்பதிவில் இருந்து.
கணக்கீடுகள்
பரிமாணங்களைக் கணக்கிடுவது கடினமாக இருக்கும். பழைய நாட்களில், கலப்பு அலகு கணக்கீடுகளைத் தவிர்த்து, எந்தவிதமான அலகு கணக்கீடுகளையும் செய்ய எங்களுக்கு வழி இல்லை. கணக்கிற்கு நன்றி மாறிவிட்டது. ஆரம்ப கூறுகளின் அகலத்தை பாதிக்காத அல்லது பெட்டி அளவைப் போன்ற ஒன்றைப் பயன்படுத்தாத ஒரு துடுப்பு விளைவை உருவாக்குதல்: எல்லை-பெட்டி; சமீபத்தில் வரை, கூடுதல் கூறுகளைச் சேர்ப்பதன் மூலம் மட்டுமே சாத்தியமாகும்.
.பாடட் {
விளிம்பு: 0 ஆட்டோ;
நிலை: உறவினர்;
அகலம்: -வெப்கிட்-கால் (100% - (20px * 2));
அகலம்: -moz-calc (100% - (20px * 2%);
அகலம்: கணக்கு (100% - (20px * 2));
}
கால் () .padded இன் பெற்றோர் அகலத்தின் அடிப்படையில் சரியான அகல கணக்கீட்டை கவனித்துக்கொள்கிறது மற்றும் வரையறுக்கப்பட்ட 20px திணிப்பைக் கழித்தல். எனது உறுப்புக்கு இருபுறமும் இதை 2 ஆல் பெருக்கி, உறவினர் பொருத்துதல் மற்றும் இடது மற்றும் வலது விளிம்பு ஆட்டோவைப் பயன்படுத்தி உறுப்பை மையமாகக் கொண்டேன்.
உடை
வெளிப்படைத்தன்மை
ஒரு தனிமத்தின் சரியான பாணியைப் பெறுவது எப்போதுமே CSS இல் எங்களுக்குக் கிடைத்த கருவிகளைப் பொறுத்தது. வெளிப்படைத்தன்மை என்பது 2000 களின் முற்பகுதி முதல் நடுப்பகுதி வரை நீங்கள் இயக்கும் முதல் ஆதரவு வகைகளில் ஒன்றாகும்.
HTML5 மற்றும் அதிக கவனம் செலுத்தும் தர முயற்சிகளின் வருகையுடன், உலாவிகள் ஒளிபுகா சொத்தின் நிலையான செயல்பாட்டைக் கொண்டுள்ளன, மேலும் புதிய வண்ண தொகுதி விவரக்குறிப்பின் படி ஆல்பா சேனல் ஆதரவை வெளிப்படுத்தியுள்ளன. இதில் RGBA மற்றும் HSLA வழிகாட்டுதல்கள் அடங்கும்.
a {
நிறம்: rgba (0,255,0,0.5);
பின்னணி: rgba (0,0,255,0.05);
எல்லை: rgba (255,0,0,0.5);
}
நீங்கள் ஹெக்ஸ் மதிப்புகளைக் காணும் இடமெல்லாம் ஆர்ஜிபிஏ அல்லது எச்எஸ்எல்ஏ வண்ணங்களைப் பயன்படுத்தலாம். வரையறுக்கப்பட்ட பெயர்களைக் கொண்ட வேடிக்கையான வண்ணங்களின் நீட்டிக்கப்பட்ட பட்டியலும் உள்ளது, நீங்கள் விவரக்குறிப்பில் சரியாகப் பார்க்கலாம். உறுப்புகளுக்கு இடையில் ஒரு மாறும் கலவையை உருவாக்க விரும்பும்போது இவை கைக்குள் வரும்.
வடிப்பான்கள்
CSS வடிப்பான்கள் மிகவும் உற்சாகமானவை. மூன்றாம் தரப்பு செருகுநிரல்களின் தேவை இல்லாமல் ஒரு பக்கத்தில் உள்ள உறுப்புகளின் தோற்றத்தையும் உணர்வையும் மாறும் திறன் கொண்டிருப்பது ஆச்சரியமாக இருக்கிறது, மேலும் இது ஃபோட்டோஷாப்பில் உங்கள் நேரத்தை பெருமளவில் குறைக்க உதவும்.
img src = "market.webp">
img {
-வெப்கிட்-வடிகட்டி: கிரேஸ்கேல் (100%);
}
CSS வடிப்பான்கள் தற்போது வெப்கிட் உலாவிகளில் மட்டுமே ஆதரிக்கப்படுகின்றன, எனவே அவற்றின் பயன்பாடு கூடுதல் தன்மை கொண்டதாக இருக்க வேண்டும், சார்ந்து இல்லை. மேலும் படிக்க இங்கே.
பட மாற்று
படங்களுடன் உரையை மாற்றுவது நீண்ட காலமாக உள்ளது. துரதிர்ஷ்டவசமாக, சமீபத்திய மற்றும் அதிநவீன பட மாற்று நுட்பங்களுக்கு இன்னும் குறைபாடுகள், அணுகல் வாரியாக உள்ளன. ஆனால் இருவர் சமீபத்தில் மிகவும் புத்திசாலித்தனமானவர்கள், தங்கள் சொந்த உரிமைகளில் தனித்துவமானவர்கள் என்று வெளிச்சத்திற்கு வந்துள்ளனர். முதலாவது ஸ்காட் கெல்மேன் எழுதியது:
h1 class = ’hide-text’> எனது வலைத்தளத்தின் சின்னம் / h1>
. மறை-உரை {
உரை-உள்தள்ளல்: 100%;
வெள்ளை இடம்: இப்பொழுது;
வழிதல் மறைத்து;
}
இரண்டாவது நிக்கோலா கல்லாகர் எழுதியது:
. மறை-உரை {
எழுத்துரு: 0/0 அ;
உரை-நிழல்: எதுவுமில்லை;
நிறம்: வெளிப்படையானது;
}
பதிலளிக்கக்கூடிய வீடியோ
பதிலளிக்கக்கூடிய சூழலில் ஊடகங்களை சரியாக அளவிடுவது சவாலானது. தகவமைப்பு வடிவமைப்பை மதிக்கும் வலைத்தளங்கள் மேலும், உறுப்புகளின் பரிமாணங்கள் மற்றும் விகித விகிதத்தை சரியாகக் கையாள்வது அவசியம்.
மூன்றாம் தரப்பு சேவைகள் உள்ளடக்கத்தை வழங்குவதன் மூலம் உட்பொதிக்கப்பட்ட வீடியோ சண்டையிட மிகவும் சவாலான ஊடக வகைகளில் ஒன்றாகும். ஒரு பொதுவான YouTube உட்பொதி இது போன்றது:
iframe width = "640" height = "390" src = "http: // www.youtube.com/embed/oHg5SJYRHA0" frameborder = "0" allowfullscreen = ""> / iframe>
ஐஃப்ரேம் உறுப்பு பின்னர் ஒரு ஃப்ளாஷ் பொருள் அல்லது உட்பொதி உறுப்பைக் கொண்டுள்ளது. Iframe {maxwidth போன்ற ஒன்றைப் பயன்படுத்துதல்: 100%; work வேலை செய்யாது, ஏனெனில் அகலம் மாறும்போது உள்ளமைக்கப்பட்ட கூறுகள் சரியாக மறுஅளவிடாது. எனவே, நாம் சில தந்திரங்களைச் செய்ய வேண்டும்.
div>
iframe width = "640" height = "390" src = "http://www.youtube.com/embed/oHg5SJYRHA0" frameborder = "0" allowfullscreen = ""> / iframe>
/ div>
வேறொரு உறுப்பில் ஐஃப்ரேமை மடக்குவது, வீடியோவில் சரியான பதிலளிக்கக்கூடிய செயல்பாட்டைச் சேர்க்க வேண்டிய கட்டுப்பாட்டைக் கொடுக்கும்.
.வீடியோ {
நிலை: உறவினர்;
திணிப்பு-கீழ்: 56.25%;
உயரம்: 0;
வழிதல் மறைத்து;
}
.வீடியோ இஃப்ரேம்,
வீடியோ பொருள்,
.வீடியோ உட்பொதி {
நிலை: முழுமையான;
மேல்: 0;
இடது: 0;
அகலம்: 100%;
உயரம்: 100%;
}
.வீடியோ ரேப்பரின் திணிப்பு-கீழே அமைத்தல்: 56.25%; இந்த முறையில் உள்ள மந்திரம். திணிப்பைப் பயன்படுத்துவது என்பது பெற்றோரின் அகலத்தின் அடிப்படையில் பயன்படுத்தப்படும் சதவீதமாகும்; ‘56 .25% '16: 9 விகிதத்தை உருவாக்கும். நீங்கள் விரும்பினால் கணிதத்தை நீங்களே செய்யுங்கள். 9/16 = 0.5625. 0.5625 * 100 = 56.25 (இது எங்கள் சதவீதம்).
செயல்பாடு
உறுப்புகளைத் எளிதில் தேர்ந்தெடுப்பது
பல ஜாவாஸ்கிரிப்ட் நூலகங்களின் பிரபலத்துடன் (jQuery, எடுத்துக்காட்டாக), ஈ.சி.எம்ஸ்கிரிப்ட் கமிட்டி மற்றும் டபிள்யூ 3 சி தரநிலைகள் செயல்பாட்டு டெவலப்பர்களின் முக்கிய துண்டுகளில் ஒன்றை சொந்தமாகக் கொண்டிருக்கவில்லை - நல்ல உறுப்பு தேர்வு. GetElementByID () மற்றும் getElementByClassName () போன்ற முறைகள் வேகமானவை ஆனால் டெவலப்பர் சமூகத்திலிருந்து வரும் தேர்வாளர் இயந்திரங்களைப் போல நெகிழ்வான மற்றும் வலுவானவை அல்ல; querySelectorAll () என்பது ஒரு சொந்த தேர்வாளர் முறையில் அந்த நெகிழ்வுத்தன்மையில் சிலவற்றைப் பிரதிபலிக்கும் தரத்தின் உடலின் வழியாகும்.
var உருப்படிகள் = document.querySelectorAll (’# தலைப்பு .item’);
querySelectorAll () பல மற்றும் கலப்பு தேர்வாளர்களை அனுப்ப முடியும். இது குறித்து மேலும் வாசிக்க.
புதிய வரிசைகளை உருவாக்குதல்
ஒரு வரிசைக்கு மேல் எழுதுவது எழுதுவதற்கு சோர்வாக இருக்கிறது. () சுழல்களுக்கு எழுதுவதும் மீண்டும் எழுதுவதும் வேடிக்கையானதல்ல. JS பதிப்பு 1.6 இல், வரைபடம் () முறை மீண்டும் மீண்டும் ஒரு புதிய வரிசையை உருவாக்குவதற்கான மற்றொரு வழியை ஆதரிக்கிறது.
var மக்கள் = [’ஹீதர்’, ’ஜேம்ஸ்’, ’கரி’, ’கெவின்’];
var வரவேற்கிறது = people.map (செயல்பாடு (பெயர்) {
திரும்ப ’ஹாய்’ + பெயர் + ’!’;
});
இந்த குறியீட்டை இயக்குவது, நாங்கள் console.log (வரவேற்கிறோம்) என்றால் வரவேற்புகள் ஒரு புதிய வரிசை [‘ஹாய் ஹீதர்! ',‘ ஹாய் ஜேம்ஸ்!', ‘ஹாய் கரி! ',‘ ஹாய் கெவின்!' ].
சுத்தமான ஆவணம் மற்றும் சாளர பொருள்கள்
மூன்றாம் தரப்பு ஜாவாஸ்கிரிப்ட் நூலகங்கள் சொந்த ஆவணம் மற்றும் சாளர பொருள்களுடன் குழப்பமடைய வாய்ப்புள்ளது. இது பிற மூன்றாம் தரப்பு நூலகங்களுக்கும், அவை உள்ளிட்ட டெவலப்பருக்கும் ஒரு பிரச்சனையாக இருக்கலாம். இரு தரப்பினராக, இரு பொருள்களின் புதிய பதிப்பை உருவாக்குவதன் மூலம் நீங்கள் ஒரு சுத்தமான பதிப்பில் பணிபுரிகிறீர்கள் என்பதை உறுதிப்படுத்தவும். இதைச் செய்வதற்கான சிறந்த வழி, ஒரு ஐஃப்ரேம் உறுப்பை உருவாக்குவதும், அதை DOM இல் செருகுவதும், அந்த பொருட்களின் புதிய நிகழ்வுகளை சேமிப்பதும் ஆகும்.
var iframe = document.createElement (’iframe’);
iframe.style.display = "எதுவுமில்லை";
iframe = document.body.appendChild (iframe);
var _window = iframe.contentWindow;
var _document = iframe.contentDocument ||
iframe.contentWindow.document;
document.body.removeChild (iframe);
வலை அடுக்கில் பெரிய முன்னேற்றங்கள் இருந்தபோதிலும், எங்கள் திட்டத்தின் தளவமைப்பு, பாணி மற்றும் செயல்பாட்டிற்குள் நாம் எதிர்கொள்ளும் சவால்களை எதிர்கொள்ள எங்கள் தொழில்நுட்ப தொகுப்பைத் தொடர்ந்து மேம்படுத்துதல் மற்றும் அதிநவீனப்படுத்துதல் ஆகியவை இன்னும் மிக முக்கியமானவை. வளர்ச்சியின் ஒரு நல்ல சுற்றுச்சூழல் அமைப்பைப் பராமரிக்க, தரநிலைகள் மற்றும் உலாவி விற்பனையாளர்களை புதிய விவரக்குறிப்புகள் மற்றும் புதுமையான அம்ச செயலாக்கங்களுடன் முன்னேற்றத்தைத் தொடர ஊக்குவிக்க வேண்டும், அதே நேரத்தில் எங்கள் சொந்த அறிவை சக டெவலப்பர்கள் மற்றும் வடிவமைப்பாளர்களுடன் பகிர்ந்து கொள்கிறோம். மேலும் நுண்ணறிவு, குறைவான ஹேக்ஸ்.
டார்சி கிளார்க் ஒரு விருது பெற்ற டெவலப்பர், வேர்ட்பிரஸ் தீம் நிறுவனமான தெமிஃபை மற்றும் தினசரி ஒப்பந்த ஒருங்கிணைப்பாளர் டீல்பேஜின் இணை நிறுவனர் மற்றும் jQuery குழுவின் உறுப்பினர் ஆவார். அவர் ஒரு மூத்த யுஎக்ஸ் டெவலப்பராக போலார் மொபைலில் பணிபுரிகிறார்.
இதை விரும்பினீர்களா? இவற்றைப் படியுங்கள்!
- பயன்பாட்டை எவ்வாறு உருவாக்குவது
- சிறந்த இலவச எழுத்துருக்களைப் பதிவிறக்கவும்
- ஒவ்வொரு படைப்பாளியும் கொண்டிருக்க வேண்டிய இலவச ஃபோட்டோஷாப் தூரிகைகள்
- இல்லஸ்ட்ரேட்டர் பயிற்சிகள்: இன்று முயற்சிக்க அற்புதமான யோசனைகள்!
- டூடுல் கலையின் சிறந்த எடுத்துக்காட்டுகள்
- புத்திசாலித்தனமான வேர்ட்பிரஸ் பயிற்சி தேர்வு
- வடிவமைப்பாளர்களுக்கான சிறந்த இலவச வலை எழுத்துருக்கள்
- இலவச அமைப்புகளைப் பதிவிறக்குக: உயர் தெளிவுத்திறன் மற்றும் இப்போது பயன்படுத்த தயாராக உள்ளது
