Πώς επιτυγχάνεται η ικανότητα "να δούμε την πορεία προς το πρόβλημα" στην ανάπτυξη του front-end;


Απάντηση 1:

Θα υποστηρίζω ότι είναι το ίδιο με το "βλέποντας το μονοπάτι" σε οποιοδήποτε είδος προγραμματισμού.

Καταρχάς, καταλαβαίνετε γιατί βλέπετε το πρόβλημα που βλέπετε; Εάν η Javascript που γράψατε δεν πυροβολεί, ξέρεις γιατί; Χωρίς περισσότερες πληροφορίες, θα μπορούσε να είναι ένα ζευγάρι πράγματα:

  • Ο προ-επεξεργαστής σας (Gulp ή Grunt) έχει σταματήσει να τρέχει και δεν ενημερώνει το JS για εσάς (αυτό συνέβη πάρα πολλές φορές για να μετρήσετε ...)
  • Το αρχείο Javascript που προσπαθείτε να εκτελέσετε δεν περιλαμβάνεται στη σελίδα
  • Έχετε σφάλματα στο αρχείο πριν από τον κώδικα που προσπαθείτε να εκτελέσετε, αποτρέποντάς τον από την εκτέλεση
  • Στοχεύετε σε μια κλάση αντί για την ταυτότητα που βρίσκεται στο στοιχείο
  • Και πολλά άλλα…

Εάν δεν είστε σίγουροι για το ζήτημα, υπάρχουν εργαλεία για να σας βοηθήσουμε να το καταλάβετε; Φυσικά. Τα εργαλεία προγραμματιστών στο πρόγραμμα περιήγησης της επιλογής σας (Chrome Dev Tools, Firebug κ.λπ.) μπορούν να σας βοηθήσουν να εντοπίσετε τα θέματα 2 και 3 από την παραπάνω λίστα. Για το τεύχος # 1, προέρχεται από την εμπειρία και τα προηγούμενα λάθη σας, όπως έλεγε ο Aleksey. Απλά γνωρίζοντας ποια πράγματα συμβαίνουν κανονικά μπορεί να σας βοηθήσει να καταλάβετε τι να ελέγξετε στη συνέχεια.

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

Ας υποθέσουμε ότι το ζήτημα ήταν ότι η Javascript δεν εκτελείται επειδή στόχευε

και το στοιχείο σας ήταν στην πραγματικότητα

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

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

Πώς ακριβώς σπάτε ένα σύνθετο πρόβλημα σε μέρη; Αυτό είναι το σήμα ενός σπουδαίου προγραμματιστή. Η διάσπαση του μονοπατιού προς το πρόβλημα θα σας βοηθήσει να πετύχετε το μεγαλύτερο μέρος του.