• 2024-05-20

Διαφορές μεταξύ 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 επειδή είναι μια πλατφόρμα σχεδιασμένη για χρήση στον σχεδιασμό ιστοσελίδων.


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

    Η Διαδικασία Σχεδιασμού Καριέρας

    Η Διαδικασία Σχεδιασμού Καριέρας

    Η διαδικασία σχεδιασμού καριέρας αποτελείται συνήθως από τέσσερα βήματα. Η διέλευση όλων αυτών μπορεί να αυξήσει τις πιθανότητές σας να βρείτε μια ικανοποιητική σταδιοδρομία.

    Μάθετε για την αλυσίδα εντολών του Ναυτικού

    Μάθετε για την αλυσίδα εντολών του Ναυτικού

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

    Το πρότυπο πωλήσεων του Challenger

    Το πρότυπο πωλήσεων του Challenger

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

    Πώς να δημιουργήσετε ένα βιογραφικό σημείωμα

    Πώς να δημιουργήσετε ένα βιογραφικό σημείωμα

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

    Τι είναι η πώληση ή κλείσιμο του Columbo;

    Τι είναι η πώληση ή κλείσιμο του Columbo;

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

    Η ανταγωνιστική αγορά φαρμάκων Pet

    Η ανταγωνιστική αγορά φαρμάκων Pet

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