Τι είναι Knockout.js;
Το Knockout είναι μια εξαιρετική βιβλιοθήκη JavascripΣας βοηθά να δημιουργήσετε μια διεπαφή χρήστη πλούσια σε κείμενο με καλές δυνατότητες εμφάνισης και επεξεργασίας χρησιμοποιώντας μόνο ένα σαφές και καθαρό υποκείμενο μοντέλο δεδομένων. Κάθε φορά που το τοπικό σας περιεχόμενο διεπαφής χρήστη χρειάζεται να ενημερώνεται αυτόματα (π.χ. ανάλογα με τις αλλαγές στη συμπεριφορά των χρηστών ή τις εξωτερικές πηγές δεδομένων), το KO μπορεί να εφαρμοστεί εύκολα και πολύ εύκολο στη συντήρηση.
Σημαντικά χαρακτηριστικά του KO:
Κομψή παρακολούθηση εξαρτήσεων - Κάθε φορά που αλλάζει το μοντέλο προέλευσης δεδομένων, μπορεί να ενημερώσει αυτόματα το καθορισμένο περιεχόμενο της διεπαφής χρήστη σας.
Δηλωτική δέσμευση - Συνδέει τη διεπαφή χρήστη σας με το μοντέλο προέλευσης δεδομένων με απλό και απλό τρόπο και μπορείτε να χρησιμοποιήσετε οποιοδήποτε πρότυπο ένθετης δομής για να δημιουργήσετε μια σύνθετη δυναμική διεπαφή.
Καλή επεκτασιμότητα - μια προσαρμοσμένη συμπεριφορά μπορεί να εφαρμοστεί με μερικές απλές γραμμές κώδικα για σύνδεση ως νέα δήλωση.
Άλλα πλεονεκτήματα:
Καθαρή βιβλιοθήκη Javascrip{filtering}t - συμβατή με οποιαδήποτε τεχνολογία διακομιστή και πελάτη.
Μπορεί να εφαρμοστεί καλά σε υπάρχουσες εφαρμογές - χωρίς την ανάγκη αλλαγών στην κύρια αρχιτεκτονική του προγράμματος.
Απλότητα - μόνο 13K μετά τη συμπίεση Gzip.
Συμβατό με οποιοδήποτε μεγάλο πρόγραμμα περιήγησης (IE 6+, Firefox 2+, Chrome, Safari και άλλα)
Ένα ολοκληρωμένο σύνολο προδιαγραφών (με ανάπτυξη βάσει συμπεριφοράς) – αυτό σημαίνει ότι μπορούν εύκολα να επαληθευτούν σε νέα προγράμματα περιήγησης ή πλατφόρμες.
Οι προγραμματιστές που είναι εξοικειωμένοι με το Ruby on Rails, το Asp.net MVC ή άλλες τεχνολογίες MVC μπορεί να θεωρήσουν ότι είναι μια φόρμα MVC σε πραγματικό χρόνο με δηλωτική σύνταξη. Με άλλα λόγια, μπορείτε να σκεφτείτε το KO ως έναν τρόπο για να δημιουργήσετε μια διεπαφή χρήστη διεπαφής χρήστη επεξεργάζοντας δεδομένα JSON... Ό,τι κι αν κάνει για εσάς.
Πως να το χρησιμοποιήσεις?
Ο πιο γρήγορος και διασκεδαστικός τρόπος για να ξεκινήσετε είναι μέσω διαδραστικής διδασκαλίας και μόλις κατακτήσετε τις πιο βασικές τεχνικές και μάθετε κάθε διαδικτυακή παρουσία, θα είστε έτοιμοι να εργαστείτε στα έργα σας.
Το KO και το Jquery (πρωτότυπο κ.λπ.) ανταγωνίζονται μεταξύ τους ή μπορούν να χρησιμοποιηθούν μαζί;
Όλοι αγαπούν το Jquery! Στο παρελθόν, έπρεπε να υπομείνουμε διάφορες ασυνεπείς μεθόδους API χειρισμού αντικειμένων DOM και η εμφάνιση του Jquery είναι μια εξαιρετική εναλλακτική στα αδέξια πλαίσια του παρελθόντος, καθιστώντας το ευέλικτο και εύκολο στη χρήση. Το Jquery είναι εξαιρετικό και εύκολο στη χρήση για χειρισμό στοιχείων ιστοσελίδων και χειρισμό συμβάντων, ενώ το KO λύνει ένα διαφορετικό πρόβλημα.
Εάν η διεπαφή διεπαφής χρήστη σας είναι ελαφρώς πιο περίπλοκη και περιέχει κάποια από την ίδια συμπεριφορά, εάν χρησιμοποιείτε μόνο Jquery, η διεπαφή χρήστη θα είναι πιο περίπλοκη και δύσκολη από ό,τι νομίζετε και θα είναι αρκετά δαπανηρή η συντήρηση. Εξετάστε το παράδειγμα εμφάνισης μιας λίστας στοιχείων σε έναν πίνακα, δηλώνοντας τον αριθμό των λιστών στον πίνακα και ενεργοποιώντας το κουμπί "Προσθήκη" όταν ο αριθμός των λιστών στοιχείων είναι μικρότερος από 5, διαφορετικά απενεργοποιημένος. Το Jquery δεν έχει μια βασική έννοια μοντέλου δεδομένων, επομένως εάν θέλετε να λάβετε τον αριθμό των λιστών έργων, πρέπει να συμπεράνετε από τους αριθμούς πίνακα/tr/div. Εάν πρέπει να εμφανίσετε τον όγκο των δεδομένων σε ορισμένα SPANS, θα πρέπει επίσης να θυμάστε να ενημερώνετε το κείμενο του SPAN κατά την προσθήκη νέων δεδομένων. Φυσικά, πρέπει επίσης να θυμάστε ότι όταν ο συνολικός αριθμός >=5, πρέπει να απενεργοποιήσετε το κουμπί Προσθήκη. Στη συνέχεια, εάν θέλετε να εφαρμόσετε τη λειτουργία Delete, πρέπει να επισημάνετε ποιο στοιχείο DOM πρέπει να αλλάξει αφού κάνετε κλικ σε αυτό.
Σε τι διαφέρει να το κάνεις με το Knockout;
Με το KO όλα γίνονται πολύ απλά. Σας επιτρέπει να κλιμακώσετε εύκολα την πολυπλοκότητα του έργου σας χωρίς να ανησυχείτε για τις ασυνέπειες των δεδομένων που προκύπτουν. Απλώς μετατρέπει τα δεδομένα σας σε έναν πίνακα Javascrip{filter}t και, στη συνέχεια, χρησιμοποιεί το foreach για να συνδέσει τον πίνακα δεδομένων σε έναν πίνακα ή σε ένα σύνολο div στη σελίδα. Κάθε φορά που αλλάζει ο πίνακας δεδομένων, το περιβάλλον εργασίας χρήστη ανταποκρίνεται αυτόματα στην αλλαγή (δεν χρειάζεται να υποδείξετε πώς να εισαγάγετε μια νέα γραμμή ή πού) και το υπόλοιπο είναι ο συγχρονισμός δεδομένων περιβάλλοντος εργασίας χρήστη. Για παράδειγμα, μπορείτε να δηλώσετε το ακόλουθο SPAN για να εμφανίσετε τον όγκο των δεδομένων:
Αυτό είναι! Δεν χρειάζεται να γράψετε κώδικα για να τον ενημερώσετε, η ενημέρωσή του εξαρτάται από τις αλλαγές στον πίνακα myItems. Ομοίως, η ενεργοποίηση και απενεργοποίηση του κουμπιού Προσθήκη εξαρτάται από το μήκος του πίνακα myItems, ως εξής:
Μετά από αυτό, εάν πρέπει να εφαρμόσετε τη συνάρτηση "Διαγραφή", δεν χρειάζεται να καθορίσετε τον τρόπο χειρισμού των στοιχείων διεπαφής χρήστη, απλά πρέπει να τροποποιήσετε το μοντέλο δεδομένων.
Περίληψη: Η KO δεν έχει καμία πρόθεση να ανταγωνιστεί το jQuery και άλλα παρόμοια πλαίσια χειραγώγησης DOM. Το KO παρέχει έναν τρόπο υψηλού επιπέδου συσχέτισης του μοντέλου δεδομένων με τη διεπαφή χρήστη χρήστη.Το KO δεν εξαρτάται από το ίδιο το jQuery, αλλά μπορείτε να χρησιμοποιήσετε το jQuery μαζί, Οι ζωντανές και ήπιες αλλαγές διεπαφής χρήστη απαιτούν τη χρήση του jQuery.
Πόροι:
http://www.aizhengli.com/knockoutjs/50/knockout.html
http://knockoutjs.com/
|
Δημοσιεύτηκε στις 11/8/2017 12:24:27 μ.μ.
|
|
|
