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

Σύγχρονος χειρισμός εκδηλώσεων - CSS-Κόλπα

Σύγχρονος χειρισμός εκδηλώσεων - CSS-Κόλπα

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

Φως / Σκούρο χρώμα - CSS-Κόλπα

Φως / Σκούρο χρώμα - CSS-Κόλπα

Οι προεπεξεργαστές CSS Sass και λιγότεροι μπορούν να πάρουν οποιοδήποτε χρώμα και να σκουραίνουν () ή να φωτίζουν () με μια συγκεκριμένη τιμή. Αλλά καμία τέτοια ικανότητα δεν είναι ενσωματωμένη στο JavaScript. "

Μετακίνηση δρομέα στο τέλος της εισόδου - CSS-Κόλπα

Μετακίνηση δρομέα στο τέλος της εισόδου - CSS-Κόλπα

Όπου el είναι μια αναφορά σε μια εισαγωγή ή textarea. function moveCursorToEnd (el) (if (typeof el.selectionStart == "αριθμός") (el.selectionStart = "

Μεταβλητές συμβολοσειρών πολλαπλών γραμμών σε JavaScript - CSS-Κόλπα

Μεταβλητές συμβολοσειρών πολλαπλών γραμμών σε JavaScript - CSS-Κόλπα

Αυτό λειτουργεί: var htmlString = "Αυτή είναι μια συμβολοσειρά."; Αυτό αποτυγχάνει: var htmlSTring = "Αυτή είναι μια συμβολοσειρά."; Μερικές φορές αυτό είναι επιθυμητό για αναγνωσιμότητα. Προσθήκη"

Κάντε τα στοιχεία HTML5 να λειτουργούν στο παλιό IE - CSS-Κόλπα

Κάντε τα στοιχεία HTML5 να λειτουργούν στο παλιό IE - CSS-Κόλπα

Για να το αναγνωρίσει το DOM (και έτσι το CSS) ως πραγματικά στοιχεία: (function () (if (! / * @ Cc_on! @ * / 0) return; var e = "

Loop Over queryΕπιλογέαςΌλοι οι αγώνες - CSS-Κόλπα

Loop Over queryΕπιλογέαςΌλοι οι αγώνες - CSS-Κόλπα

Ας δούμε μερικές επιλογές για επανάληψη μέσω ενός NodeList, καθώς επιστρέφετε από την εκτέλεση ενός document.querySelectorAll. Έχουμε γράψει ένα ενημερωμένο άρθρο σχετικά με το "

Βρόχος μέσω συστοιχίας χωρίς σπατάλη αναζητήσεων - CSS-Κόλπα

Βρόχος μέσω συστοιχίας χωρίς σπατάλη αναζητήσεων - CSS-Κόλπα

Βρείτε το μήκος του πίνακα πριν το χρησιμοποιήσετε στη συνάρτηση for, οπότε δεν χρειάζεται να μετράτε το μήκος του πίνακα κάθε επανάληψη (υποθέτοντας το μήκος "

KeyboardEvent Value (keyCodes, metaKey, κ.λπ.) - CSS-Κόλπα

KeyboardEvent Value (keyCodes, metaKey, κ.λπ.) - CSS-Κόλπα

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

Λάβετε τμήματα URL και URL σε JavaScript - CSS-Κόλπα

Λάβετε τμήματα URL και URL σε JavaScript - CSS-Κόλπα

Το JavaScript μπορεί να έχει πρόσβαση στην τρέχουσα διεύθυνση URL σε τμήματα. Για αυτήν τη διεύθυνση URL: https://css-tricks.com/example/index.html?s=flexbox window.location.protocol = "

JavaScript MD5 - CSS-Κόλπα

JavaScript MD5 - CSS-Κόλπα

Var MD5 = function (string) (function RotateLeft (lValue, iShiftBits) (return (lValue> (32-iShiftBits));) συνάρτηση AddUnsigned (lX, lY) (var "

Η σειρά JavaScript περιέχει - CSS-Κόλπα

Η σειρά JavaScript περιέχει - CSS-Κόλπα

Τα αντικείμενα javascript είναι πραγματικά ωραία, αλλά μερικές φορές λείπουν κάποιες χρήσιμες μικρές λειτουργίες / μεθόδους. Το παραπάνω παράδειγμα είναι με πίνακες. Είναι αλήθεια"

Εισαγωγή με εξαφανισμένη εικόνα φόντου - CSS-Κόλπα

Εισαγωγή με εξαφανισμένη εικόνα φόντου - CSS-Κόλπα

Αυτό επαναλαμβάνει τη λειτουργικότητα των τυπικών ενσωματωμένων πεδίων Αναζήτησης Google. Έχουν μια εικόνα στο παρασκήνιο και όταν κάνετε κλικ στην είσοδο "

Διαστήματα - CSS-Κόλπα

Διαστήματα - CSS-Κόλπα

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

Ένεση HTML από μια σειρά HTML - CSS-Κόλπα

Ένεση HTML από μια σειρά HTML - CSS-Κόλπα

Ας υποθέσουμε ότι έχετε κάποιο HTML που είναι συμβολοσειρά: let string_of_html = "

Cool
"; Ίσως προέρχεται από ένα API ή το έχετε δημιουργήσει μόνοι σας από "

Εισάγετε νέους κανόνες CSS - CSS-Κόλπα

Εισάγετε νέους κανόνες CSS - CSS-Κόλπα

Αν πρέπει να αλλάξετε το στυλ ενός στοιχείου με JavaScript, είναι συνήθως καλύτερο να αλλάξετε ένα όνομα τάξης και να έχετε ήδη το CSS στη σελίδα "

Κουμπί "Επιστροφή" - CSS-Κόλπα

Κουμπί "Επιστροφή" - CSS-Κόλπα

Τα προγράμματα περιήγησης έχουν ήδη κουμπιά "πίσω", οπότε καλύτερα να έχετε έναν καλό λόγο για να χρειαστεί να τοποθετήσετε ένα στη σελίδα σας! Κουμπί εισαγωγής με ενσωματωμένο JavaScript "

Λήψη κλειδιού YouTube από σύνδεσμο - CSS-Κόλπα

Λήψη κλειδιού YouTube από σύνδεσμο - CSS-Κόλπα

Παράδειγμα συνδέσμου: // Σύνδεσμος Youtube var youtubeLink = document.getElementById ('myLink'). Href; var youtubeVideoKey = "

HtmlΕνότητες για JavaScript - CSS-Κόλπα

HtmlΕνότητες για JavaScript - CSS-Κόλπα

Το htmlentities () είναι μια συνάρτηση PHP που μετατρέπει ειδικούς χαρακτήρες (όπως <) σε τιμές διαφυγής / κωδικοποίησης (όπως <). Αυτό σας επιτρέπει να εμφανίσετε "

Λήψη μεταβλητών URL - CSS-Κόλπα

Λήψη μεταβλητών URL - CSS-Κόλπα

Συνάρτηση getQueryVariable (μεταβλητή) (var query = window.location.search.substring (1); var vars = query.split ("&"); for (var i = 0; i "

Καθολικές μεταβλητές - CSS-Κόλπα

Καθολικές μεταβλητές - CSS-Κόλπα

Δήλωση μεταβλητής εκτός της συνάρτησης ... var oneVariable; function setVariable () (oneVariable = "Σύνολο μεταβλητών από μια συνάρτηση!";) συνάρτηση "

Λάβετε όλες τις πιθανές εκδηλώσεις DOM - CSS-Κόλπα

Λάβετε όλες τις πιθανές εκδηλώσεις DOM - CSS-Κόλπα

Μπορείτε να λάβετε μια σειρά από όλα τα συμβάντα που ξεκινούν με το "on" (π.χ. onclick) εκτελώντας το στην Κονσόλα του Firefox. .filter (συνάρτηση (i) (επιστροφή "

Λήψη μεγέθους αντικειμένου - CSS-Κόλπα

Λήψη μεγέθους αντικειμένου - CSS-Κόλπα

Όπως στο, ο αριθμός των κλειδιών. function objectSize (the_object) (/ * συνάρτηση για την επικύρωση της ύπαρξης κάθε κλειδιού στο αντικείμενο για να λάβετε τον αριθμό των έγκυρων "

Λειτουργία κλήσης με τυχαίο χρονοδιακόπτη - CSS-Κόλπα

Λειτουργία κλήσης με τυχαίο χρονοδιακόπτη - CSS-Κόλπα

Function randRange (data) (var newTime = data; return newTime;) function toggleSomething () (var timeArray = new Array (200, 300, 150, 250, 2000, 3000, ")

Μορφή νομίσματος - CSS-Κόλπα

Μορφή νομίσματος - CSS-Κόλπα

Αυτή η συνάρτηση στρογγυλοποιεί τους αριθμούς σε δύο δεκαδικά ψηφία και διασφαλίζει ότι η επιστρεφόμενη τιμή έχει δύο δεκαδικά ψηφία. Για παράδειγμα 12.006 θα επιστρέψει 12.01, "

Επιδιόρθωση IE 10 στο Windows Phone 8 Viewport - CSS-Κόλπα

Επιδιόρθωση IE 10 στο Windows Phone 8 Viewport - CSS-Κόλπα

(συνάρτηση () (if (navigator.userAgent.match (/IEMobile/10.0/)) (var msViewportStyle = document.createElement ("style"); msViewportStyle.appendChild ("

Αδειάστε μια σειρά - CSS-Κόλπα

Αδειάστε μια σειρά - CSS-Κόλπα

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

Απαιτούμενο περιεχόμενο JavaScript με εναλλακτικό περιεχόμενο - CSS-Κόλπα

Απαιτούμενο περιεχόμενο JavaScript με εναλλακτικό περιεχόμενο - CSS-Κόλπα

Η περιοχή που απαιτείται JavaScript κρύβεται με ενσωματωμένο CSS και, στη συνέχεια, εμφανίζεται αφού φορτωθεί με ένα μικρό απόσπασμα JavaScript. Κάτω από αυτό, χρησιμοποιούνται ετικέτες noscript "

Καταγραφή κονσόλας χωρίς σφάλματα - CSS-Κόλπα

Καταγραφή κονσόλας χωρίς σφάλματα - CSS-Κόλπα

Var Fb = (); // Ένα κενό αντικείμενο κυριολεκτικά για τη συγκράτηση της συνάρτησης Fb.log = function (obj, consoleMethod) (if (window.console && window.console.firebug && "

Διαφορετικό φύλλο στυλ εν αναμονή της ώρας της ημέρας - CSS-Κόλπα

Διαφορετικό φύλλο στυλ εν αναμονή της ώρας της ημέρας - CSS-Κόλπα

Ονομάστε αναλόγως τα αρχεία css σας: night.css, day.css, κτλ. Ένα υπέροχο μπόνους είναι ότι αφού η JavaScript παίρνει το χρόνο από τον τοπικό υπολογιστή αντί για "