JQuery: σύνδεση σε μια ιστοσελίδα

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

JQuery: σύνδεση σε μια ιστοσελίδα
JQuery: σύνδεση σε μια ιστοσελίδα
Anonim

Το jQuery είναι μια βιβλιοθήκη Javascript που εστιάζει στον τρόπο συνεργασίας των τεχνολογιών HTML, JavaScript και CSS.

Τι μπορεί να κάνει το jQuery

Η βιβλιοθήκη μπορεί να λειτουργήσει με την ακόλουθη λίστα εργασιών:

  • μπορεί να έχει πρόσβαση σε απολύτως οποιοδήποτε στοιχείο του μοντέλου αντικειμένου σελίδας (DOM) και να εκτελεί σύνθετους χειρισμούς με αυτά;
  • υποστηρίζεται χειρισμός συμβάντων;
  • υπάρχει λειτουργικότητα για διάφορα γραφικά εφέ και κινούμενα σχέδια;
  • απλοποιημένη εργασία με την τεχνολογία δυναμικής φόρτωσης AJAX (ένα πολύ σημαντικό και εξαιρετικά χρήσιμο χαρακτηριστικό, αλλά όχι για αυτό τώρα);
  • jQuery έχει έναν τεράστιο αριθμό δικών του προσθηκών, η κύρια λειτουργία των οποίων είναι η υλοποίηση γραφικών διεπαφών χρήστη και η αλληλεπίδραση χρήστη μαζί τους.

Συμπιεσμένες και μη συμπιεσμένες εκδόσεις της βιβλιοθήκης

Οι προγραμματιστές έχουν πολλές επιλογές για το σενάριο - η μία είναι συμπιεσμένη, η άλλη όχι. Η πλήρης έκδοση είναι πολύ βολική στη χρήση στο στάδιο της κωδικοποίησης και εντοπισμού σφαλμάτων (δοκιμών) εφαρμογών web. Η ελαχιστοποιημένη έκδοση, από την άλλη πλευρά, θα έχει λίγα χρήσιμα πλεονεκτήματα κατά την αποσφαλμάτωση, αλλά φορτώνει πολύ πιο γρήγορα και καταλαμβάνει λιγότερο χώρο. Επομένως, μια συμπιεσμένη έκδοση του jQuery είναι κατάλληληχρήση ήδη στο ολοκληρωμένο έργο, επειδή εξοικονομεί κίνηση διακομιστή και χώρο στο δίσκο.

σύνδεση jquery
σύνδεση jquery

Πώς να επιλέξετε τη σωστή έκδοση του jQuery

Υπάρχουν πολλά mainstream στο jQuery σήμερα - οι κλάδοι 1.x, 2.x και 3.x. Η εντυπωσιακή τους διαφορά είναι ότι, ξεκινώντας από τη δεύτερη έκδοση, διακόπηκε οποιαδήποτε υποστήριξη για παλιά προγράμματα περιήγησης, όπως το πρόγραμμα περιήγησης από τη Microsoft Corporation - Internet Explorer, έως και την όγδοη έκδοση.

Αυτή η απόφαση κατέστησε δυνατή τη μείωση του φυσικού όγκου δεδομένων στη βιβλιοθήκη κατά δέκα τοις εκατό και τη βελτιστοποίηση ελαφρώς της εργασίας της. Ωστόσο, εξακολουθούν να υπάρχουν οικιακούς και εταιρικούς υπολογιστές στον κόσμο όπου ο παλιός Internet Explorer είναι εγκατεστημένος ως κύριος φυλλομετρητής, αν και το ποσοστό αυτών των χρηστών δεν ξεπερνά το 3% παγκοσμίως. Επομένως, εξαρτάται από εσάς να υποστηρίξετε την ξεπερασμένη πλατφόρμα ή όχι.

Οι προγραμματιστές του jQuery τηρούν τις αρχές της συμβατότητας των εκδόσεων προς τα πίσω. Αυτό σημαίνει ότι ο κώδικας που έχει γραφτεί για την έκδοση 1.7 της βιβλιοθήκης θα λειτουργεί και με την έκδοση 1.8. Ωστόσο, μερικές φορές η εταιρεία προγραμματισμού αφαιρεί λειτουργίες από το jQuery που δεν είναι χρήσιμες, επομένως είναι καλύτερο να διαβάσετε ξανά την τεκμηρίωση για τη νέα έκδοση εάν πρόκειται να κάνετε αναβάθμιση.

