น้อย - ภาพรวม

LESS เป็นตัวประมวลผลล่วงหน้า CSS ที่เปิดใช้งานสไตล์ชีตที่ปรับแต่งได้จัดการและใช้ซ้ำได้สำหรับเว็บไซต์ LESS เป็นภาษาสไตล์ชีตแบบไดนามิกที่ขยายความสามารถของ CSS LESS ยังเป็นมิตรกับเบราว์เซอร์ข้าม

CSS Preprocessor เป็นภาษาสคริปต์ที่ขยาย CSS และรวบรวมเป็นไวยากรณ์ CSS ปกติเพื่อให้เว็บเบราว์เซอร์ของคุณอ่านได้ มันมีฟังก์ชันเช่นตัวแปร , ฟังก์ชั่น , mixinsและการดำเนินงานที่ช่วยให้คุณสามารถสร้าง CSS แบบไดนามิก

ทำไมน้อยกว่า?

ตอนนี้ให้เราเข้าใจว่าเหตุใดเราจึงใช้ LESS

  • LESS รองรับการสร้าง CSS ที่สะอาดกว่าและใช้งานข้ามเบราว์เซอร์ได้เร็วขึ้นและง่ายขึ้น

  • LESS ได้รับการออกแบบใน JavaScript และยังสร้างขึ้นเพื่อใช้ในการถ่ายทอดสดซึ่งรวบรวมได้เร็วกว่าตัวประมวลผลล่วงหน้า CSS อื่น ๆ

  • LESS ช่วยให้โค้ดของคุณอยู่ในรูปแบบโมดูลาร์ซึ่งสำคัญมากโดยทำให้อ่านง่ายและเปลี่ยนแปลงได้ง่าย

  • การบำรุงรักษาได้เร็วขึ้นสามารถทำได้โดยการใช้น้อยตัวแปร

ประวัติศาสตร์

LESS ออกแบบโดย Alexis Sellierในปี 2009 LESS เป็นโอเพ่นซอร์ส รุ่นแรกของ LESS เขียนด้วย Ruby; ในเวอร์ชันหลัง ๆ การใช้ Ruby ถูกแทนที่ด้วย JavaScript

คุณสมบัติ

  • สามารถเขียนโค้ดที่สะอาดและอ่านได้มากขึ้นอย่างเป็นระบบ

  • เราสามารถกำหนดรูปแบบและสามารถใช้ซ้ำได้ตลอดทั้งรหัส

  • LESS ใช้ JavaScript และเป็นชุด CSS ขั้นสูง

  • LESS เป็นเครื่องมือที่มีความว่องไวในการแยกแยะปัญหาความซ้ำซ้อนของโค้ด

ข้อดี

  • LESS สร้าง CSS ที่ทำงานบนเบราว์เซอร์ได้อย่างง่ายดาย

  • LESS ช่วยให้คุณเขียนโค้ดได้ดีขึ้นและมีการจัดระเบียบอย่างดีโดยใช้การซ้อนกัน

  • การบำรุงรักษาสามารถทำได้เร็วขึ้นโดยใช้ตัวแปร

  • LESS ช่วยให้คุณสามารถนำคลาสทั้งหมดกลับมาใช้ใหม่ได้อย่างง่ายดายโดยอ้างถึงในชุดกฎของคุณ

  • LESS ให้การใช้งานที่ทำให้การเข้ารหัสเร็วขึ้นและประหยัดเวลา

ข้อเสีย

  • ต้องใช้เวลาในการเรียนรู้ว่าคุณยังใหม่กับการประมวลผลล่วงหน้า CSS หรือไม่

  • เนื่องจากการเชื่อมต่อที่แน่นหนาระหว่างโมดูลควรใช้ความพยายามมากขึ้นในการใช้ซ้ำและ / หรือทดสอบโมดูลที่ขึ้นอยู่กับ

  • น้อยมีกรอบน้อยเมื่อเทียบกับ preprocessor เก่าเช่น SASS ซึ่งประกอบด้วยกรอบเข็มทิศ , แรงโน้มถ่วงและSusy