• 2024-11-21

Διαφορές μεταξύ Sass και LESS Preprocessors

? Create ReactJS Website with SASS | Install SASS in React Project in Hindi in 2020

? Create ReactJS Website with SASS | Install SASS in React Project in Hindi in 2020

Πίνακας περιεχομένων:

Anonim

Coke ή Pepsi, Mac ή PC, Marvel ή DC; Σε κάθε κοινότητα, υπάρχει μια συζήτηση για το ποια είναι καλύτερη. Για τους σχεδιαστές ιστοσελίδων ή τους προγραμματιστές, αυτή η συζήτηση είναι Sass ή λιγότερο.

Τι είναι το Sass και λιγότερο;

Τα συνθετικά φρεσκά φύλλα στυλ (Sass) και το Leaner CSS (LESS) είναι και οι δύο προεπεξεργαστές CSS. Πρόκειται για πρόσθετες επεκτάσεις στυλ φύλλου που κάνουν το σχεδιασμό πιο εύκολο και πιο αποτελεσματικό. Τόσο το Sass όσο και το LESS μεταγλωττίζονται σε φύλλα στυλ CSS, έτσι ώστε τα προγράμματα περιήγησης να μπορούν να τα διαβάσουν, κάτι που είναι απαραίτητο, επειδή τα σύγχρονα προγράμματα περιήγησης δεν μπορούν να διαβάσουν τους τύπους αρχείων.sass ή.less.

Αν σχεδιάζετε να είστε στον κόσμο της ανάπτυξης ιστοσελίδων, είναι καλή ιδέα να είστε καλά γνωστός σε έναν από τους δύο προεπεξεργαστές - ή και τα δύο.

