jQuery: συνδεθείτε με μια ιστοσελίδα

Το jQuery είναι μια βιβλιοθήκη Javascript που επικεντρώνεται στην αλληλένδετη εργασία HTML, JavaScript και CSS.

Τι είναι ικανό το jQuery

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

https://developers.google.com/speed/libraries/#jquery

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

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

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