Sass และ LES Preprocessors

นักพัฒนาเว็บควรทำความคุ้นเคยกับตัวประมวลผลทั้งสองตัว

Coke หรือ Pepsi, Mac หรือ PC, Marvel หรือ DC? ในทุกชุมชนมีการถกเถียงกันดีกว่า สำหรับนักออกแบบเว็บหรือนักพัฒนาซอฟต์แวร์การอภิปรายนั้นเป็น Sass หรือ Less

อะไรคือ Sass และ LESS?

Stylesheets ที่น่าประทับใจทาง Syntactically (Sass) และ Leaner CSS (LESS) มีทั้งตัวประมวลผล CSS ก่อน เป็นส่วนขยายสไตล์ชีตพิเศษที่ทำให้การออกแบบง่ายและมีประสิทธิภาพมากขึ้น ทั้ง Sass และ LESS รวบรวมเป็น CSS stylesheets เพื่อให้เบราว์เซอร์สามารถอ่านได้ซึ่งเป็นขั้นตอนที่จำเป็นเนื่องจากเบราว์เซอร์รุ่นใหม่ไม่สามารถอ่านไฟล์ประเภท. sass หรือ.

ถ้าคุณวางแผนที่จะอยู่ในโลกของการพัฒนาเว็บเป็นความคิดที่ดีที่จะรอบคอบในหนึ่งในสอง preprocessors - หรือทั้งสอง อย่าง

เมื่อมันลงมาทั้งสองอย่างก็เหมือนกัน พวกเขาทำให้การเขียน CSS ง่ายขึ้นเชิงวัตถุมากขึ้นและเป็นประสบการณ์ที่สนุกสนานมากขึ้น อย่างไรก็ตามมีข้อแตกต่างที่สำคัญบางอย่าง ห้าของพวกเขาอยู่ที่นี่

  • 01 Sass อยู่ในทับทิม น้อยลงใน JavaScript

    Sass ตั้งอยู่ใน Ruby และต้องติดตั้ง Ruby นี่ไม่ใช่เรื่องใหญ่ถ้าคุณมี Mac อย่างไรก็ตามคุณสามารถติดตั้งได้อีกถ้าคุณมีเครื่อง Windows

    LESS ถูกสร้างขึ้นใน Ruby เช่น Sass แต่ได้รับการเปลี่ยนเป็น JavaScript แล้ว เพื่อที่จะใช้ LESS คุณสามารถอัปโหลดไฟล์ JavaScript ที่ใช้บังคับไปยังเซิร์ฟเวอร์หรือคอมไพล์แผ่น CSS ผ่านตัวแปลแบบออฟไลน์

  • 02 การกำหนดตัวแปร: Sass ใช้ $; น้อยกว่าการใช้ @

    ทั้ง Sass และ LESS ใช้อักขระเฉพาะเพื่อกำหนดตัวแปร ด้วยวิธีนี้คุณไม่จำเป็นต้องป้อนข้อมูลจำเพาะ คุณสามารถป้อนตัวอักษรได้

    ใน Sass เป็นเครื่องหมายดอลลาร์ ($) ใน LESS จะเป็นสัญลักษณ์ (@) ข้อเสียเดียวสำหรับ LESS คือมีตัวเลือก CSS ที่มีอยู่เพียงไม่กี่ตัวที่ใช้ @ อยู่แล้วดังนั้นอาจทำให้เส้นโค้งการเรียนรู้แข็งขึ้นเล็กน้อย

  • 03 Sass มีเข็มทิศ, LESS มี Preboot

    Sass และ LESS มีส่วนขยายที่พร้อมใช้งานเพื่อรวม mixins (ความสามารถในการจัดเก็บและแชร์การประกาศของ CSS ทั่วทั้งไซต์)

    • Sass มีเข็มทิศพร้อมสำหรับ mixins ซึ่งรวมทุกตัวเลือกพร้อมกับการอัปเดตสำหรับการสนับสนุนในอนาคต

    • LESS มี Preboot.less, LESS Mixins, LESS Elements, gs และ Frameless การสนับสนุนซอฟต์แวร์ของ LESS มีการแยกส่วนกันมากกว่า Sass ทำให้มีตัวเลือกต่างๆสำหรับส่วนขยายที่อาจไม่ทำงานในลักษณะเดียวกัน สำหรับโครงการของคุณคุณอาจต้องใช้ส่วนขยายทั้งหมดที่แสดงไว้เพื่อให้ได้ประสิทธิภาพที่ใกล้เคียงกับเข็มทิศ

  • 04 น้อยกว่ามีข้อผิดพลาดที่ดีกว่า Sass

    ทั้ง Sass และ LESS ได้รับการทดสอบความสามารถในการรายงานข้อผิดพลาดทางไวยากรณ์ LESS มีข้อความผิดพลาดที่แม่นยำกว่าในการทดสอบเนื่องจากรายงานตำแหน่งที่ถูกต้องของข้อผิดพลาด

    สิ่งเช่นนี้อาจช่วยประหยัดเวลาในการขับเหงื่อมากกว่าการสะกดผิด

  • 05 น้อยกว่ามีเอกสารที่ใช้งานง่ายกว่า Sass

    เอกสารที่ไม่ค่อยมีความดึงดูดสายตาและง่ายขึ้นสำหรับผู้ใช้ครั้งแรก เอกสาร Sass มีฐานความรู้หรือการตั้งค่าวิกิพีเดียมากขึ้น

    นี่เป็นข้อเท็จจริงที่อาจมีความสำคัญต่ออัตราการยอมรับของ Sass หรือ LESS เนื่องจากเป็นแพลตฟอร์มที่ออกแบบมาเพื่อใช้ในการออกแบบเว็บไซต์