Các nhà phát triển web nên quen thuộc với một hoặc cả hai nhà tiền xử lý
Coke hoặc Pepsi, Mac hoặc PC, Marvel hoặc DC? Trong mọi cộng đồng, có một cuộc tranh luận tốt hơn. Đối với các nhà thiết kế hoặc nhà phát triển web, cuộc tranh luận đó là Sass hoặc Ít hơn.
Sass và LESS là gì?
Syntheically Awesome Stylesheets (Sass) và Leaner CSS (LESS) là cả hai bộ tiền xử lý CSS. Chúng là các phần mở rộng định kiểu đặc biệt giúp thiết kế dễ dàng và hiệu quả hơn. Cả Sass và LESS đều biên dịch thành các tệp định kiểu CSS để các trình duyệt có thể đọc chúng, đây là một bước cần thiết vì các trình duyệt hiện đại không thể đọc các loại tệp .sass hoặc .less.
Nếu bạn có kế hoạch trở thành thế giới phát triển web, thì tốt nhất là nên thành thạo một trong hai bộ tiền xử lý - hoặc cả hai .
Khi nó đi xuống, cả hai đều giống nhau. Họ làm cho việc viết CSS đơn giản hơn, hướng đối tượng hơn và trải nghiệm thú vị hơn. Tuy nhiên, có một vài khác biệt chính. Năm trong số đó được liệt kê ở đây.
01 Sass là trong Ruby. LESS có trong JavaScript
LESS được xây dựng trong Ruby giống như Sass, nhưng nó đã được chuyển sang JavaScript. Để sử dụng LESS, bạn tải các tệp JavaScript hiện hành lên máy chủ của mình hoặc biên dịch các trang CSS thông qua trình biên dịch ngoại tuyến.
02 Để gán các biến: Sử dụng Sass $; LESS sử dụng @
Cả Sass và LESS đều sử dụng các ký tự đặc biệt để gán các biến. Bằng cách này bạn không phải tiếp tục nhập thông số kỹ thuật; bạn chỉ cần nhập ký tự.
Trong Sass, đó là ký hiệu đô la ($). Trong LESS, đó là biểu tượng (@). Nhược điểm duy nhất cho LESS là có một vài bộ chọn CSS hiện có đã sử dụng @, vì vậy nó có thể làm cứng đường cong học tập một chút.
03 Sass Có Compass, LESS có Preboot
Sass và LESS có các phần mở rộng có sẵn để tích hợp các mixin (khả năng lưu trữ và chia sẻ các khai báo CSS trên toàn bộ một site).
Sass có Compass có sẵn cho mixins, trong đó bao gồm mọi tùy chọn có sẵn với các bản cập nhật cho hỗ trợ trong tương lai.
LESS có Preboot.less, LESS Mixins, LESS Elements, gs và Frameless. Hỗ trợ phần mềm của LESS phân mảnh hơn Sass, dẫn đến nhiều tùy chọn khác nhau cho các phần mở rộng có thể không hoạt động giống nhau. Đối với dự án của bạn, bạn có thể cần tất cả các tiện ích mở rộng được liệt kê để có được hiệu suất tương tự với La bàn.
04 LESS có thông báo lỗi tốt hơn So Sass
Cả Sass và LESS đã được kiểm tra khả năng báo cáo lỗi của họ theo cú pháp. LESS có thông báo lỗi chính xác hơn trong các bài kiểm tra ở chỗ nó báo cáo vị trí chính xác của lỗi.
Một cái gì đó như thế này có thể tiết kiệm một chút thời gian đổ mồ hôi trên một lỗi đánh máy.
05 LESS có nhiều tài liệu thân thiện với người dùng hơn Sass
Tài liệu LESS hấp dẫn trực quan và dễ theo dõi hơn cho người dùng lần đầu. Tài liệu Sass có nhiều kiến thức cơ bản hơn hoặc thiết lập wiki.
Đây là một thực tế có thể quan trọng đối với tỷ lệ chấp nhận của Sass hoặc LESS vì đây là một nền tảng được thiết kế để sử dụng trong thiết kế trang web.