Το 2016, κυκλοφόρησε ένας νέος κλάδος του jQuery. Ήταν η έκδοση 3.0, η οποία έγινε ακόμα πιο γρήγορη και ελαφριά από τις παλιές εκδόσεις. Τελικά αφαιρέθηκαν οι εισβολές για την εφαρμογή ορισμένων λειτουργιών σε παλιά προγράμματα περιήγησης, γεγονός που επέτρεψε στη βιβλιοθήκη να τοποθετηθεί ως ένα σύγχρονο και ισχυρό εργαλείο ανάπτυξης.

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

Πώς να ξεκινήσετε με το jQuery

Το πρώτο βήμα είναι να συνδέσετε το jQuery. Για να το κάνετε αυτό, πρέπει να πραγματοποιήσετε απευθείας λήψη της βιβλιοθήκης από τον πόρο προγραμματιστή jquery.com ή από έναν καθρέφτη και να τοποθετήσετε τη βιβλιοθήκη στον διακομιστή ιστού σας.

Τώρα ας κάνουμε την πραγματική σύνδεση jQuery με την ιστοσελίδα. Η σύνδεση διαφόρων σεναρίων στη γλώσσα σήμανσης υπερκειμένου γίνεται από την ετικέτα δέσμης ενεργειών. Συνδέστε το jQuery με τον ακόλουθο κώδικα:

σύνδεση jquery
σύνδεση jquery

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

Σύνδεση jQuery χρησιμοποιώντας υπηρεσίες cloud

Η Google παρέχει την υπηρεσία Φιλοξενούμενες Βιβλιοθήκες, μέσω της οποίας οποιοσδήποτε μπορεί να συνδέσει ένα δημοφιλές πλαίσιο ή βιβλιοθήκη στην εφαρμογή Ιστού του. Για να συνδέσετε το jQuery μέσω του Google Cloud Storage, χρησιμοποιήστε τη συμβολοσειρά που ταιριάζει με την επιλεγμένη έκδοση με το ακόλουθο μοτίβο:

πώς να συμπεριλάβετε τη βιβλιοθήκη jquery
πώς να συμπεριλάβετε τη βιβλιοθήκη jquery

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

Μπορείτε πάντα να δείτε τη λίστα με τις τρέχουσες εκδόσεις στη διεύθυνση:

developers.google.com/speed/libraries/jquery

Εάν δεν εμπιστεύεστε την Google για οποιονδήποτε λόγο, αλλά εξακολουθείτε να θέλετε να μάθετε πώς να αποκτήσετε τη βιβλιοθήκη jQuery από έναν αξιόπιστο διακομιστή τρίτου μέρους, χρησιμοποιήστε το αποθετήριο της Microsoft.

περιλαμβάνουν τη βιβλιοθήκη jquery
περιλαμβάνουν τη βιβλιοθήκη jquery

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

Οι σκεπτικιστές μεταξύ των μαθητών και των προγραμματιστών πιστεύουν ότι είναι καλύτερο να υλοποιούνται τα πάντα χρησιμοποιώντας μια καθαρή γλώσσα προγραμματισμού, χωρίς τη χρήση βιβλιοθηκών τρίτων. Αλλά πρέπει να καταλάβετε ότι το αρχείο jQuery είναι μόνο τριάντα δύο kilobyte και πιθανότατα βρίσκεται ήδη στη μνήμη cache του προγράμματος περιήγησης του χρήστη σας, εάν συμπεριλάβετε το σενάριο μέσω της Google. Επομένως, μην φοβάστε να μάθετε εργαλεία που κάνουν τη ζωή πιο εύκολη για έναν προγραμματιστή. Εξάλλου, για αυτό περιλαμβάνουμε τη βιβλιοθήκη jQuery - για να μην εφεύρουμε ξανά τον τροχό.

Συνιστάται: