የዛሬ 15 ዓመት ገደማ፣ ለጉዞ ወኪሎች፣ ለኤርፖርት ሠራተኞች እና ለአየር መንገድ ኩባንያዎች መተግበሪያዎችን በሠራንበት ኩባንያ ውስጥ እሠራ ነበር። እንዲሁም ለUI ክፍሎች እና ባለአንድ ገጽ መተግበሪያ ችሎታዎች የራሳችንን የቤት ውስጥ ማዕቀፍ ገንብተናል። ለሁሉም ነገር ክፍሎች ነበሩን፡ ሜዳዎች፣ አዝራሮች፣ ታቦች፣ ክልሎች፣ ዳታ ሠሌዳዎች፣ ሜኑዎች፣ የቀን መራጮች፣ መራጮች እና ብዙ ምርጫዎች። የዲቪ አካል እንኳን ነበረን። በነገራችን ላይ የእኛ የዲቪ አካል በጣም ጥሩ ነበር በሁሉም አሳሾች ላይ የተጠጋጋ ኮርነሮችን እንድንሰራ አስችሎናል፣ ያም አምናለሁ፣ በጊዜው ቀላል ነገር አልነበረም።
ጀኤስ፣ አጃክስ እና ተለዋዋጭ ኤችቲኤምኤል ወደ ፊት ያመጣን አብዮት ተደርገው በሚታዩበት ጊዜ የእኛ ስራ በታሪካችን ውስጥ የተከናወነ ነው። በድንገት፣ አንድን ገጽ በተለዋዋጭ ማዘመን፣ ከአገልጋይ መረጃ ማግኘት እና ወደ ሌሎች ገፆች ከመሄድ መቆጠብ እንችላለን፣ ይህም እንደ ቀርፋፋ እና በሁለቱ ገፆች መካከል በስክሪኑ ላይ ትልቅ ነጭ ሬክታንግል ብልጭ ብሏል። በጄፍ አትውድ (የStackOverflow መስራች) ታዋቂ የተደረገ አንድ ሐረግ ነበር፡- “በጃቫ ስክሪፕት የሚጻፍ ማንኛውም መተግበሪያ በመጨረሻ በጃቫ ስክሪፕት ይጻፋል።”—ጄፍ አትዉድ
በጊዜው ለእኛ፣ ይሄ በትክክል ሄዶ እነዚያን መተግበሪያዎች ለመፍጠር እንደ ድፍረት ተሰማን። በJS ሁሉንም ነገር ለማድረግ እንደ ብርድ ልብስ ማጽደቅ ተሰማኝ። ስለዚህ ሁሉንም ነገር ከJS ጋር አድርገናል፣ እና ነገሮችን ለማድረግ ሌሎች መንገዶችን ለመመርመር ጊዜ አልወሰድንም። ኤችቲኤምኤል እና ሲኤስኤስ ምን ማድረግ እንደሚችሉ በትክክል ለማወቅ ማበረታቻ አልተሰማንም። እኛ ሙሉ በሙሉ ድሩን እንደ ተለዋዋጭ መተግበሪያ መድረክ አላወቅነውም። በተለይም በአሳሽ ድጋፍ ረገድ በአብዛኛው ለመስራት የሚያስፈልገንን ነገር አድርገን አይተነዋል። ነገሮችን ለማከናወን ተጨማሪ JS ልንጥልበት እንችላለን። ድሩ እንዴት እንደሚሰራ እና በመድረክ ላይ ስላለው ነገር የበለጠ ለማወቅ ጊዜ ወስዶ ረድቶኛል? እርግጥ ነው፣ ምናልባት በእውነት የማይፈለግ የኮድ ስብስብ መላጨት እችል ነበር። ግን, በወቅቱ, ምናልባት ያን ያህል ላይሆን ይችላል. አየህ፣ በዚያን ጊዜ የአሳሽ ልዩነቶች በጣም ጉልህ ነበሩ። ይህ ጊዜ ኢንተርኔት ኤክስፕሎረር አሁንም የበላይ አሳሽ የነበረበት ወቅት ሲሆን ፋየርፎክስ የቅርብ ሁለተኛ ቢሆንም Chrome በፍጥነት ተወዳጅነት እያገኘ በመምጣቱ የገበያ ድርሻ ማጣት የጀመረበት ወቅት ነበር። ምንም እንኳን Chrome እና Firefox በድር ደረጃዎች መስማማት በጣም ጥሩ ቢሆኑም መተግበሪያዎቻችን እየሰሩባቸው ያሉ አካባቢዎች IE6ን ለረጅም ጊዜ መደገፍ ነበረብን ማለት ነው። IE8ን እንድንደግፍ በተፈቀደልን ጊዜ እንኳን በአሳሾች መካከል ብዙ ልዩነቶችን መቋቋም ነበረብን። ይህ ብቻ ሳይሆን በጊዜው የነበረው ድረ-ገጽ መድረኩ ላይ ያን ያህል አቅም አልነበረውም።
ለዛሬ በፍጥነት ወደፊት። ነገሮች በጣም ተለውጠዋል። እኛ ከመቼውም ጊዜ በበለጠ እነዚህ ችሎታዎች አሉን ብቻ ሳይሆን የመገኘት መጠንም ጨምሯል። ጥያቄውን እንደገና ልጠይቅ፡- ጊዜ ወስደህ ስለ ድሩ እንዴት እንደሚሰራ እና በመድረኩ ላይ ስላለው ነገር የበለጠ ለማወቅ ጊዜ ወስደህ ዛሬ ሊረዳህ ይችላል? በፍጹም አዎ። ዛሬ የድር መድረክን መረዳት እና መጠቀምን መማር ከሌሎች ገንቢዎች የበለጠ ትልቅ ጥቅም ያስገኝልዎታል። በአፈጻጸም፣ በተደራሽነት፣ ምላሽ ሰጪነት፣ ሁሉም አንድ ላይ ቢሰሩ ወይም የUI ባህሪያትን ብቻ በመላክ፣ እንደ ኃላፊነት የሚሰማው መሐንዲስ ለማድረግ ከፈለጉ፣ ለእርስዎ የሚገኙትን መሳሪያዎች ማወቅ ግቦችዎን በፍጥነት እና በተሻለ ሁኔታ እንዲደርሱ ያግዝዎታል። ለአሁን ቤተ-መጽሐፍት የማያስፈልጋቸው አንዳንድ ነገሮች ዛሬ ምን ዓይነት አሳሾች እንደሚደግፉ ማወቅ, ጥያቄው, እንግዲያውስ: ምን እንጥላለን? በ2025 የተጠጋጉ ማዕዘኖችን ለመስራት የዲቪ አካል እንፈልጋለን? እርግጥ ነው, አናደርግም. የድንበር-ራዲየስ ንብረቱ በዚህ ጊዜ ከ15 ዓመታት በላይ በሁሉም በአሁኑ ጊዜ ጥቅም ላይ በሚውሉ አሳሾች ተደግፏል። እና የማዕዘን-ቅርጽ እንዲሁ በቅርቡ ይመጣል ፣ ለአድናቂ ማዕዘኖች እንኳን። አሁን በሁሉም ዋና አሳሾች ውስጥ የሚገኙትን እና በኮድ ቤዝዎ ውስጥ ያሉትን ጥገኝነቶች ለመተካት ሊጠቀሙባቸው የሚችሉትን በአንጻራዊነት የቅርብ ጊዜ ባህሪያትን እንይ። ነጥቡ ሁሉንም የሚወዷቸውን ቤተ-መጻሕፍት ወዲያውኑ መጣል እና ኮድ ቤዝዎን እንደገና መፃፍ አይደለም። ስለሌላው ነገር፣ በመጀመሪያ የአሳሽ ድጋፍን ግምት ውስጥ ማስገባት እና በፕሮጀክትዎ ላይ በተለዩ ሌሎች ነገሮች ላይ በመመስረት መወሰን ያስፈልግዎታል። የሚከተሉት ባህሪያት በሶስት ዋና የአሳሽ ሞተሮች (Chromium፣ WebKit እና Gecko) ውስጥ ይተገበራሉ፣ ነገር ግን ወዲያውኑ እንዳይጠቀሙባቸው የሚከለክሉ የተለያዩ የአሳሽ ድጋፍ መስፈርቶች ሊኖሩዎት ይችላሉ። ስለእነዚህ ባህሪያት ለመማር አሁንም ጥሩ ጊዜ ነው፣ ቢሆንም፣ እና ምናልባት በሆነ ጊዜ እነሱን ለመጠቀም ማቀድ። Popovers እና መገናኛዎች የፖፖቨር ኤፒአይ፣
እርግጥ ነው፣ የበይነመረብ ግንኙነትዎ ፍጥነት ምናልባት ጨምሯል፣ ግን ይህ ለሁሉም ሰው የሚሆን አይደለም። እና ሁሉም ሰው ተመሳሳይ የመሳሪያ ችሎታዎች የላቸውም. ከመድረክ ጋር ልታደርጋቸው ለሚችላቸው ነገሮች የሶስተኛ ወገን ኮድ መጎተት፣ ይልቁንስ ምናልባት ብዙ ኮድ ትልካለህ ማለት ነው፣ እና ስለዚህ እርስዎ ከመደበኛው ያነሰ ደንበኞች ጋር ይደርሳሉ። በድሩ ላይ፣ መጥፎ የመጫኛ አፈጻጸም ወደ ትልቅ የመተው ተመኖች ይመራል እና የምርት ስምን ይጎዳል። በመሳሪያዎች ላይ አነስተኛ ኮድን በማሄድ ላይ በተጨማሪም፣ በደንበኞችዎ መሳሪያዎች ላይ የሚላኩት ኮድ በመድረኩ ላይ ጥቂት የጃቫ ስክሪፕት ማጠቃለያዎችን የሚጠቀም ከሆነ በፍጥነት ይሰራል። እንዲሁም ምናልባት የበለጠ ምላሽ ሰጪ እና በነባሪነት የበለጠ ተደራሽ ነው። ይህ ሁሉ የበለጠ ደስተኛ ደንበኞችን ያመጣል. የስራ ባልደረባዬን አሌክስ ራሰልን አመታዊ የአፈፃፀም ልዩነት ክፍተት ጦማርን ይመልከቱ፣ ይህም የሚያሳየው ፕሪሚየም መሳሪያዎች በቢሊዮኖች ከሚቆጠሩ ተጠቃሚዎች በሃብት አለመመጣጠን የተነሳ በአብዛኛው ገበያ ላይ እንደማይገኙ ያሳያል። እና ይህ ክፍተት ከጊዜ ወደ ጊዜ እየጨመረ ነው.
አብሮገነብ ሜሶነሪ አቀማመጥ አንድ የድር መድረክ ባህሪ በቅርቡ የሚመጣ እና በጣም ያስደሰተኝ CSS ሜሶነሪ ነው።
ሜሶነሪ ምን እንደሆነ በማብራራት ልጀምር። ሜሶነሪ ምንድን ነው? ሜሶነሪ ከዓመታት በፊት በPinterest ታዋቂ የተደረገ የአቀማመጥ አይነት ነው። ትራኮች በሚችሉት መጠን ራሳቸውን የሚያሸጉበት ገለልተኛ የይዘት ትራኮችን ይፈጥራል።
ብዙ ሰዎች ሜሶነሪ ለፖርትፎሊዮዎች እና ለፎቶ ጋለሪዎች እንደ ጥሩ አማራጭ አድርገው ይመለከቱታል ፣ ይህም በእርግጠኝነት ሊሠራ ይችላል። ግን ሜሶነሪ በ Pinterest ላይ ከምታየው የበለጠ ተለዋዋጭ ነው፣ እና ፏፏቴ በሚመስሉ አቀማመጦች ላይ ብቻ የተወሰነ አይደለም። በሜሶናዊነት አቀማመጥ፡-
ትራኮች ዓምዶች ወይም ረድፎች ሊሆኑ ይችላሉ፡-
የይዘት ትራኮች ሁሉም ተመሳሳይ መጠን ያላቸው መሆን የለባቸውም፡-
እቃዎች ብዙ ትራኮችን ሊሸፍኑ ይችላሉ፡
እቃዎች በተወሰኑ ትራኮች ላይ ሊቀመጡ ይችላሉ; ሁልጊዜ የራስ-ሰር ምደባ ስልተ ቀመር መከተል የለባቸውም
ማሳያዎች መጪውን የCSS Masonry በChromium ትግበራ በመጠቀም ያደረግኳቸው ጥቂት ቀላል ማሳያዎች እዚህ አሉ። የፎቶ ማዕከለ-ስዕላት ማሳያ፣ እቃዎች (በዚህ ጉዳይ ላይ ያለው ርዕስ) እንዴት ብዙ ትራኮችን እንደሚሸፍን ያሳያል፡
የተለያየ መጠን ያላቸውን ትራኮች የሚያሳይ ሌላ የፎቶ ማዕከለ-ስዕላት፡-
አንዳንድ ትራኮች ከሌሎቹ ሰፋ ያሉ እና አጠቃላይ የአቀማመጡን ስፋት የሚሸፍኑ የዜና ጣቢያ አቀማመጥ፡
እቃዎች በተወሰኑ ትራኮች ላይ ሊቀመጡ እንደሚችሉ የሚያሳይ የካንባን ሰሌዳ፡
ማስታወሻ፡ የየቀደሙት ማሳያዎች ለአብዛኛዎቹ የድር ተጠቃሚዎች ገና በማይገኝ የChromium ስሪት ተሠርተዋል፣ ምክንያቱም CSS Masonry በአሳሾች ውስጥ መተግበር ገና እየጀመረ ነው። ነገር ግን፣ የድር ገንቢዎች ለዓመታት ሜሶነሪ አቀማመጦችን ለመፍጠር በደስታ ተጠቅመዋል። ሜሶነሪ ዛሬ የሚጠቀሙ ጣቢያዎች በእርግጥ ሜሶነሪ ዛሬ በድሩ ላይ በጣም የተለመደ ነው። ከPinterest በተጨማሪ ያገኘኋቸው ጥቂት ምሳሌዎች እነሆ፡-
እና ጥቂት ተጨማሪ፣ ብዙም ግልፅ ያልሆኑ ምሳሌዎች፡-
ታዲያ እነዚህ አቀማመጦች እንዴት ተፈጠሩ? የስራ ቦታዎች ሲጠቀም ያየሁት አንድ ብልሃት በምትኩ የFlexbox አቀማመጥን በመጠቀም አቅጣጫውን ወደ አምድ በመቀየር እና ለመጠቅለል ማዋቀር ነው። በዚህ መንገድ የሜሶነሪ አቀማመጥን ስሜት በመስጠት የተለያየ ቁመት ያላቸውን እቃዎች በበርካታ ገለልተኛ አምዶች ውስጥ ማስቀመጥ ይችላሉ፡
ሆኖም በዚህ ዘዴ ውስጥ ሁለት ገደቦች አሉ-
የእቃዎቹ ቅደም ተከተል ከእውነተኛው የሜሶናዊነት አቀማመጥ ጋር ካለው የተለየ ነው. በFlexbox, እቃዎች የመጀመሪያውን አምድ መጀመሪያ ይሞላሉ እና ሲሞላ, ከዚያም ወደ ቀጣዩ አምድ ይሂዱ. ከሜሶነሪ ጋር፣ እቃዎች በየትኛው ትራክ (ወይም በዚህ አጋጣሚ አምድ) ተጨማሪ ቦታ ባለው ላይ ይቆማሉ። ግን ደግሞ ፣ እና ምናልባትም ከሁሉም በላይ ፣ ይህ መፍትሄ በ Flexbox ኮንቴይነር ላይ ቋሚ ቁመት እንዲያዘጋጁ ይጠይቃል ። አለበለዚያ ምንም መጠቅለል አይከሰትም.
የሶስተኛ ወገን ሜሶነሪ ቤተ መጻሕፍት ለበለጠ የላቁ ጉዳዮች ገንቢዎች ቤተ-መጻሕፍትን ሲጠቀሙ ቆይተዋል። ለዚህ በጣም የታወቀው እና ታዋቂው ቤተ-መጽሐፍት በቀላሉ ሜሶነሪ ተብሎ ይጠራል, እና በ NPM መሰረት በሳምንት 200,000 ጊዜ ያህል ይወርዳል. Squarespace በተጨማሪ የሜሶነሪ አቀማመጥን የሚያቀርብ የአቀማመጥ አካል ያቀርባል, ኮድ ለሌለው አማራጭ እና ብዙ ጣቢያዎች ይጠቀማሉ. እነዚህ ሁለቱም አማራጮች እቃዎችን በአቀማመጥ ውስጥ ለማስቀመጥ የጃቫስክሪፕት ኮድ ይጠቀማሉ። አብሮ የተሰራ ሜሶነሪ ሜሶነሪ አሁን በአሳሾች ውስጥ እንደ አብሮ የተሰራ የCSS ባህሪ መታየት መጀመሩ በጣም ጓጉቻለሁ። በጊዜ ሂደት፣ ልክ እርስዎ Grid ወይም Flexbox እንደሚያደርጉት ሜሶነሪ መጠቀም ይችላሉ፣ ማለትም ምንም አይነት መፍትሄ ወይም የሶስተኛ ወገን ኮድ ሳያስፈልጋቸው። የማይክሮሶፍት ቡድኔ በChromium ክፍት ምንጭ ፕሮጀክት ውስጥ Edge፣ Chrome እና ሌሎች ብዙ አሳሾች በተመሰረቱበት የሜሶነሪ ድጋፍ ሲተገበር ቆይቷል። ሞዚላ በእውነቱ በ2020 የሜሶነሪ የሙከራ ትግበራን ሀሳብ ያቀረበ የመጀመሪያው አሳሽ አቅራቢ ነበር። እና አፕል ይህን አዲስ የድር አቀማመጥ ጥንታዊ ለማድረግ በጣም ፍላጎት ነበረው። በሲኤስኤስ የስራ ቡድን ውስጥ ስለ አጠቃላይ አቅጣጫ እና ሌላው ቀርቶ አዲስ የማሳያ አይነት ማሳያ፡- ግሪድ-ሌይን በተመለከተ ስምምነት ጋር ባህሪውን ደረጃውን የጠበቀ ለማድረግ ስራው ወደፊት እየሄደ ነው። ስለ ሜሶነሪ የበለጠ ለማወቅ እና ሂደቱን ለመከታተል ከፈለጉ፣ የእኔን የCSS ሜሶነሪ መርጃዎች ገጽ ይመልከቱ። በጊዜ ውስጥ፣ ሜሶነሪ የቤዝላይን ባህሪ ሲሆን፣ ልክ እንደ ግሪድ ወይም ፍሌክስቦክስ፣ በቀላሉ ልንጠቀምበት እና ከሚከተሉት ጥቅም ማግኘት እንችላለን፡-
የተሻለ አፈፃፀም ፣ የተሻለ ምላሽ መስጠት, የአጠቃቀም ቀላል እና ቀላል ኮድ።
እስቲ እነዚህን በጥልቀት እንመልከታቸው. የተሻለ አፈጻጸም የራስዎን ሜሶነሪ የሚመስል የአቀማመጥ ስርዓት መስራት ወይም በምትኩ የሶስተኛ ወገን ቤተ-መጽሐፍትን መጠቀም ማለት እቃዎችን በስክሪኑ ላይ ለማስቀመጥ የጃቫስክሪፕት ኮድን ማስኬድ አለብዎት ማለት ነው። ይህ ማለት ደግሞ ይህ ኮድ እየታገደ ይሆናል ማለት ነው። በእርግጥ ያ ጃቫ ስክሪፕት ኮድ እስኪሰራ ድረስ ምንም ነገር አይታይም ወይም ነገሮች በትክክለኛው ቦታ ላይ ወይም በትክክለኛው መጠን ላይሆኑ ይችላሉ። ሜሶነሪ አቀማመጥ ብዙውን ጊዜ ለድረ-ገጹ ዋና ክፍል ጥቅም ላይ ይውላል፣ ይህ ማለት ኮዱ ዋናው ይዘትዎ ሊኖረው ከሚችለው በላይ ዘግይቶ እንዲታይ ያደርጋል፣ ይህም የእርስዎን LCP ወይም ትልቁ ይዘት ያለው የቀለም መለኪያ ዝቅ ያደርገዋል፣ ይህም በሚታሰብ አፈጻጸም እና የፍለጋ ሞተር ማሻሻያ ላይ ትልቅ ሚና ይጫወታል። የሜሶነሪ JS ላይብረሪውን በቀላል አቀማመጥ እና በDevTools ውስጥ ቀርፋፋ የ4ጂ ግንኙነትን በመምሰል ሞከርኩት። ቤተ መፃህፍቱ በጣም ትልቅ አይደለም (24KB፣ 7.8KB gzipped)፣ ነገር ግን በፈተና ሁኔታዬ ለመጫን 600 ሚሴ ፈጅቷል። ለሜሶነሪ ቤተ-መጽሐፍት ረጅም 600 ሚሴ የሚጭን ጊዜ፣ እና ይህ በሚከሰትበት ጊዜ ምንም ሌላ የማሳየት እንቅስቃሴ እንዳልተከሰተ የሚያሳይ የአፈጻጸም ቀረጻ እነሆ።
በተጨማሪም ፣ ከመጀመሪያው የመጫኛ ጊዜ በኋላ ፣ የወረደው ስክሪፕት መተንተን ፣ ማጠናቀር እና ከዚያ ማስኬድ ያስፈልጋል ። ቀደም ሲል እንደተገለፀው ሁሉም የገጹን አተረጓጎም አግዶ ነበር። በአሳሹ ውስጥ አብሮ በተሰራ የሜሶነሪ አተገባበር፣ ለመጫን እና ለማስኬድ ስክሪፕት አይኖረንም። የአሳሹ ሞተሩ በመነሻ ገጽ የማሳያ ደረጃ ላይ ብቻ ነው የሚሰራው። የተሻለ ምላሽ ሰጪነት ልክ አንድ ገጽ መጀመሪያ ሲጫን፣ የአሳሽ መስኮቱን መጠን መቀየር በዚያ ገጽ ላይ ያለውን አቀማመጥ እንደገና ወደ ማሳየት ይመራል። በዚህ ጊዜ ግን፣ ገጹ የሜሶነሪ JS ቤተ-መጽሐፍትን እየተጠቀመ ከሆነ፣ ስክሪፕቱን እንደገና መጫን አያስፈልግም፣ ምክንያቱም አስቀድሞ ነውእዚህ. ነገር ግን እቃዎችን በትክክለኛው ቦታዎች ላይ የሚያንቀሳቅሰው ኮድ መስራት ያስፈልገዋል. አሁን ይህ ልዩ ቤተ-መጽሐፍት ገጹ ሲጫን ይህን ለማድረግ በጣም ፈጣን ይመስላል። ነገር ግን በመስኮቱ መጠን ላይ ወደተለየ ቦታ መሄድ ሲፈልጉ እቃዎቹን ይንቀሳቀሳል፣ እና ይሄ ትልቅ ለውጥ ያመጣል። በእርግጥ ተጠቃሚዎች እኛ ገንቢዎች እንደምናደርገው የአሳሽ መስኮቶቻቸውን መጠን ለመቀየር ጊዜ አይወስዱም። ነገር ግን ይህ የታነመ የመጠን ለውጥ በጣም ቆንጆ ሊሆን ይችላል እና ገጹ ከአዲሱ መጠን ጋር ለመላመድ የሚወስደውን ጊዜ ይጨምራል። የአጠቃቀም ቀላል እና ቀላል ኮድ የድር ባህሪን ለመጠቀም ምን ያህል ቀላል እንደሆነ እና ኮዱ ምን ያህል ቀላል እንደሚመስል ለቡድንዎ ትልቅ ለውጥ ሊያመጡ የሚችሉ አስፈላጊ ነገሮች ናቸው። እንደ መጨረሻው የተጠቃሚ ተሞክሮ በፍፁም አስፈላጊ ሊሆኑ አይችሉም፣ነገር ግን የገንቢ ልምድ በቆይታ ላይ ተጽዕኖ ያሳድራል። አብሮ የተሰራ የድር ባህሪን መጠቀም በዚያ ግንባር ላይ ካሉ ጠቃሚ ጥቅሞች ጋር አብሮ ይመጣል።
ኤችቲኤምኤልን፣ ሲኤስኤስን እና JSን አስቀድመው የሚያውቁ ገንቢዎች በቀላሉ ሊጠቀሙበት ይችላሉ ምክንያቱም እሱ በጥሩ ሁኔታ እንዲዋሃድ እና ከተቀረው የድር መድረክ ጋር ወጥነት ያለው ነው። ባህሪው እንዴት ጥቅም ላይ እንደሚውል ለማስተዋወቅ ለውጦችን የመስበር አደጋ የለም። ያ ባህሪ የመቋረጥ ወይም ያልተጠበቀ የመሆን አደጋ ዜሮ ነው ማለት ይቻላል።
አብሮ በተሰራው ሜሶነሪ ውስጥ፣ የአቀማመጥ ጥንታዊ ስለሆነ፣ ልክ እንደ ግሪድ ወይም ፍሌክስቦክስ ከCSS ይጠቀሙበታል፣ ምንም JS አልተሳተፈም። እንዲሁም፣ እንደ ክፍተት ያሉ ሌሎች ከአቀማመጥ ጋር የተገናኙ የሲኤስኤስ ባህሪያት እርስዎ እንደሚጠብቁት ይሰራሉ። ለማወቅ ምንም ዘዴዎች ወይም መፍትሄዎች የሉም፣ እና የሚማሯቸው ነገሮች በኤምዲኤን ላይ ተመዝግበው ይገኛሉ። ለMasonry JS lib አጀማመር ትንሽ ውስብስብ ነው፡ የአምድ እና የክፍተት መጠኖችን ለማዘጋጀት ከተደበቁ የኤችቲኤምኤል አካላት ጋር የውሂብ ባህሪን ከአንድ የተወሰነ አገባብ ጋር ይፈልጋል። በተጨማሪም፣ ዓምዶችን መዘርጋት ከፈለጉ ችግሮችን ለማስወገድ ክፍተቱን መጠን እራስዎ ማካተት አለብዎት፡
ይህን አብሮ የተሰራ የሜሶነሪ ትግበራ ምን እንደሚመስል ጋር እናወዳድረው፡-
እንደ ክፍተት ያሉ ነገሮችን ብቻ መጠቀም የሚችል እና ልክ እንደ ፍርግርግ ትራኮች በስፓን 2 የሚሰሩበት እና ክፍተቱን መጠን የሚያካትት ትክክለኛውን ስፋት እንዲያሰሉ የማይፈልግ ቀላል እና የታመቀ ኮድ። ምን እንደሚገኝ እና መቼ እንደሚገኝ እንዴት ማወቅ ይቻላል? በአጠቃላይ፣ ጥያቄው አብሮ የተሰራውን ሜሶነሪ በJS ቤተ-መጽሐፍት ላይ መጠቀም ካለብዎት አይደለም፣ ይልቁንም መቼ። የሜሶነሪ JS ቤተ-መጽሐፍት አስደናቂ ነው እና በድር መድረክ ላይ ለብዙ አመታት እና ለብዙ ደስተኛ ገንቢዎች እና ተጠቃሚዎች ያለውን ክፍተት እየሞላ ነው። አብሮ ከተሰራ የሜሶነሪ አተገባበር ጋር ካነጻጸሩት ጥቂት ድክመቶች አሉት፣ እርግጥ ነው፣ ግን ትግበራው ዝግጁ ካልሆነ እነዚያ አስፈላጊ አይደሉም። በአሳሽ ሻጭ ውስጥ ስለምሰራ እነዚህን አዲስ ጥሩ የድር መድረክ ባህሪያት መዘርዘር ቀላል ይሆንልኛል፣ እና ስለዚህ ምን እንደሚመጣ የማወቅ ዝንባሌ አለኝ። ነገር ግን ገንቢዎች አዳዲስ ነገሮችን መከታተል ከባድ እንደሆነ ከዳሰሳ በኋላ ዳሰሳ ያካፍላሉ። በመረጃ ማግኘቱ ከባድ ነው፣ እና ኩባንያዎች በማንኛውም ጊዜ ለመማር ቅድሚያ አይሰጡም። ይህንን ለማገዝ፣ የሚፈልጉትን መረጃ በፍጥነት ማግኘት እንዲችሉ በቀላል እና በተጨናነቀ መንገድ ማሻሻያዎችን የሚያቀርቡ ጥቂት ምንጮች እዚህ አሉ።
የድር መድረክ የአሳሽ ጣቢያን ያሳያል፡- የመልቀቂያ ማስታወሻ ገጹን ሊፈልጉት ይችላሉ። እና፣ RSS ከወደዱ፣ የመልቀቂያ ማስታወሻዎችን ምግብ፣ እንዲሁም Baseline Newly Available and Widely Available ምግቦችን ይመልከቱ።
ድሩየመድረክ ሁኔታ ዳሽቦርድ፡ የተለያዩ የመነሻ ዓመት ገጾቹን ሊወዱት ይችላሉ።
የChrome መድረክ ሁኔታ የመንገድ ካርታ ገጽ።
ትንሽ ተጨማሪ ጊዜ ካለዎት፣ የአሳሽ አቅራቢዎችን የመልቀቂያ ማስታወሻዎች ሊፈልጉ ይችላሉ፡
Chrome ጠርዝ ፋየርፎክስ ሳፋሪ
ለተጨማሪ ግብዓቶች የእኔን የድር ፕላትፎርም ማጭበርበርን ይመልከቱ። የኔ ነገር አሁንም አልተተገበረም። ያ የችግሩ ሌላኛው ወገን ነው። ለመከታተል ጊዜን፣ ጉልበትን እና መንገዶችን ብታገኝም አሁንም ድምጽህን በመስማት እና የምትወዷቸውን ባህሪያት መተግበር ብስጭት አለ። ምናልባት አንድ የተወሰነ ስህተት እንዲፈታ ወይም አንድ የተወሰነ ባህሪ አሁንም በጠፋበት አሳሽ ውስጥ ለመላክ ለዓመታት እየጠበቁ ሊሆን ይችላል። እኔ የምለው የአሳሽ አቅራቢዎች ያዳምጣሉ። የገንቢ ምልክቶችን እና ግብረመልሶችን ሁልጊዜ የምንወያይባቸው የበርካታ ድርጅት አቋራጭ ቡድኖች አካል ነኝ። ብዙ የተለያዩ የግብረመልስ ምንጮችን እንመለከታለን፣ በሁለቱም አሳሽ አቅራቢ ውስጥ እና ውጫዊ/ህዝብ በፎረሞች፣ ክፍት ምንጭ ፕሮጀክቶች፣ ብሎጎች እና የዳሰሳ ጥናቶች። እና፣ እኛ ሁልጊዜ ገንቢዎች ልዩ ፍላጎቶቻቸውን እንዲያካፍሉ እና ጉዳዮችን እንዲጠቀሙ የተሻሉ መንገዶችን ለመፍጠር እየሞከርን ነው። ስለዚህ፣ ከቻሉ፣ እባክዎን ከአሳሽ አቅራቢዎች የበለጠ ይጠይቁ እና የሚፈልጉትን ባህሪያት እንድንተገብር ግፊት ያድርጉን። ጊዜ እንደሚወስድ ተረድቻለሁ፣ እና ደግሞ ሊያስፈራ ይችላል (ለመግባት ከፍተኛ እንቅፋት ሳይጨምር)፣ ግን ደግሞ ይሰራል። የእርስዎን (ወይም የድርጅትዎን) ድምጽ የሚሰሙባቸው ጥቂት መንገዶች እዚህ አሉ፡- አመታዊ የJS፣ የCSS እና የኤችቲኤምኤል ዳሰሳዎችን ይውሰዱ። የአሳሽ አቅራቢዎች ለስራቸው ቅድሚያ በሚሰጡበት ጊዜ ትልቅ ሚና ይጫወታሉ. በአሳሾች ላይ በቋሚነት እንዲተገበር የተወሰነ መደበኛ-ተኮር ኤፒአይ ከፈለጉ በሚቀጥለው የኢንተርፕ ፕሮጄክት ድግግሞሽ ላይ ፕሮፖዛል ማስገባት ያስቡበት። ተጨማሪ ጊዜ ይፈልጋል፣ ግን Shopify እና RUMvision ለ Interop 2026 የምኞት ዝርዝሮቻቸውን እንዴት እንዳካፈሉ አስቡበት። እንደዚህ አይነት ዝርዝር መረጃ ለአሳሽ አቅራቢዎች ቅድሚያ እንዲሰጡ በጣም ጠቃሚ ሊሆን ይችላል። በአሳሽ አቅራቢዎች ላይ ተጽእኖ ለማሳደር ለበለጠ ጠቃሚ አገናኞች የእኔን የድር ፕላትፎርም ማጭበርበርን ይመልከቱ። ማጠቃለያ ለመዝጋት፣ ይህ ጽሁፍ ልታስቡባቸው የሚገቡ ጥቂት ነገሮችን ትቶልሃል ብዬ ተስፋ አደርጋለሁ፡-
ለሜሶነሪ እና ለሌሎች መጪ የድር ባህሪያት ደስታ። መጠቀም ለመጀመር ሊፈልጓቸው የሚችሏቸው ጥቂት የድር ባህሪያት። አብሮ የተሰሩ ባህሪያትን በመደገፍ ሊያስወግዷቸው የሚችሏቸው ጥቂት ብጁ ወይም የሶስተኛ ወገን ኮድ። የሚመጡትን ለመከታተል እና በአሳሽ አቅራቢዎች ላይ ተጽዕኖ ለማድረግ ጥቂት መንገዶች።
ከሁሉም በላይ፣ የድረ-ገጽን ሙሉ አቅም የመጠቀም ጥቅሞችን እንዳሳምንህ ተስፋ አደርጋለሁ።
