ນັກພັດທະນາເວັບຄວນຈະຄຸ້ນເຄີຍກັບໂປແກຼມ preprocessors ຫນຶ່ງຫຼືທັງສອງ
Coke or Pepsi, Mac or PC, Marvel ຫະລື DC? ໃນຊຸມຊົນທຸກໆຄົນ, ມີການໂຕ້ຖຽງທີ່ດີກວ່າ. ສໍາລັບນັກອອກແບບເວັບຫຼືນັກພັດທະນາ, ການໂຕ້ວາທີທີ່ວ່າ Sass ຫຼືຫນ້ອຍ.
ສິ່ງທີ່ Sass ແລະຫນ້ອຍ?
ຄໍເຕົ້າໄຂ່ທີ່ຫນ້າຫວາດສຽວ Stylesheets (Sass) ແລະ Leaner CSS (LESS) ແມ່ນທັງ preprocessors CSS. ພວກເຂົາເປັນສ່ວນຂະຫຍາຍຄໍເຕົ້າໄຂ່ທີ່ພິເສດທີ່ເຮັດໃຫ້ການອອກແບບງ່າຍແລະມີປະສິດທິພາບຫຼາຍຂຶ້ນ. ທັງສອງ Sass ແລະ LESS compile ເຂົ້າໄປໃນຄໍເຕົ້າໄຂ່ທີ່ CSS ເພື່ອໃຫ້ຕົວທ່ອງເວັບສາມາດອ່ານມັນ, ເຊິ່ງເປັນຂັ້ນຕອນທີ່ຈໍາເປັນເພາະວ່າຕົວທ່ອງເວັບທີ່ທັນສະໄຫມບໍ່ສາມາດອ່ານປະເພດໄຟລ໌ .sass ຫຼື .less.
ຖ້າທ່ານວາງແຜນທີ່ຈະຢູ່ໃນໂລກຂອງການພັດທະນາເວັບ, ມັນເປັນຄວາມຄິດທີ່ດີທີ່ຈະເຂົ້າໃຈດີໃນຫນຶ່ງໃນສອງ preprocessors- ຫຼືທັງສອງ .
ໃນເວລາທີ່ມັນມາລົງກັບມັນ, ທັງສອງແມ່ນຄ້າຍຄືກັນ. ພວກເຂົາເຈົ້າເຮັດໃຫ້ການຂຽນ CSS ງ່າຍ, ຈຸດປະສົງຫຼາຍ, ແລະມີປະສົບການທີ່ຫນ້າປະທັບໃຈກວ່າ. ຢ່າງໃດກໍ່ຕາມ, ມີຄວາມແຕກຕ່າງທີ່ສໍາຄັນ. ຫ້າຂອງພວກເຂົາແມ່ນໄດ້ລະບຸຢູ່ທີ່ນີ້.
01 Sass Is in Ruby ນ້ອຍຢູ່ໃນ JavaScript
LESS ຖືກສ້າງຂຶ້ນໃນ Ruby ເຊັ່ນ Sass, ແຕ່ມັນໄດ້ຖືກນໍາໄປໃຊ້ເປັນ JavaScript. ເພື່ອໃຊ້ LESS ທ່ານສາມາດອັບໂຫລດໄຟລ໌ Javascript ທີ່ໃຊ້ໄດ້ກັບເຄື່ອງແມ່ຂ່າຍຂອງທ່ານຫຼືການລວບລວມແຜ່ນ CSS ໂດຍຜ່ານຄອມພິວເຕີ້ຄອມພິວເຕີ.
02 ເພື່ອກໍານົດຕົວແປ: Sass ໃຊ້ $; ໃຊ້ຫນ້ອຍລົງ @
ທັງ Sass ແລະ LESS ໃຊ້ລັກສະນະພິເສດເພື່ອກໍານົດຕົວແປ. ວິທີນີ້ທ່ານບໍ່ຈໍາເປັນຕ້ອງໃສ່ຂໍ້ມູນສະເພາະ; ທ່ານພຽງແຕ່ສາມາດໃສ່ຕົວອັກສອນ.
ໃນ Sass, ມັນແມ່ນສັນຍາເງິນໂດລາ ($). ໃນຫນ້ອຍ, ມັນເປັນສັນຍາລັກທີ່ຢູ່ (@). ການຫຼຸດລົງພຽງແຕ່ສໍາລັບການຂາດແມ່ນວ່າມີຕົວເລືອກ CSS ບາງທີ່ມີຢູ່ແລ້ວທີ່ໃຊ້ @, ດັ່ງນັ້ນມັນອາດຈະເຮັດໃຫ້ເສັ້ນໂຄ້ງການຮຽນຮູ້ນ້ອຍລົງ.
03 Sass Has Compass, LESS ມີ Preboot
Sass ແລະ LESS ມີສ່ວນຂະຫຍາຍທີ່ມີຢູ່ເພື່ອບູລະນາການ mixins (ຄວາມສາມາດໃນການເກັບຮັກສາແລະແບ່ງປັນການປະກາດ CSS ໃນທົ່ວເວັບໄຊທ໌).
Sass ມີ Compass ສໍາລັບ mixins, ເຊິ່ງປະກອບມີທາງເລືອກທີ່ມີຢູ່ທັງຫມົດທີ່ມີການປັບປຸງສໍາລັບການສະຫນັບສະຫນູນໃນອະນາຄົດ.
LESS ມີ Prebootless, LESS Mixins, LESS Elements, gs ແລະ Frameless. ການສະຫນັບສະຫນູນຂອງຊອບແວຂອງ LESS ແມ່ນມີຫຼາຍກວ່າ Sass, ເຊິ່ງເຮັດໃຫ້ມີທາງເລືອກຕ່າງໆທີ່ແຕກຕ່າງກັນສໍາລັບການຂະຫຍາຍທີ່ອາດບໍ່ແມ່ນທັງຫມົດທີ່ເຮັດຫນ້າທີ່ດຽວກັນ. ສໍາລັບໂຄງການຂອງທ່ານ, ທ່ານອາດຈະຕ້ອງການທັງຫມົດຂອງການຂະຫຍາຍການລົງທະບຽນທີ່ຈະໄດ້ຮັບການປະຕິບັດທີ່ຄ້າຍຄືກັນກັບ Compass.
04 LESS ມີຂໍ້ຄວາມຜິດພາດທີ່ດີກວ່າ Sass
ທັງສອງ Sass ແລະຫນ້ອຍໄດ້ຮັບການທົດສອບສໍາລັບຄວາມສາມາດຂອງເຂົາເຈົ້າໃນການລາຍງານຂໍ້ຜິດພາດໃນ syntax. LESS ມີຂໍ້ຄວາມຜິດພາດທີ່ຖືກຕ້ອງຫຼາຍໃນການທົດສອບຍ້ອນວ່າມັນລາຍງານສະຖານທີ່ທີ່ຖືກຕ້ອງຂອງຂໍ້ຜິດພາດ.
ບາງສິ່ງບາງຢ່າງເຊັ່ນນີ້ສາມາດຊ່ວຍປະຢັດເວລາຂອງການເຫື່ອອອກໃນໄລຍະການພິມ.
05 LESS ມີເອກະສານຜູ້ໃຊ້ທີ່ເປັນເອກະລັກຫຼາຍກວ່າ Sass
ເອກະສານ LEESS ແມ່ນການສະແດງທີ່ຫນ້າສົນໃຈແລະງ່າຍຕໍ່ການຕິດຕາມສໍາລັບຜູ້ໃຊ້ຄັ້ງທໍາອິດ. ເອກະສານ Sass ມີຫຼາຍພື້ນຖານຄວາມຮູ້ຫຼືການຕິດຕັ້ງ wiki.
ນີ້ແມ່ນຄວາມຈິງທີ່ອາດຈະມີຄວາມສໍາຄັນຕໍ່ອັດຕາການຍອມຮັບຂອງ Sass ຫຼືຫນ້ອຍເພາະວ່າມັນເປັນເວທີທີ່ອອກແບບມາສໍາລັບການນໍາໃຊ້ໃນການອອກແບບເວັບໄຊທ໌.