2011-11-18 77 views
10

Tôi chạy vào LESS website và đây là mô tả của họ đang làm"CSS ở phía máy chủ?

LESS mở rộng CSS với hành vi năng động như các biến, mixins, hoạt động và chức năng. Chạy LESS trên cả client-side (IE 6 + , Webkit, Firefox) và phía máy chủ, với Node.js.

Ý nghĩa của "và phía máy chủ" với Node.js? Tôi biết rằng bạn có thể viết mã phía máy chủ bằng javascript bằng nút Node .js, nhưng ý nghĩa của việc có CSS ​​ở phía máy chủ là gì và nó hữu ích như thế nào?

+0

Tôi tưởng tượng rằng trên máy chủ là phân tích các style sheets và áp dụng chúng với các thẻ kiểu in-line. Mặc dù đây chỉ là phỏng đoán tốt nhất. –

Trả lời

9

có nghĩa là gì "và server-side" với Node.js? Tôi biết rằng bạn có thể viết mã phía máy chủ bằng javascript bằng cách sử dụng Node.js, nhưng ý nghĩa của việc có CSS ​​ở phía máy chủ là gì và nó hữu ích như thế nào?

Nó không phải là CSS đó là (tùy chọn) làm server-side, đó là LESS chế biến, mà kết quả trong CSS bình thường mà được gửi cho khách hàng.

Vì vậy, nếu bạn có một tập tin .less trên máy chủ web của bạn với điều này:

@color: #4D926F; 

#header { 
    color: @color; 
} 
h2 { 
    color: @color; 
} 

... và bạn có máy chủ web của bạn cấu hình để xử lý .less tập tin thông qua trình biên dịch LESS chạy dưới Node.js (ví dụ , cũng giống như .php tập tin được xử lý thông qua thông dịch viên PHP, .py tập tin thông qua người phiên dịch Python, vv), thì sản lượng của trình biên dịch ÍT (CSS tinh khiết) được tạo ra và gửi cho khách hàng:

#header { 
    color: #4D926F; 
} 
h2 { 
    color: #4D926F; 
} 

Đây là (một chút xíu) tải nhiều hơn trên máy chủ của bạn, nhưng có nghĩa là bạn không phải lo lắng về việc chạy trình biên dịch LESS trên trình duyệt (ví dụ: bạn có thể hỗ trợ các trình khách không phải JavaScript).

+0

Ý của bạn là gì? "Đó không phải là CSS (tùy chọn) được thực hiện phía máy chủ"? –

+0

CSS được trình duyệt áp dụng, do đó, nó được thực hiện phía máy khách. Điều gì đang xảy ra phía máy chủ đang chuyển cú pháp LESS (đó là một cải tiến đáng kể trên CSS) thành cú pháp CSS. –

+0

Cách @ T.J.Crowder mô tả âm thanh này giống như các tệp CSS đang được xử lý mỗi lần tải trang.Đó là một chút không hiệu quả - chúng thực sự cần được xử lý một lần khi triển khai. – mlissner

2

Tôi khá chắc chắn nó có nghĩa là bạn có thể chạy mã LESS với Node.js trong giai đoạn xây dựng ứng dụng của bạn để mở rộng trước CSS.

Nói cách khác, nó cho phép bạn làm điều đó phía máy chủ trước khi triển khai (hoặc, tôi đoán, theo yêu cầu, nếu bạn muốn) để cải thiện hiệu suất phía máy khách.

0

Nó có nghĩa là chính xác những gì nó nói. Bạn đặt các tệp .less của bạn trên máy chủ và máy chủ sẽ xử lý việc phân tích cú pháp, biên dịch và rút gọn.

1

Trình biên dịch LESS được thực hiện trong JavaScript và trình biên dịch có thể chạy cả trên máy khách cũng như các máy chủ (sử dụng NodeJS)

1

đặt cược của tôi: nó sẽ biên dịch css server-side, và đẩy nó cho khách hàng

Các vấn đề liên quan