Όταν έρχεται σε αυτό, και οι δύο είναι παρόμοιες. Κάνουν γραφή CSS απλούστερη, πιο αντικειμενοστρεφής και πιο ευχάριστη εμπειρία. Παρ 'όλα αυτά, υπάρχουν μερικές βασικές διαφορές.

  • 01 Sass είναι σε Ruby Ενώ είναι λιγότερο σε Javascript

    Τόσο το Sass όσο και το λιγότερο χρησιμοποιούν εξειδικευμένους χαρακτήρες για την εκχώρηση μεταβλητών. Με αυτό τον τρόπο δεν χρειάζεται να εισάγετε τις προδιαγραφές. μπορείτε απλά να εισάγετε το χαρακτήρα.

    Στο Sass, είναι το σύμβολο του δολαρίου ($). Σε λιγότερο, είναι το σύμβολο (@). Το μόνο μειονέκτημα για το LESS είναι ότι υπάρχουν μερικοί υπάρχοντες επιλογείς CSS που χρησιμοποιούν ήδη @, οπότε μπορεί να σκληρύνει λίγο η καμπύλη μάθησης.

  • 03 Sass έχει πυξίδα ενώ έχει λιγότερη Preboot

    Το Sass και το LESS διαθέτουν επεκτάσεις για την ενσωμάτωση mixins (δυνατότητα αποθήκευσης και κοινής χρήσης των δηλώσεων CSS σε έναν ιστότοπο).

    Το Sass διαθέτει την Compass για αναμίκτες, η οποία περιλαμβάνει όλες τις διαθέσιμες επιλογές με ενημερώσεις για μελλοντική υποστήριξη.

    Λιγότερο έχει Preboot.less, λιγότερα Mixins, λιγότερα στοιχεία, gs και Frameless. Η υποστήριξη του λογισμικού LESS είναι πιο κατακερματισμένη από την Sass, με αποτέλεσμα πολλές διαφορετικές επιλογές για επεκτάσεις που μπορεί να μην λειτουργούν όλοι με τον ίδιο τρόπο. Για το έργο σας, μπορεί να χρειαστείτε όλες τις αναφερόμενες επεκτάσεις για να έχετε μια παρόμοια απόδοση με την Compass.

  • 04 Λιγότερο έχει καλύτερα μηνύματα σφάλματος από Sass

    Τόσο το Sass όσο και το LESS έχουν δοκιμαστεί για την ικανότητά τους να αναφέρουν σφάλματα στη σύνταξη. ΛΑΘΟΣ έχει πιο ακριβή μηνύματα σφάλματος στις δοκιμές κατά το ότι ανέφερε τη σωστή θέση του σφάλματος.

    Κάτι τέτοιο θα μπορούσε να εξοικονομήσει λίγο χρόνο εφίδρωση πάνω από ένα τυπογραφικό λάθος.

  • 05 Μείον έχει πιο φιλική προς το χρήστη τεκμηρίωση από το Sass

    Η τεκμηρίωση LESS είναι οπτικά ελκυστική και πιο εύκολη για τους πρώτους χρήστες. Η τεκμηρίωση του Sass έχει πολύ περισσότερη βάση γνώσης ή εγκατάσταση wiki.

    Αυτό είναι ένα γεγονός που θα μπορούσε να είναι σημαντικό για τα ποσοστά υιοθέτησης είτε του Sass είτε του LESS επειδή είναι μια πλατφόρμα σχεδιασμένη για χρήση στον σχεδιασμό ιστοσελίδων.


  • Ενδιαφέροντα άρθρα

    Οι διαφορές μεταξύ μαλακών και σκληρών ειδήσεων

    Οι διαφορές μεταξύ μαλακών και σκληρών ειδήσεων

    Τα σκληρά νέα συχνά αναφέρονται σε ειδήσεις που καλύπτουν τα 5W, ή σπάνια νέα και υπάρχουν σε αντίθεση με τα μαλακά νέα.

    Δύσκολες δεξιότητες έναντι μαλακών δεξιοτήτων: Ποια είναι η διαφορά;

    Δύσκολες δεξιότητες έναντι μαλακών δεξιοτήτων: Ποια είναι η διαφορά;

    Η διαφορά ανάμεσα στις σκληρές δεξιότητες και τις μαλακές δεξιότητες, παραδείγματα και των δύο ειδών δεξιοτήτων και ό, τι αναζητούν οι εργοδότες όταν αξιολογούν τα σύνολα δεξιοτήτων.

    Πώς να δημιουργήσετε ένα επιτυχημένο πρόγραμμα προτάσεων υπαλλήλων

    Πώς να δημιουργήσετε ένα επιτυχημένο πρόγραμμα προτάσεων υπαλλήλων

    Οι παγίδες ενός κακοσχεδιασμένου προγράμματος προτάσεων των εργαζομένων είναι πολλαπλές, θρυλικές και αποφεύγουσες. Μάθετε πώς μπορείτε να δημιουργήσετε ένα επιτυχημένο πλαίσιο προτάσεων.

    Η ελάχιστη ηλικία για να ξεκινήσετε τη φύλαξη παιδιών

    Η ελάχιστη ηλικία για να ξεκινήσετε τη φύλαξη παιδιών

    Μάθετε σε ποια ηλικία μπορούν να ξεκινήσουν τα παιδιά. Δείτε εάν υπάρχει μια απαίτηση ελάχιστης ηλικίας και πότε είναι μια καλή επιλογή για το παιδί σας.

    Harrier Jump Jet που χρησιμοποιείται από το αμερικανικό ναυτικό σώμα

    Harrier Jump Jet που χρησιμοποιείται από το αμερικανικό ναυτικό σώμα

    Το Jet Jumper Harrier AV-8B και η χρήση του σε στρατιωτικές αποστολές μάχης σε όλο τον κόσμο από την USMC

    Έχει αλλάξει ο Donald Trump την πολιτική διαφήμιση για πάντα;

    Έχει αλλάξει ο Donald Trump την πολιτική διαφήμιση για πάντα;

    Πώς ο Donald Trump απομάκρυνε την πιο ελκυστική πρωτοποριακή καμπάνια στην ιστορία της πολιτικής, χτυπώντας τους κριτικούς που είπαν ότι ήταν απλώς μια όψη;