Sass និង LESS preprocessors

អ្នកអភិវឌ្ឍន៍វិបសាយគួរតែស្គាល់កុំព្យូទ័រប្រូតូសឺរមួយឬទាំងពីរ

កូកាកូឡាឬប៉ិបស៊ី, ម៉ាក់ឬកុំព្យូទ័រ, អស្ចារ្យឬឌីស៊ី? នៅក្នុងសហគមន៍នីមួយៗមានការជជែកវែកញែកអំពីអ្វីដែលល្អជាង។ សម្រាប់អ្នករចនាគេហទំព័រឬអ្នកបង្កើតកម្មវិធីនោះការជជែកដេញដោលនោះគឺ Sass ឬតិចជាងនេះ។

តើអ្វីទៅជា Sass និងតិចជាង?

សន្លឹករចនាប័ទ្មគួរឱ្យភ្ញាក់ផ្អើលយ៉ាងសកម្ម (Sass) និង Leaner CSS (តិចជាង) គឺមានកម្មវិធីធ្វើ CSS ជាមុន។ ពួកវាជាផ្នែកបន្ថែមស្តាយប័ត្រពិសេសដែលធ្វើឱ្យការរចនាមានភាពងាយស្រួលនិងមានប្រសិទ្ធិភាពជាងមុន។ ទាំងពីរ Sass និង LESS ចងក្រងជា CSS សន្លឹករចនាប័ទ្មដូច្នេះកម្មវិធីរុករកអាចអានវាដែលជាជំហានចាំបាច់ដោយសារតែកម្មវិធីរុករកទំនើបមិនអាចអានប្រភេទឯកសារ .sass ឬ .less ។

ប្រសិនបើអ្នកមានគំរោងលើពិភពលោកក្នុងការអភិវឌ្ឍវិបសាយនោះវាជាគំនិតល្អក្នុងការធ្វើឱ្យល្អប្រសើរមួយក្នុងចំណោមបុព្វលាភពីរឬទាំងពីរ

នៅពេលដែលវាចុះទៅវាទាំងពីរគឺស្រដៀងគ្នា។ ពួកវាធ្វើឱ្យអក្សរ CSS សាមញ្ញតម្រង់វត្ថុច្រើននិងបទពិសោធដែលគួរឱ្យរីករាយជាងមុន។ យ៉ាងណាក៏ដោយមានភាពខុសគ្នាសំខាន់ៗមួយចំនួន។ ប្រាំនៃពួកគេត្រូវបានរាយនៅទីនេះ។

  • 01 Sass គឺនៅក្នុង Ruby ។ តិចជាង JavaScript JavaScript

    Sass មានមូលដ្ឋាននៅ Ruby ហើយទាមទារដំឡើង Ruby ។ នេះមិនមែនជាបញ្ហាធំទេប្រសិនបើអ្នកមាន Mac ។ ទោះជាយ៉ាងណាក៏ដោយវាត្រូវបានដំឡើងយូរជាងនេះប្រសិនបើអ្នកមានម៉ាស៊ីនវីនដូ។

    LESS ត្រូវបានសាងសង់ក្នុង Ruby ដូចជា Sass ប៉ុន្តែវាត្រូវបានគេនាំទៅ JavaScript ។ ដើម្បីប្រើ LESS អ្នកផ្ទុកឡើងឯកសារ JavaScript ដែលអាចអនុវត្តទៅម៉ាស៊ីនបម្រើរបស់អ្នកឬចងក្រងសន្លឹក CSS តាមរយៈកម្មវិធីចងក្រងក្រៅបណ្ដាញ។

  • 02 ដើម្បីកំណត់អថេរ: Sass ប្រើ $; ប្រើតិចតួច @

    ទាំង Sass និង LESS ប្រើតួអក្សរឯកទេសដើម្បីកំណត់អថេរ។ វិធីនេះអ្នកមិនចាំបាច់រក្សាការកំណត់។ អ្នកអាចបញ្ចូលតួអក្សរ។

    នៅក្នុង Sass, វាជាសញ្ញាដុល្លារ ($) ។ ក្នុងតិចបំផុតវាជាសញ្ញា (@) ។ ការធ្លាក់ចុះតែមួយគត់សម្រាប់ LESS គឺមានអ្នកជ្រើសរើស CSS មួយចំនួនដែលប្រើរួចហើយ @ ដូច្នេះវាអាចធ្វើអោយខ្សែកោងរៀនបន្តិច។

  • 03 Sass មានត្រីវិស័យ, តិចមានចាប់ផ្ដើមមុន

    Sass និង LESS មានកន្ទុយដែលអាចរកបានដើម្បីរួមបញ្ចូលល្បាយ (សមត្ថភាពក្នុងការផ្ទុកនិងចែកចាយការប្រកាស CSS នៅលើគេហទំព័រមួយ) ។

    • Sass មានត្រីវិស័យដែលអាចរកបានសម្រាប់ល្បាយដែលរួមមានគ្រប់ជម្រើសដែលអាចរកបានជាមួយនឹងបច្ចុប្បន្នភាពសម្រាប់ការគាំទ្រនាពេលអនាគត។

    • LESS មាន Preboot ។ គ្មាន, តិចជាង MIXins, ធាតុតិច, gs និងគ្មានថ្នាំង។ ការគាំទ្រផ្នែកទន់របស់ LESS ត្រូវបានបែងចែកច្រើនជាង Sass ដែលជាលទ្ធផលនៃជម្រើសផ្សេងៗជាច្រើនសម្រាប់ផ្នែកបន្ថែមដែលមិនដំណើរការទាំងអស់តាមរបៀបដូចគ្នា។ សម្រាប់គម្រោងរបស់អ្នកអ្នកអាចត្រូវការផ្នែកបន្ថែមដែលបានចុះបញ្ជីទាំងអស់ដើម្បីទទួលបានការអនុវត្តស្រដៀងគ្នាជាមួយត្រីវិស័យ។

  • 04 តិចមានសារកំហុសបានល្អប្រសើរជាង Sass

    ទាំង Sass និង LESS ត្រូវបានសាកល្បងសម្រាប់សមត្ថភាពរបស់ពួកគេក្នុងការរាយការណ៍ពីកំហុសក្នុងវាក្យសម្ព័ន្ធ។ LESS មានសារកំហុសត្រឹមត្រូវជាងមុននៅក្នុងការធ្វើតេស្តនៅក្នុងនោះវាបានរាយការណ៍ទីតាំងត្រឹមត្រូវនៃកំហុស។

    អ្វីមួយដូចនេះអាចជួយសន្សំពេលវេលាបែកញើសលើការវាយអក្សរ។

  • 05 LESS មានឯកសារអ្នកប្រើងាយស្រួលជាងស៊ីសាត

    ឯកសារ LESS មានលក្ខណៈទាក់ទាញនិងមានភាពងាយស្រួលក្នុងការតាមដានសម្រាប់អ្នកប្រើដំបូង។ ឯកសារ Sass មានមូលដ្ឋានចំណេះដឹងជាច្រើនឬការរៀបចំវិគី។

    នេះគឺជាការពិតដែលអាចមានសារៈសំខាន់ចំពោះអត្រានៃការអនុម័តទាំង Sass ឬ LESS ពីព្រោះវាជាវេទិកាដែលត្រូវបានរចនាឡើងសម្រាប់ប្រើប្រាស់ក្នុងការរចនាគេហទំព័រ។