విషయము
- లేఅవుట్
- క్లియర్ఫిక్స్
- బాక్స్-సైజింగ్
- బహుళ నిలువు వరుసలు
- లెక్కలు
- శైలి
- పారదర్శకత
- ఫిల్టర్లు
- చిత్రం భర్తీ
- ప్రతిస్పందించే వీడియో
- కార్యాచరణ
- అంశాలను సులభంగా ఎంచుకోవడం
- క్రొత్త శ్రేణులను సృష్టిస్తోంది
- పత్రం మరియు విండో వస్తువులను శుభ్రపరచండి
- దీన్ని ఇష్టపడ్డారా? వీటిని చదవండి!
ఈ వ్యాసం మొట్టమొదట .net పత్రిక యొక్క 234 సంచికలో కనిపించింది - వెబ్ డిజైనర్లు మరియు డెవలపర్‌ల కోసం ప్రపంచంలోనే అత్యధికంగా అమ్ముడైన పత్రిక.
ఒక సాంకేతికత, దాని ప్రధాన భాగంలో, ఒక పనిని నిర్వహించడానికి ఒక మార్గం మరియు, ఫ్రంటెండ్ డెవలపర్లు మరియు డిజైనర్లు కావడంతో, మాకు చాలా పనులు ఉన్నాయి. ఈ ప్రకృతి దృశ్యం ఎంత మారిపోయిందో మనం తరచుగా మరచిపోతాము. 2002 నుండి 2010 వరకు మా సంఘం కోడ్ మరియు రిసోర్స్ బ్లోట్‌తో కుళ్ళిపోయింది, పనితీరు మరియు నిర్వహణకు ఆటంకం కలిగిస్తుంది. దీన్ని అధిగమించడానికి, మేము ‘టెక్నిక్’ అని పిలిచే చిట్కాలు, ఉపాయాలు మరియు హక్స్‌ను సృష్టించాము. మేము ఇప్పటికీ చాలా సమర్థవంతమైన పద్ధతిలో కాకుండా పనులను నెరవేరుస్తున్నాము.
360 చేయడం, గత కొన్నేళ్లుగా మెరుగైన ప్రమాణాలు మరియు ప్రమాణాల అమలులు జీవితానికి పుట్టుకొచ్చాయి, సమాజంగా కొత్త మరియు మరింత ఆధునిక ‘పద్ధతులను’ అభివృద్ధి చేయడానికి వీలు కల్పిస్తుంది. ఈ కొత్త ప్రకృతి దృశ్యాన్ని ‘ఆధునిక వెబ్’ గా పరిగణిస్తారు.
‘వెబ్ 2.0’ స్తబ్దంగా మరియు గందరగోళంగా మారినందున, ‘ఆధునిక వెబ్’ కూడా అవుతుంది. సమయం ఇవ్వండి. ప్రస్తుతానికి, ఈ పదాన్ని ప్రాతినిధ్యం వహిస్తున్న దానిపై సాధారణ అవగాహన ఉన్నంతవరకు మనం దానిని ఉపయోగించుకోవచ్చు మరియు దుర్వినియోగం చేయవచ్చు.
2010 లో, HTML5 స్పెసిఫికేషన్ దిగింది, ఇది సరికొత్త, సెమీ-ప్రామాణిక వెబ్ వాతావరణాన్ని అందిస్తుంది. ఒపెరా, ఫైర్‌ఫాక్స్, క్రోమ్ మరియు సఫారి వంటి బ్రౌజర్‌లు ఈ కొత్త తరంగాన్ని స్వీకరించి, వారి దేవ్ బృందాలను ప్రమాణాల అమలు మరియు API అన్వేషణ యొక్క కొత్త పరిమితులకు నెట్టాయి. ఈ బ్రౌజర్‌లు ఎలా ‘ఆన్‌బోర్డ్’ అవుతాయో మీకు తెలియజేయడానికి, HTML5 మద్దతును మార్చడం గురించి www.html5readiness.com యొక్క విజువలైజేషన్స్‌ను తనిఖీ చేయండి.
ఇంటర్నెట్ ఎక్స్‌ప్లోరర్‌లో మద్దతు లేకపోవడం గురించి చింతించకండి. మేము Google Chrome ఫ్రేమ్‌కు ఈ కృతజ్ఞతలు ఎదుర్కోవచ్చు. గూగుల్ దీనిని 2010 లో ప్రవేశపెట్టినప్పటి నుండి, ఇది ఇంటర్నెట్ ఎక్స్‌ప్లోరర్ కోసం గో-టు సపోర్ట్ మెకానిజంగా మారింది. IE యొక్క అన్ని సంస్కరణలను Chrome ఫ్రేమ్‌తో లక్ష్యంగా చేసుకోవచ్చు, ఇది IE లోపల క్రోమ్ యొక్క తేలికపాటి సంస్కరణతో ఎంపిక చేసిన వెబ్‌సైట్‌లను అందించే ప్లగ్-ఇన్‌ని డౌన్‌లోడ్ చేయమని కొత్త వినియోగదారుని అడుగుతుంది. Chrome ఫ్రేమ్‌ను అమలు చేయడానికి మేము ఈ క్రింది మెటా> ట్యాగ్‌ను మా సైట్ హెడ్> ట్యాగ్‌లో చేర్చుతాము.
మెటా http-equal = "X-UA- అనుకూల" కంటెంట్ = "chrome = 1" />
జావాస్క్రిప్ట్‌ని ఉపయోగించి, ఇప్పటికే ఇన్‌స్టాల్ చేయకపోతే, ప్లగ్-ఇన్‌ను డౌన్‌లోడ్ చేయమని IE వినియోగదారులను ఇక్కడ నుండి ప్రాంప్ట్ చేయవచ్చు:
స్క్రిప్ట్ రకం = "టెక్స్ట్ / జావాస్క్రిప్ట్" src = "http: // అజాక్స్.
googleapis.com/ajax/libs/chrome-frame/1/CFInstall.
min.js "> / స్క్రిప్ట్>
స్క్రిప్ట్>
window.onload = ఫంక్షన్ () {
CFInstall.check ({
మోడ్: "అతివ్యాప్తి",
గమ్యం: "http://www.yourdomain.com"
});
};
/ స్క్రిప్ట్>
ప్లగ్-ఇన్‌ను ఇన్‌స్టాల్ చేసిన తర్వాత వినియోగదారుని ఒక నిర్దిష్ట లింక్‌కు పంపడానికి గమ్యాన్ని సెట్ చేయవచ్చు. జాగ్రత్త వహించే పదం: నిజంగా ఆధునిక బ్రౌజర్‌ల కోసం క్రోమ్ ఫ్రేమ్ ఖచ్చితంగా అభివృద్ధి చేయడానికి ఒక పద్ధతిని ఇస్తున్నప్పటికీ, వారు కోరుకోకపోతే ప్లగ్-ఇన్‌ను డౌన్‌లోడ్ చేయకుండా ఉండటానికి వినియోగదారుకు అవకాశం ఉందని మనం మర్చిపోకూడదు. అవి లేకపోతే, మరియు మీరు IE యొక్క ఒకటి లేదా ఇతర వేర్వేరు సంస్కరణలకు మద్దతునివ్వవలసి వస్తే, మీ అనుభవాలతో, క్రాస్ బ్రౌజర్‌తో మీరు ఏమి చేయగలరో మరియు ఇవ్వలేదో తెలుసుకోవడానికి మీరు మరికొంత సమయం గడపవలసి ఉంటుంది..
ఈ కోడ్ ఆధునిక వెబ్ స్టాక్‌లో అభివృద్ధి చెందడానికి మరింత ఎక్కువ స్థాయి ఆట మైదానాన్ని అందించడంతో, మన మనస్సులతో సులభంగా ముందుకు సాగవచ్చు. మీ సైట్ కుడి క్రాస్ బ్రౌజర్‌ను రూపొందించడానికి అనేక బ్రౌజర్-నిర్దిష్ట హక్‌లను సృష్టించడం, మీ ముక్కలు చేసిన చిత్రాలతో ఉపయోగించటానికి లెక్కలేనన్ని ఖాళీ మూలకాలను సృష్టించడం లేదా అధికంగా వెర్బోస్ లేదా అనవసరమైన జావాస్క్రిప్ట్ కోడ్‌ను రాయడం మీకు గుర్తుండవచ్చు. పని చేయడానికి సరళమైనది. ఈ నొప్పులన్నీ ఏదో ఒక కోణంలో, ఈ రోజు మనం ఆందోళన చెందుతున్న సమస్యలే. లేఅవుట్, శైలి మరియు కార్యాచరణను ఎదుర్కోవటానికి మరింత నియంత్రణ మరియు మెరుగైన సాధనాల కోసం మేము ఇంకా పోరాడుతున్నాము కాని పరిణతి చెందిన స్థాయిలో.
లేఅవుట్
క్లియర్ఫిక్స్
ఒక మూలకాన్ని తేలియాడటం CSS 2.1 లో తిరిగి ప్రవేశపెట్టబడింది, కాని మేము ఆశించిన పూర్తి పరిష్కారం ఎప్పటికీ తేలలేదు. పిల్లల మూలకం తేలుతున్నప్పుడు తల్లిదండ్రుల మూలకం యొక్క కొలతలు నిర్వహించడం అతిపెద్ద సమస్యలలో ఒకటి. దీనిని పరిష్కరించడానికి, క్లియర్ఫిక్స్ టెక్నిక్ సృష్టించబడింది.
కింది HTML ను తీసుకోండి:
div>
div> ... / div>
div> ... / div>
/ div>
ఈ పద్ధతిని నికోలస్ గల్లాఘర్ రాశారు:
.క్లియర్ఫిక్స్: ముందు,
.క్లియర్ఫిక్స్: after తర్వాత
విషయము: " ";
ప్రదర్శన: పట్టిక;
}
.క్లియర్ఫిక్స్: after తర్వాత
స్పష్టమైన: రెండూ;
}
.క్లియర్ఫిక్స్ {
* జూమ్: 1;
}
మీ ప్రాజెక్ట్‌లను తొలగించడానికి మీరు HTML5Boilerplate ను ఉపయోగిస్తే, మీరు ఇప్పటికే కాల్చిన క్లియర్ఫిక్స్ టెక్నిక్ యొక్క ఈ సంస్కరణను కలిగి ఉంటారు.
బాక్స్-సైజింగ్
ఏ డెవలపర్లు ఏ బాక్స్ మోడల్ అమలుకు మరింత అర్ధమయ్యారో చర్చించారు. క్విర్క్స్ వర్సెస్ స్టాండర్డ్స్ మోడ్ నిజంగా దీని అర్థం: ‘ఒక మూలకం యొక్క కొలతలు సెట్ చేయబడిన తర్వాత, సరిహద్దులు మరియు పాడింగ్ వర్తించినప్పుడు లేదా కాదా?
సరిహద్దులు మరియు పాడింగ్ ఒక మూలకం లోపల అందుబాటులో ఉన్న స్థలం నుండి తీసివేయడానికి మరింత అర్ధమేనని మరియు మూలకం యొక్క వెడల్పు లేదా ఎత్తుకు జోడించవద్దని ఇప్పుడు విస్తృతంగా అంగీకరించబడింది. బాక్స్ పరిమాణాన్ని విస్తృతంగా అమలు చేయడంతో చర్చ అసంబద్ధం చేయబడింది. బ్రౌజర్ దాని సూచనలను మీ నుండి కాకుండా తీసుకుంటుంది.
క్రిస్ కోయెర్ మరియు పాల్ ఐరిష్ చేత ప్రాచుర్యం పొందింది, అన్నింటినీ కలిగి ఉన్న సాంకేతికతను ఈ క్రింది వాటితో అమలు చేయవచ్చు:
* {
-వెబ్కిట్-బాక్స్-సైజింగ్: బోర్డర్-బాక్స్;
-మోజ్-బాక్స్-సైజింగ్: బోర్డర్-బాక్స్;
బాక్స్-పరిమాణము: సరిహద్దు-పెట్టె;
}
పనితీరు హిట్స్ కారణంగా CSS లో * సెలెక్టర్‌ను ఉపయోగించడం చర్చనీయాంశమైంది. మీరు మీ వెబ్‌సైట్ / అనువర్తనం యొక్క అన్ని ఇతర అంశాలను హైపర్-ఆప్టిమైజ్ చేయకపోతే ఈ రకమైన వాదనలు పనికిరానివి. సరిహద్దు-పెట్టెను ఉపయోగించడం వలన బ్రౌజర్ అందుబాటులో ఉన్న స్థల సమితి లోపల పాడింగ్ మరియు సరిహద్దులను జోడిస్తుంది. బాక్స్-పరిమాణాన్ని కంటెంట్-బాక్స్‌కు సెట్ చేయడం ద్వారా ‘స్టాండర్డ్స్ మోడ్’ ఉపయోగించవచ్చు.
బహుళ నిలువు వరుసలు
వ్రాతపూర్వక రూపం మరియు రకం ద్వారా వెబ్ బాగా ప్రేరణ పొందింది. దురదృష్టవశాత్తు, మేము పార్చ్మెంట్ దశలో చిక్కుకున్నాము. ఈ సమస్యలలో కొన్ని దీర్ఘకాలంగా ఎదురుచూస్తున్న పేజ్డ్-మీడియా మరియు CSS ప్రాంతాల స్పెసిఫికేషన్లతో తలెత్తుతున్నాయి. బ్రౌజర్‌లు CSS బహుళ-నిలువు వరుసలను అమలు చేయడం ప్రారంభించినప్పుడు మరింత మ్యాగజైన్ లాంటి లేఅవుట్ల వైపు మొదటి అడుగులు వేయబడ్డాయి. ఈ ప్రభావాన్ని సృష్టించే కోడ్ సరళంగా ఉంటుంది:
p {
-వెబ్కిట్-కాలమ్-కౌంట్: 2;
-మోజ్-కాలమ్-కౌంట్: 2;
కాలమ్-కౌంట్: 2;
}
మీరు CSS3 మల్టీ-కాలమ్ స్పెసిఫికేషన్ గురించి, అలాగే జావాస్క్రిప్ట్ ఫాల్‌బ్యాక్ గురించి మరింత తెలుసుకోవచ్చు, మీరు మద్దతు లేకుండా ఏ బ్రౌజర్‌కైనా ఉపయోగించవచ్చు, ఒక జాబితా కాకుండా బ్లాగ్ నుండి.
లెక్కలు
కొలతలు లెక్కించడం కష్టం. పాత రోజుల్లో, మిశ్రమ యూనిట్ లెక్కలను విడదీయండి, మాకు ఎలాంటి యూనిట్ లెక్కలు చేయటానికి మార్గం లేదు. లెక్కించినందుకు ధన్యవాదాలు మార్చబడింది. ప్రారంభ మూలకాల వెడల్పును ప్రభావితం చేయని లేదా బాక్స్-సైజింగ్ వంటి వాటిని ఉపయోగించని మెత్తటి ప్రభావాన్ని సృష్టించడం: సరిహద్దు-పెట్టె; ఇటీవలి వరకు, అదనపు కలిగి ఉన్న అంశాలను జోడించడం ద్వారా మాత్రమే సాధ్యమవుతుంది.
.ప్యాడెడ్ {
మార్జిన్: 0 ఆటో;
స్థానం: సాపేక్ష;
వెడల్పు: -వెబ్కిట్-కాల్క్ (100% - (20 పిక్స్ * 2 శాతం);
వెడల్పు: -moz-calc (100% - (20px * 2%);
వెడల్పు: లెక్కించు (100% - (20px * 2%);
}
కాల్ () .ప్యాడ్డ్ యొక్క మాతృ వెడల్పు ఆధారంగా సరైన వెడల్పు గణనను చూసుకుంటుంది మరియు నిర్వచించిన 20 పిక్స్ పాడింగ్ మైనస్. సాపేక్ష మూలకం మరియు ఎడమ మరియు కుడి మార్జిన్ ఆటోను ఉపయోగించుకునే మూలకాన్ని కేంద్రీకరించి, నా మూలకం యొక్క ఇరువైపులా నేను దీనిని 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);
}
మీరు HEX విలువలను కనుగొన్న చోట మీరు RGBA లేదా HSLA రంగులను ఉపయోగించవచ్చు. నిర్వచించిన పేర్లతో కూడిన సరదా రంగుల జాబితా కూడా ఉంది, మీరు స్పెసిఫికేషన్‌లోనే తనిఖీ చేయవచ్చు. మీరు మూలకాల మధ్య డైనమిక్ మిశ్రమాన్ని సృష్టించాలనుకున్నప్పుడు ఇవి ఉపయోగపడతాయి.
ఫిల్టర్లు
CSS ఫిల్టర్లు చాలా ఉత్తేజకరమైనవి. మూడవ పార్టీ ప్లగిన్‌ల అవసరం లేకుండా పేజీలోని అంశాల రూపాన్ని మరియు అనుభూతిని డైనమిక్‌గా మార్చగల సామర్థ్యం కలిగి ఉండటం చాలా అద్భుతంగా ఉంది మరియు ఇది ఫోటోషాప్‌లో గడిపిన సమయాన్ని చాలావరకు తగ్గించడానికి సహాయపడుతుంది.
img src = "market.webp">
img {
-వెబ్కిట్-ఫిల్టర్: గ్రేస్కేల్ (100%);
}
CSS ఫిల్టర్లు ప్రస్తుతం వెబ్కిట్ బ్రౌజర్‌లలో మాత్రమే మద్దతిస్తాయి కాబట్టి వాటి ఉపయోగం సంకలిత స్వభావం కలిగి ఉండాలి, ఆధారపడదు. ఇక్కడ మరింత చదవండి.
చిత్రం భర్తీ
చిత్రాలతో వచనాన్ని మార్చడం చాలా కాలంగా ఉంది. దురదృష్టవశాత్తు, సరికొత్త మరియు అత్యంత అధునాతన ఇమేజ్ రీప్లేస్‌మెంట్ టెక్నిక్‌లకు ఇప్పటికీ లోపాలు, ప్రాప్యత వారీగా ఉన్నాయి. కానీ ఇద్దరు ఇటీవల చాలా తెలివైన మరియు వారి స్వంత హక్కులలో ప్రత్యేకమైన వెలుగులోకి వచ్చారు. మొదటిది స్కాట్ కెల్మన్ రాశారు:
h1 class = ’hide-text’> నా వెబ్‌సైట్ లోగో / h1>
.హైడ్-టెక్స్ట్ {
టెక్స్ట్-ఇండెంట్: 100%;
వైట్-స్పేస్: నౌరాప్;
ఓవర్ఫ్లో: దాచిన;
}
రెండవది నికోలస్ గల్లాఘర్ రాశారు:
.హైడ్-టెక్స్ట్ {
font: 0/0 a;
టెక్స్ట్-షాడో: ఏదీ లేదు;
రంగు: పారదర్శక;
}
ప్రతిస్పందించే వీడియో
ప్రతిస్పందించే వాతావరణంలో మీడియాను సరిగ్గా కొలవడం సవాలుగా ఉంటుంది. అనుకూల రూపకల్పనను గౌరవించే ఎక్కువ వెబ్‌సైట్‌లతో, మూలకాల కొలతలు మరియు కారక నిష్పత్తిని సరిగ్గా నిర్వహించడం చాలా అవసరం.
మూడవ పార్టీ సేవలు కంటెంట్‌ను అందించే విధానం వల్ల ఎంబెడెడ్ వీడియో గొడవ పడే మీడియా రకాల్లో ఒకటి. ఒక సాధారణ YouTube పొందుపరచడం ఇలా కనిపిస్తుంది:
iframe width = "640" height = "390" src = "http: // www.youtube.com/embed/oHg5SJYRHA0" frameborder = "0" allowfullscreen = ""> / iframe>
ఐఫ్రేమ్ మూలకం అప్పుడు ఫ్లాష్ ఆబ్జెక్ట్ లేదా పొందుపరిచిన మూలకాన్ని కలిగి ఉంటుంది. ఐఫ్రేమ్ {మాక్స్విడ్త్ వంటి వాటిని ఉపయోగించడం: 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 (ఇది మా శాతం).
కార్యాచరణ
అంశాలను సులభంగా ఎంచుకోవడం
అనేక జావాస్క్రిప్ట్ లైబ్రరీల యొక్క ప్రజాదరణతో (ఉదాహరణకు, j క్వెరీ), ECMAScript కమిటీ మరియు W3C ప్రమాణాలు ఫంక్షనాలిటీ డెవలపర్‌ల యొక్క ప్రధాన భాగాలలో ఒకటి స్థానికంగా లేనివి - మంచి మూలకం ఎంపిక. GetElementByID () మరియు getElementByClassName () వంటి పద్ధతులు డెవలపర్ సంఘం నుండి వచ్చే సెలెక్టర్ ఇంజిన్‌ల వలె వేగంగా కానీ సరళంగా మరియు దృ not ంగా లేవు; querySelectorAll () అనేది స్థానిక సెలెక్టర్ పద్ధతిలో ఆ వశ్యతను అనుకరించే ప్రమాణాల శరీర మార్గం.
var అంశాలు = document.querySelectorAll (’# header .item’);
querySelectorAll () ను బహుళ మరియు మిశ్రమ సెలెక్టర్లు పంపవచ్చు. దీనిపై మరింత చదవండి.
క్రొత్త శ్రేణులను సృష్టిస్తోంది
శ్రేణిపై మళ్ళించడం అనేది వ్రాయడానికి అలసిపోతుంది. () లూప్‌ల కోసం రాయడం మరియు తిరిగి వ్రాయడం సరదా కాదు. JS సంస్కరణ 1.6 లో, మ్యాప్ () పద్ధతి తిరిగి రావడానికి మరియు మరొకటి నుండి క్రొత్త శ్రేణిని సృష్టించడానికి సులభమైన మార్గానికి మద్దతునిస్తుంది.
var people = [’హీథర్’, ’జేమ్స్’, ’కారి’, ‘కెవిన్’];
var స్వాగతించింది = people.map (ఫంక్షన్ (పేరు) {
తిరిగి ’హాయ్’ + పేరు + ’!’;
});
ఈ కోడ్‌ను అమలు చేయడం, మేము కన్సోల్.లాగ్ (స్వాగతించడం) చేస్తే స్వాగతం అనేది క్రొత్త శ్రేణి [‘హాయ్ హీథర్! ',‘ హాయ్ జేమ్స్!', ‘హాయ్ కారి! ',‘ హాయ్ కెవిన్!' ].
పత్రం మరియు విండో వస్తువులను శుభ్రపరచండి
మూడవ పార్టీ జావాస్క్రిప్ట్ లైబ్రరీలు స్థానిక పత్రం మరియు విండో వస్తువులతో గందరగోళానికి గురవుతాయి. ఇది ఇతర మూడవ పార్టీ లైబ్రరీలకు మరియు వాటితో సహా డెవలపర్‌కు సమస్య కావచ్చు. ఏ పార్టీ అయినా, మీరు రెండు వస్తువుల యొక్క క్రొత్త ఉదాహరణను సృష్టించడం ద్వారా శుభ్రమైన సంస్కరణతో పని చేస్తున్నారని నిర్ధారించుకోండి. దీనికి ఉత్తమ మార్గం ఐఫ్రేమ్ మూలకాన్ని సృష్టించడం, దానిని DOM లోకి చొప్పించడం మరియు ఆ వస్తువుల యొక్క క్రొత్త సందర్భాలను నిల్వ చేయడం.
var iframe = document.createElement (’iframe’);
iframe.style.display = "none";
iframe = document.body.appendChild (iframe);
var _window = iframe.contentWindow;
var _document = iframe.contentDocument ||
iframe.contentWindow.document;
document.body.removeChild (iframe);
వెబ్ స్టాక్‌లో పెద్ద మెరుగుదలలు ఉన్నప్పటికీ, మా ప్రాజెక్ట్ యొక్క లేఅవుట్, శైలి మరియు కార్యాచరణలో మేము ఎదుర్కొంటున్న సవాళ్లను ఎదుర్కోవటానికి మా టెక్నాలజీ సూట్‌ను కొనసాగించడం మరియు అధునాతనంగా కొనసాగించడం ఇప్పటికీ చాలా ముఖ్యమైనది. వృద్ధి యొక్క మంచి పర్యావరణ వ్యవస్థను నిర్వహించడానికి, మన స్వంత జ్ఞానాన్ని తోటి డెవలపర్లు మరియు డిజైనర్లతో పంచుకుంటూ, క్రొత్త లక్షణాలు మరియు వినూత్న ఫీచర్ అమలులతో పురోగతిని కొనసాగించడానికి మేము ప్రమాణాల సంస్థలు మరియు బ్రౌజర్ విక్రేతలను ప్రోత్సహించాలి. మరింత అంతర్దృష్టులు, తక్కువ హక్స్.
డార్సీ క్లార్క్ అవార్డు గెలుచుకున్న డెవలపర్, WordPress థీమ్ కంపెనీ థెమిఫై మరియు రోజువారీ ఒప్పందం అగ్రిగేటర్ డీల్ పేజ్ సహ వ్యవస్థాపకుడు మరియు j క్వెరీ టీం సభ్యుడు. అతను పోలార్ మొబైల్‌లో సీనియర్ యుఎక్స్ డెవలపర్‌గా పనిచేస్తాడు.
దీన్ని ఇష్టపడ్డారా? వీటిని చదవండి!
- అనువర్తనాన్ని ఎలా నిర్మించాలో
- ఉత్తమ ఉచిత ఫాంట్‌లను డౌన్‌లోడ్ చేయండి
- ప్రతి సృజనాత్మకత కలిగి ఉండాలి ఉచిత ఫోటోషాప్ బ్రష్లు
- ఇలస్ట్రేటర్ ట్యుటోరియల్స్: ఈ రోజు ప్రయత్నించడానికి అద్భుతమైన ఆలోచనలు!
- డూడుల్ కళకు గొప్ప ఉదాహరణలు
- బ్రిలియంట్ WordPress ట్యుటోరియల్ ఎంపిక
- డిజైనర్లకు ఉత్తమ ఉచిత వెబ్ ఫాంట్‌లు
- ఉచిత అల్లికలను డౌన్‌లోడ్ చేయండి: అధిక రిజల్యూషన్ మరియు ఇప్పుడు ఉపయోగించడానికి సిద్ధంగా ఉంది
