Βίντεο: Technology Stacks - Computer Science for Business Leaders 2016 2024
Το γράψιμο του jQuery UI κώδικα δεν είναι δύσκολο, αλλά η απόκτηση των σωστών τμημάτων της βιβλιοθήκης μπορεί να είναι λίγο συγκεχυμένη για τους προγραμματιστές HTML5 και CSS3. Η βιβλιοθήκη jQuery UI είναι πολύ μεγαλύτερη από το κανονικό πακέτο jQuery, οπότε ίσως να μην θέλετε να συμπεριλάβετε ολόκληρο το πράγμα εάν δεν το χρειάζεστε.
Οι προηγούμενες εκδόσεις του jQuery UI σας επέτρεψαν να κάνετε λήψη ολόκληρου του πακέτου, αλλά να αποθηκεύσετε καθένα από τα διάφορα στοιχεία σε ένα ξεχωριστό αρχείο JavaScript. Ήταν συνηθισμένο να έχουμε μερικές δωδεκάδες διαφορετικές ετικέτες δέσμης ενεργειών μόνο για να βάλουμε τα διάφορα στοιχεία στη θέση τους.
Χειρότερα, υπήρχαν κάποια ζητήματα εξάρτησης, οπότε θα έπρεπε να βεβαιωθείτε ότι έχετε εγκαταστήσει συγκεκριμένα πακέτα προτού χρησιμοποιήσετε άλλα πακέτα. Αυτό έκανε μια απλή βιβλιοθήκη αρκετά περίπλοκη για να χρησιμοποιήσει πραγματικά.
Ευτυχώς, οι πιο πρόσφατες εκδόσεις του jQuery UI κάνουν αυτή τη διαδικασία αρκετά απλούστερη:
-
Επιλέξτε (ή δημιουργήστε) το θέμα σας.
Χρησιμοποιήστε την τοποθεσία themeRoller για να επιλέξετε ένα σημείο εκκίνησης από τη βιβλιοθήκη προτύπων. Μπορείτε να προσαρμόσετε το θέμα σας ακριβώς για να κάνετε ό, τι θέλετε (αλλάζοντας χρώματα, γραμματοσειρές και άλλα στοιχεία).
-
Κατεβάστε το θέμα.
Το θέμαRoller έχει ένα κουμπί λήψης. Κάντε κλικ σε αυτό όταν είστε έτοιμοι να κατεβάσετε το θέμα σας.
-
Επιλέξτε τα στοιχεία που θέλετε.
Όταν ξεκινάτε αρχικά ένα έργο, πιθανότατα θα επιλέξετε όλα τα στοιχεία. Αν διαπιστώσετε ότι η σελίδα φορτώνεται πολύ αργά, μπορείτε να δημιουργήσετε μια μικρότερη έκδοση που να περιέχει μόνο τα στοιχεία που χρειάζεστε. Προς το παρόν, πάρτε τα πάντα.
-
Κάντε λήψη του αρχείου.
Αφού επιλέξετε τα στοιχεία που θέλετε, μπορείτε να τα κατεβάσετε σε ένα αρχείο zip.
-
Εγκαταστήστε τα περιεχόμενα του αρχείου zip στον κατάλογο εργασίας σας.
Το αρχείο zip περιέχει έναν αριθμό αρχείων και καταλόγων. Αντιγράψτε τους καταλόγους css και js στον κατάλογο όπου θα βρίσκονται οι ιστοσελίδες σας (συχνά ο κατάλογος public_html ή htdocs). Δεν χρειάζεται να αντιγράψετε τον κατάλογο ανάπτυξης-δέσμης ή το ευρετήριο. html σελίδα.
-
Αν εγκαταστήσετε πολλά θέματα, αντιγράψτε μόνο τις πληροφορίες θεμάτων από πρόσθετα θέματα.
Όλα τα θέματα χρησιμοποιούν το ίδιο JavaScript. Μόνο τα CSS (και τα σχετικά αρχεία εικόνας) αλλάζουν. Εάν θέλετε να έχετε πολλαπλά θέματα στο έργο σας, απλά αντιγράψτε τα περιεχόμενα του CSS. Κάθε θέμα θα είναι ένας διαφορετικός υποκατάλογος του κύριου καταλόγου CSS.
-
Σύνδεση με τα αρχεία CSS.
Χρησιμοποιήστε την τυπική τεχνική συνδέσμου για να συνδεθείτε με τα αρχεία CSS που δημιουργούνται από το jQuery UI. Μπορείτε επίσης να συνδεθείτε με τα δικά σας αρχεία CSS ή να χρησιμοποιήσετε το εσωτερικό CSS εκτός από το προσαρμοσμένο CSS. Βεβαιωθείτε ότι έχετε την σωστή διαδρομή.
-
Σύνδεση στα αρχεία JavaScript.
Το κιτ εργαλείων jQuery UI εγκαθιστά επίσης δύο αρχεία JavaScript: την κανονική βιβλιοθήκη jQuery και τη βιβλιοθήκη UI του jQuery. Από προεπιλογή, και τα δύο αυτά αρχεία είναι εγκατεστημένα στον κατάλογο js. Θα πρέπει να συνδέσετε και τα δύο αρχεία. Μερικές φορές θα δείτε ελάχιστα αρχεία μαζί με τις συνήθεις εκδόσεις. Η ελαχιστοποιημένη έκδοση θα έχει τον όρο min embedded. Είτε η έκδοση είναι καλή, αλλά η ελαχιστοποιημένη έκδοση θα φορτώνεται πιο γρήγορα.
Εάν κάτι δεν λειτουργεί σωστά, ελέγξτε ξανά τις διαδρομές αρχείων σας. Σχεδόν πάντα, προκύπτουν προβλήματα επειδή δεν έχετε συνδέσει όλα τα σωστά αρχεία. Επίσης, σημειώστε ότι τα αρχεία CSS που δημιουργούνται από το jQuery UI περιλαμβάνουν επίσης εικόνες. Βεβαιωθείτε ότι το θέμα σας έχει έναν σχετικό κατάλογο εικόνων ή ότι το έργο σας μπορεί να μην λειτουργεί σωστά. Εάν αντιγράψατε ολόκληρους καταλόγους CSS και JS από τη λήψη, θα πρέπει να είστε εντάξει.