Sự khác biệt giữa la bàn và sass?

Question

Tôi biết đây là một câu hỏi ngu ngốc, nhưng tôi đã tìm kiếm trên Google và tôi không thể tìm thấy bất kỳ câu trả lời nào:/Vậy sự khác nhau giữa SASS và Compass, SASS và SCSS là gì? Tôi đang thực sự bối rối bởi điều này.

Thanks cho bất kỳ thông tin :)

Answer 1

Lúc nguy cơ sự đơn giản hóa, Compass là một khuôn khổ trong khi Sass là một trừu tượng ngôn ngữ. Bạn viết mã Sass (và biên dịch nó thành CSS chuẩn) trong ngữ cảnh Compass. SCSS đơn giản là cú pháp mới nhất của ngôn ngữ Sass. Nó được tạo ra cho mục đích duy nhất là có nhiều CSS giống như cú pháp của nó, theo như tôi có thể nói. Tất cả các đường cú pháp của Sass, nhưng quen thuộc hơn với các nhà phát triển giao diện người dùng thoải mái với CSS.

Answer 2

Tôi đã cung cấp câu trả lời TLDR:

Compass thực chất là thư viện SASS. Nó sử dụng ngôn ngữ thô của sass và tạo ra các hàm tái sử dụng phổ biến.

Từ website:

Compass sử dụng Sass.

Sass là phần mở rộng của CSS3, thêm các quy tắc lồng nhau, biến, kết hợp, kế thừa chọn và hơn thế nữa. Sass tạo ra các định dạng tốt CSS và làm cho bảng định kiểu của bạn dễ dàng hơn trong việc tổ chức và duy trì.

Answer 3

Nói chung: "Sass" là tên của bộ tiền xử lý css - có nghĩa là: một công cụ hữu ích cho nhà phát triển viết các dạng giữ chỗ ngắn được tự động biên dịch thành mã css bình thường. Sass có hai cách viết mã mẫu ngắn: SCSS và SASS. Sự khác biệt giữa SCSS và SASS rất đơn giản: SCSS là CSS bình thường với các chức năng bổ sung. Mỗi tệp CSS có thể được đổi tên thành .scss và sẽ xác thực. SASS sử dụng một dạng viết ngắn hơn bằng cách bỏ qua tất cả các dấu ngoặc nhọn. Để chuyển đổi tệp .css thành tệp .sass hợp lệ, bạn cần thay đổi mã css.

La bàn là một khung được gọi là css được điều khiển thông qua các công cụ dòng lệnh. Compass hỗ trợ phát triển bằng cách cung cấp các chức năng được xác định trước, mixin, v.v. để tăng tốc độ mã hóa và ngăn chặn việc viết sai. ví dụ la bàn cho phép bạn gọi một hộp đổ bóng với tất cả các polyfills chỉ bằng cách viết "@include box-shadow();". tất cả mã css được thêm vào bởi chính la bàn khi biên dịch tập tin bằng cách sử dụng "la bàn biên dịch". La bàn là một trong những công cụ được sử dụng nhiều nhất để làm việc trong các dự án phát triển giao diện người dùng lớn hơn.

Answer 4

La bàn là một khung được xây dựng bằng Sass. Một khung Sass phổ biến khác là Bourbon và Susy. Điều đó có nghĩa, tất cả các khuôn khổ này được viết bằng Sass. Họ chỉ có các chức năng được xác định trước và mixins bạn có thể sử dụng để tăng tốc độ công việc của bạn.

SCSS (Sassy Sass) chỉ là cú pháp mới hơn của Sass. Nó sử dụng cú pháp CSS. Ví dụ:

h2 { 
    color: red; 
} 

Mặt khác, Sass sử dụng một cú pháp ít "nghiêm ngặt":

h2 
    color: red 

Thông báo, rằng không có dấu ngoặc và không có dấu chấm phẩy được sử dụng. Ngoài ra, bạn phải sử dụng thụt đầu dòng.

Tóm lại, bạn sẽ sử dụng cú pháp nào hoặc cú pháp Sass nào, đó là lựa chọn của bạn!