የኮድ ሽፋን በእያንዳንዱ ሊነበብ በሚችል የቅጥ ሉህ ውስጥ ያለውን እያንዳንዱን መራጭ በቀጥታ ገጹ ላይ ይፈትሻል፣ ስለዚህ የትኞቹ የ CSS ህጎች በአሁኑ ጊዜ ከምንም ጋር እንደማይዛመዱ፣ እያንዳንዱ ፋይል ምን ያህል ባይት እንደሚባክን እና የትኞቹ ስክሪፕቶች የመጀመሪያውን ቀለም እንደያዙ ማየት ይችላሉ።
የቅጥ ሉሆች ብቻ ያድጋሉ። አንድ ጭብጥ እርስዎ የሌሉዎት ገፆች ህጎች፣ ማእቀፉ በጭራሽ የማይጠቀሙባቸውን ክፍሎች ይጭናል እና ሶስት እንደገና ዲዛይን ካደረጉ በኋላ የፋይሉ ግማሹ ሸክም እንደሆነ ማንም አያውቅም። ውጤቱ እያንዳንዱን የጎብኝ ባንድዊድዝ የሚያስከፍል እና ገፁ ሊጠቀምባቸው የማይችላቸውን ህጎች ለማቅረብ ጊዜ የሚሰጥ CSS ነው።
የኮድ ሽፋን የሚለካው በቀጥታ ነው። በእያንዳንዱ የቅጥ ሉህ ውስጥ እያንዳንዱን ህግ ይራመዳል አሳሹ እንዲያነብ ያስችለዋል - በመገናኛ ብዙሃን መጠይቆች ውስጥ የተካተቱ ህጎችን፣ @ድጋፎችን እና @Layer blocksን ጨምሮ - እና እያንዳንዱን መራጭ ከቀጥታ DOM ጋር ይሞክራል። አሁን ከምንም ጋር የማይዛመድ ህግ ጥቅም ላይ ያልዋለ፣በፋይል፣በመቶኛ፣የባከኑ ባይት እና ሙሉ የመራጮች ዝርዝር መዘርጋት እና መቅዳት ተዘግቧል።
ስለ ግልጽ ወጥመዶች ጥንቃቄ የተሞላበት ነው. የውሸት-ኤለመንቶች እና የስቴት የውሸት-ክፍሎች ከመዛመዳቸው በፊት የተራቆቱ ናቸው፣ ስለዚህ አንድ : ማንዣበብ ወይም :: ከህግ በፊት የሚመረጠው መሰረታዊ መራጩ በስህተት ከመጻፍ ይልቅ መኖር አለመኖሩ ላይ ነው። ያለ CORS ራስጌዎች ተሻጋሪ የሆኑ የቅጥ ሉሆች በማንኛውም ስክሪፕት ሊነበቡ አይችሉም፣ ስለዚህ በጸጥታ ፍጹም ሆነው ከመቆጠር ይልቅ የማይነበቡ ተደርገው ተጠቁመዋል። እና ቅኝቱ ገጹን በዚያው ቅጽበት ስለሚያንጸባርቅ፣ እስካሁን ያልተከፈቱ የሜኑዎች፣ ታብ እና ሞዳል ህጎች ጥቅም ላይ ያልዋሉ ስለሚመስሉ ማንኛውንም ነገር ከመሰረዝዎ በፊት እንደገና ቃኝን ይጫኑ።
የጃቫስክሪፕት ትር ለተለየ ጥያቄ ይመልሳል፡- ክብደት እና እገዳ። ገፁ የሚጫነውን እያንዳንዱን ስክሪፕት ከዝውውር መጠኑ፣ ከማውረጃው ጊዜ ጋር፣ እና የተመሳሰለ፣ የዘገየ፣ ሞጁል ከሆነ፣ በተለዋዋጭ የተጫነ ወይም የመጀመሪያውን ቀለም የሚይዝ ከሆነ፣ ከዚያም ምን ያህል ባይት እየታገዱ እንደሆነ ያጠቃልላል። ሆን ተብሎ እንደ ማስፈጸሚያ ሽፋን አይሸጥም - የትኛዎቹ የጃቫ ስክሪፕት መስመሮች እንደሚሄዱ ማወቅ የChrome አራሚ ኤፒአይ ያስፈልገዋል፣ይህም DevSuite Pro የማይጠይቀው፣ስለዚህ ምንም እዚህ የመስመር ደረጃ ሪፖርት መስሎ አይታይም።
በእያንዳንዱ ሊነበብ በሚችል የቅጥ ሉህ ውስጥ ያለው እያንዳንዱ ህግ በቀጥታ DOM ላይ ይሞከራል፣ በየሚዲያ መጠይቆች ውስጥ ያሉ ህጎችን፣ @ድጋፎችን እና @Layer blocksን ጨምሮ - ከፋይል ስሞች ወይም መጠኖች ያልተገመተ።
እያንዳንዱ የቅጥ ሉህ ጥቅም ላይ ያልዋለ መቶኛ፣ ያገለገለ-የተቃርኖ-ጥቅም ላይ ያልዋለ የደንብ ቆጠራ እና የባከኑ ባይት ብዛት ያገኛል፣ ስለዚህም ከሁሉ የከፋው ወንጀለኛ ከላይ ነው።
ምንም የማይዛመዱትን መራጮች ለማንበብ ማንኛውንም ፋይል ያስፋፉ፣ከዚያ በአርታዒዎ ውስጥ ለመስራት ወይም ለቡድን ጓደኛዎ ለመስጠት እንደ CSS ብሎክ ይቅዱ።
እንደ: ማንዣበብ እና: ትኩረት-ውስጥ ያሉ አስመሳይ-ንጥረ-ነገሮች እና የስቴት የውሸት-ክፍሎች ከመዛመዳቸው በፊት የተራቆቱ ናቸው፣ስለዚህ በይነተገናኝ ህጎች ከመጻፍ ይልቅ በፍትሃዊነት ይዳኛሉ።
እያንዳንዱ ስክሪፕት በመጠን ፣ በማውረጃ ጊዜ እና አልተመሳሰለም ፣ የዘገየ ፣ ሞጁል ፣ ተለዋዋጭ በሆነ መንገድ የተጫነ ወይም የመጀመሪያውን ቀለም የሚከለክል - እና አጠቃላይ የማገድ ባይት።
ያልተነበቡ መነሻ ተሻጋሪ የቅጥ ሉሆች ከነጥብ ይልቅ ተጠቁመዋል፣ እና የJS ትሩ ክብደትን እንደሚለካው እንጂ የትኞቹን መስመሮች እንዳልተፈጸሙ በግልጽ ይናገራል። ምንም የተፈጠሩ ቁጥሮች የሉም።
አንድ የተገዛ ጭብጥ CSSን በደርዘን ለሚቆጠሩ የማሳያ አቀማመጦች ይልካል። ጣቢያዎ ምን ያህሉን እንደማይጠቀም ይመልከቱ እና ፋይሉን ከመገመት ይልቅ በማስረጃ ይቁረጡ።
በእውነተኛ አብነት ላይ ምን ያህል የሲኤስኤስ ማዕቀፍ እንደሚተርፍ እና የእርስዎ ማጽጃ ወይም የዛፍ መንቀጥቀጥ ውቅር እርስዎ የሚያስቡትን እየሰራ መሆኑን ያረጋግጡ።
አተረጓጎም የያዙትን ስክሪፕቶች በመጠን ይዘርዝሩ እና ይዘትን በቶሎ በስክሪኑ ላይ ለማግኘት ምን ማዘግየት፣ መከፋፈል ወይም መጣል እንዳለብዎ ይወስኑ።
በቁጥሮች ይግቡ፡ የትኛው ፋይሎች ብዙ ባይት እንደሚያባክኑ፣ ምን ያህል ጃቫ ስክሪፕት እየከለከለ ነው፣ እና የመጀመሪያው የስራ ሰዓት ብዙ የሚከፍልበት ቦታ።
ያልገነቡትን ድረ-ገጽ ከተረከቡ በኋላ ምን ያህል የሲኤስኤስ እና ጃቫ ስክሪፕት አሁንም ቦታውን እንደሚያገኝ በፍጥነት ያንብቡ።
በDevSuite Pro dock ውስጥ የኮድ ሽፋን አዶን ጠቅ ያድርጉ። ፍተሻው ወዲያውኑ ይሰራል እና ምን ያህል ደንቦችን እንደፈተሸ እና ምን ድርሻ እንዳልተጠቀመ ያሳያል።
የላይኛው ረድፍ የቅጥ ሉህ ብዛት፣ አጠቃላይ ደንቦች፣ ጥቅም ላይ ያልዋለው መቶኛ እና የባከኑ ባይት ይሰጥዎታል። ከታች ያሉት ፋይሎች ምን ያህል እንደሚያባክኑ ነው የታዘዙት።
የትኞቹ ደንቦች በዚህ ገጽ ላይ ከምንም ጋር እንደማይዛመዱ በትክክል ለማንበብ በማንኛውም ፋይል ላይ ጥቅም ላይ ያልዋሉ መራጮችን አሳይ የሚለውን ጠቅ ያድርጉ።
ምናሌዎችን፣ ትሮችን፣ አኮርዲዮን እና ሞዳልዎችን ይክፈቱ፣ ከዚያ እንደገና ቃኝን ይጫኑ። ንጥረ ነገሮቻቸው በእነዚያ ግዛቶች ውስጥ ብቻ ያሉ ህጎች ጥቅም ላይ ካልዋሉ ወደ ጥቅም ላይ ይውላሉ - ሁልጊዜ ከመሰረዝዎ በፊት ያድርጉት።
ጥቅም ላይ ያልዋሉ መራጮችን መቅዳት እንዲችሉ የሲኤስኤስ ብሎክ ይሰጥዎታል። JSON ወደ ውጪ መላክ ለትኬት ወይም ለኦዲት ሰነድ የጃቫስክሪፕት ኢንቬንቶሪን ጨምሮ ሙሉውን ዘገባ ይቀዳል።
DevSuite Pro ን በነፃ ይጫኑ እና 71+ የገንቢ መሳሪያዎችን ለአሳሽዎ ይክፈቱ።
