Αποσπάσματα κώδικα 2025, Ιανουάριος

Υποθέτοντας ότι έχετε ένα στοιχείο στο DOM:

Λάβετε μια αναφορά σε αυτό το στοιχείο DOM: const el = document.querySelector ("# el"); Τότε "

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

Δεν υποστηρίζουν όλα τα προγράμματα περιήγησης όλα τα χαρακτηριστικά σε όλα τα στοιχεία. Υπάρχουν πολλά νέα χαρακτηριστικά στο HTML5, οπότε η ιδέα της δοκιμής για να δείτε τι είδους πρόγραμμα περιήγησης "

Κανονικά το πλήκτρο tab μετακινείται στο επόμενο εστιασμένο πράγμα. Αυτό εισάγει έναν χαρακτήρα καρτέλας. HTMLTextAreaElement.prototype.getCaretPosition = συνάρτηση "

Κενό διάστημα, που σημαίνει καρτέλες και κενά. JavaScript βανίλιας (Trim Leading and Trailing) var str = "abcdefg"; var newStr = str.trim (); // "abcde f"

Let strippedString = originalString.replace (/ (<(+)>) / gi, ""); Ενσωμάτωση κώδικα CodePen "

Η μεταφορά και απόθεση HTML5 είναι ιδανική για το χειρισμό μεταφορτώσεων αρχείων. Αλλά αν αυτό είναι το μόνο πράγμα που το χρησιμοποιείτε, είναι ωραίο να ξέρετε αν υπάρχει κάποιος συγκεκριμένος "

Var isMSIE = / * @ cc_on! @ * / 0; εάν (isMSIE) (// κάνει πράγματα που αφορούν IE) αλλιώς (// κάνει πράγματα που δεν αφορούν IE) "

Ενσωματωμένη χρήση: Κάντε κλικ εδώ για εναλλαγή της ορατότητας του στοιχείου #foo This is foo "

Συνάρτηση τεχνικής # 1 Shuffle (o) (για (var j, x, i = o.length; i; j = parseInt (Math.random () * i), x = o, o = o, o = x); επιστροφή o;); Χρήση var testArray "

Var someString = "Γεια 123 World!"; newString = someString.replace (// g, "); // console.log (newString); // "Γειά σου Κόσμε!";"

Το "mobile.html" θα αντικατασταθεί από την τοποθεσία όπου βρίσκεται η έκδοση για κινητά. Αυτή η τεχνική θα μπορούσε να προσαρμοστεί για να φορτώσει ένα εναλλακτικό φύλλο στυλ "

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

Αυτό είναι έξυπνο! Το φεύγω αυτό από το blog του David. const isRequired = () => (ρίξτε νέο Σφάλμα («απαιτείται param»);); const hello = (όνομα = "

Var myArray =; var randomItem = myArray; Δείτε το στυλό gLJPZv του Chris Coyier (@chriscoyier) στο CodePen. "

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

Var origString = "Happy Dance7"; var trimmedString = origString.substring (0, origString.length-1); console.log (trimmedString); // "Happy Dance" "

Αυτή η λειτουργία διατηρεί επίσης κρυφό περιεχόμενο. συνάρτηση remove_style (all) (var i = all.length; var j, is_hidden; // Χαρακτηριστικά παρουσίασης. var attr =; "

Για οποιονδήποτε λόγο, ένα στοιχείο δεν μπορεί να καταστραφεί σε JavaScript. Το jQuery έχει μια μέθοδο για αυτό, η οποία είναι ωραία γιατί έτσι πιστεύουμε: "

Συντάχθηκε από τον Svein Petter Gjøby: const array =; // Μέθοδος 1: Χρησιμοποιώντας ένα σύνολο const μοναδικό =; // Μέθοδος 2: Array.prototype.reduce const unique = "

Window.location = "https: //" + window.location.hostname + window.location.pathname + window.location.search; Ίσως θέλετε να δοκιμάσετε εάν window.location.href "

Έχετε δει ποτέ αυτά τα CDATA σε JavaScript και αναρωτιέστε τι ήταν; Είναι για να αποτρέψει τον επικυρωτή να διαβάσει αυτόν τον κωδικό ως σήμανση και να αποτύχει "

Εδώ είναι ένα γρήγορο (υπάρχει και μια έκδοση PHP): var randomColor = Math.floor (Math.random () * 16777215) .toString (16); Δείτε το στυλό Δημιουργία νέου τυχαίου Hex Color "

Η PHP έχει μια ωραία λειτουργία print_r για την εκτύπωση πληροφοριών σχετικά με μια μεταβλητή στην οθόνη. Το console.log () είναι υπέροχο για αυτό και σε JavaScript, αλλά "

Δοκιμάστε (document.execCommand ("BackgroundImageCache", false, true);) catch (err) () "

Επίδειξη από τον Sagar Ganatra "

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

Εκτελέστε μια συνάρτηση κάθε δευτερόλεπτο: συνάρτηση myFunction () (// do something) var int = setInterval (myFunction, 1000); Ακύρωση: clearInterval (int); "

ΕΝΗΜΕΡΩΣΗ: Αυτό είναι αρκετά παλιό. Αν ψάχνετε για τεμπέλης φόρτωση εικόνων αυτές τις μέρες, θα συνιστούσα να κοιτάξετε: Ο πλήρης οδηγός για την τεμπέλη φόρτωση εικόνων A Native "