Web ကို developer များတစ်ဦးသို့မဟုတ်နှစ်ဦးစလုံး preprocessors နှင့်အတူအကျွမ်းတဝင်ဖြစ်သင့်
ကိုကာကိုလာသို့မဟုတ် Pepsi, Mac သို့မဟုတ် PC, အံ့ဩခြင်းသို့မဟုတ် DC က? တိုင်းအသိုင်းအဝိုင်းမှာတော့ပိုကောင်းတဲ့အရာကျော်တစ်ဦးဆွေးနွေးငြင်းခုံရှိပါတယ်။ ဝဘ်ဒီဇိုင်နာများသို့မဟုတ် developer များအဘို့, အဲဒီစကားစစ်ထိုးပွဲsaßသို့မဟုတ်လျော့နည်းသည်။
saßနှင့်နည်းကဘာလဲရှိပါသလား
Syntactically Awesome ကိုကို Stylesheets (saß) နှင့် Leaner CSS ကို (နည်း) နှစ်ဦးစလုံး CSS ကို preprocessors ဖြစ်ကြသည်။ သူတို့ကပိုမိုလွယ်ကူပြီးပိုထိရောက်ဒီဇိုင်းလုပ်အထူးကိုနှိပ်ပြီး extension များဖြစ်ကြသည်။ browser များကသူတို့ကိုကိုဖတျရှုနိုငျအောငျsaßနှင့်နည်းနှစ်ဦးစလုံးသည်ခေတ်သစ် browser များ .sass သို့မဟုတ် .less ဖိုင်အမျိုးအစားများကိုဖတ်မရနိုငျသောကွောငျ့တစ်ဦးလိုအပ်သောခြေလှမ်းဖြစ်သော, CSS ကို Stylesheets သို့ compile ။
သငျသညျကို web ဖွံ့ဖြိုးတိုးတက်မှု၏ကမ္ဘာပေါ်မှာဖြစ်ခြင်းအပေါ်စီစဉ်ထားပါကနှစ်ခု preprocessors-သို့မဟုတ်နှစ်ဦးစလုံး၏တဦးတည်းအတွက်ကောင်းစွာ-ကိုလညျးတတျကြှမျးခံရဖို့ကောင်းတစ်ဦးအယူအဆပါပဲ။
ချကမှကြွလာသည့်အခါနှစ်ဦးစလုံးနှင့်ဆင်တူဖြစ်ကြသည်။ သူတို့က CSS ကိုရိုးရှင်းတဲ့ပို object-oriented နှင့်တစ်ဦးထက်ပိုပျော်စရာအတွေ့အကြုံကိုရေးသားပါစေ။ မည်သို့ပင်ဆိုစေကာအနည်းငယ်သော့ချက်ကွဲပြားခြားနားမှုရှိပါတယ်။ သူတို့ထဲကငါးကဒီမှာစာရင်းနေကြသည်။
01 saßပတ္တမြားအတွက်ဖြစ်ပါတယ်။ နည်း JavaScript ကိုအတွက် Is
နည်းsaßတူသောပတ္တမြားဆောက်လုပ်ခဲ့ပါတယ်, ဒါပေမယ့် JavaScript ကိုမှ ported ခဲ့တာဖြစ်ပါတယ်။ နည်းကိုအသုံးနိုင်ရန်အတွက်, သင်သည်သင်၏ဆာဗာကိုရန်သက်ဆိုင် JavaScript ကိုဖိုင်တွေ upload ဒါမှမဟုတ်အော့ဖ်လိုင်း compiler ကနေတဆင့် CSS ကိုစာရွက်များ compile ။
; saß $ အသုံးပြု: Variables ကိုတာဝန်ပေးရန် 02 နည်းအသုံးပြုခြင်း @
saßနှင့်နည်းနှစ်ဦးစလုံးရဲ့ variable assign လုပ်ဖို့အထူးပြုဇာတ်ကောင်ကိုအသုံးပြုပါ။ သငျသညျသတ်မှတ်ချက်များဝင်ကိုစောင့်ရှောက်ရန်မလိုပါဒီနည်းလမ်း; သင်ရုံဇာတ်ကောင်ဝင်နိုင်ပါတယ်။
saßအတွက်ကဒေါ်လာသင်္ကေတ ($) ပါပဲ။ နည်းခုနှစ်တွင်ကသင်္ကေတမှာ (@) ပါပဲ။ နည်းများအတွက်သာအဆင်မပြေတာကသင်ယူမှုကွေးနည်းနည်းမာကြောစေခြင်းငှါဒါပြီးသား, @ အသုံးပြုအနည်းငယ်တည်ဆဲ CSS ကို selector တွေကိုရှိတယ်ဆိုတာပါပဲ။
03 saß Compass, နည်း Preboot ရှိထားသည်ရှိထားသည်
saßနှင့်နည်း mixins ပေါင်းစည်းဖို့မရရှိနိုင် extension များ (site တစ်ခုလျှောက်လုံး CSS ကိုကြေညာချက်များသိုလှောင်ခြင်းနှင့်မျှဝေဖို့စွမ်းရည်) ရှိသည်။
saßအနာဂတ်ထောက်ခံမှုများအတွက် updates များကိုအတူရရှိနိုင်ပါသည်တိုင်း option ကိုလည်းပါဝင်သည်သော mixins များအတွက်ရရှိနိုင် Compass ရှိပါတယ်။
နည်း Preboot.less, နည်း Mixins, နည်း Element တွေကို, GS, နှင့် Frameless ရှိပါတယ်။ ရဲ့နည်း software ကိုထောက်ခံမှုအားလုံးအတူတူပင်လမ်းလုပ်ငန်းလည်ပတ်မှုမပေးစေခြင်းငှါ extension များအဘို့ကွဲပြားခြားနားသောရွေးချယ်စရာတွေအများကြီးထဲမှာရရှိလာတဲ့, saßထက်ပိုပြီးစိတ်စိတ်အမွှာမွှာဖြစ်ပါတယ်။ သင်၏စီမံကိန်း, သင် Compass တစ်ခုအလားတူစွမ်းဆောင်ရည်ရရန်စာရင်း extensions တွေကိုသားအပေါငျးလိုအပ်နိုင်ပါသည်။
04 နည်းsaßထကျ သာ. ကောငျးမှုမှားယွင်းနေမက်ဆေ့ခ်ျများရှိထားသည်
saßနှင့်နည်းနှစ်ဦးစလုံးရဲ့ syntax အတွက်အမှားအယွင်းများအစီရင်ခံရန်သူတို့ရဲ့စွမ်းရည်ကိုစမ်းသပ်ခဲ့ကြသည်။ ကအမှားများ၏မှန်ကန်သောတည်နေရာအစီရင်ခံသောနည်းစစ်ဆေးမှုများပိုမိုတိကျမှန်ကန်အမှားမက်ဆေ့ခ်ျများရှိပါတယ်။
ဤကဲ့သို့သောအရာတစ်ခုခုဟာ typing error တစ်ခုကျော်ချွေးအချိန်နည်းနည်းကယ်တင်နိုင်ဘူး။
05 နည်းsaßသန်းနောက်ထပ်အသုံးပြုသူ-Friendly မှတ်တမ်းရှိထားသည်
အဆိုပါနည်းစာရွက်စာတမ်းများအမြင်အာရုံနှစ်သက်ဖွယ်နှင့်ပထမဦးဆုံးအချိန်အသုံးပြုသူများအတွက်နောက်လိုက်ဖို့ပိုမိုလွယ်ကူသည်။ အဆိုပါsaßစာရွက်စာတမ်းများတစ်ဦးအသိပညာအခြေစိုက်စခန်းသို့မဟုတ်ဝီကီ setup ကိုအများကြီးပိုပြီးရှိပါတယ်။
ဒါဟာက်ဘ်ဆိုက်ဒီဇိုင်းအတွက်အသုံးပြုရန်ဒီဇိုင်းရေးဆွဲနေတဲ့ပလက်ဖောင်းဖြစ်ပါတယ်ကတည်းကsaßသို့မဟုတ်ထိုထက်နည်းဖြစ်စေ၏မွေးစားနှုန်းရန်အရေးကြီးပါသည်ဖြစ်နိုင်ပါတယ်တဲ့အချက်ဖြစ်ပါသည်။