Tysiące porad CSS, PHP, skrypty. Pomocne wskazówki i samouczki wideo

Popularne w miesiącu

Zmienne globalne - CSS-Tricks

Zmienne globalne - CSS-Tricks

Zadeklaruj zmienną poza funkcją ... var oneVariable; function setVariable () (oneVariable = "Zestaw zmiennych z funkcji!";) function "

Pobierz zmienne adresu URL - CSS-Tricks

Pobierz zmienne adresu URL - CSS-Tricks

Function getQueryVariable (zmienna) (var query = window.location.search.substring (1); var vars = query.split ("&"); for (var i = 0; i "

HtmlEntities dla JavaScript - CSS-Tricks

HtmlEntities dla JavaScript - CSS-Tricks

Htmlentities () to funkcja PHP, która konwertuje znaki specjalne (takie jak <) na ich wartości ze zmianą znaczenia / zakodowane (np. <). Dzięki temu możesz pokazać „

Uzyskaj klucz YouTube z linku - CSS-Tricks

Uzyskaj klucz YouTube z linku - CSS-Tricks

Przykładowy link: // Link do YouTube var youtubeLink = document.getElementById ('myLink'). Href; var youtubeVideoKey = "

Przycisk „Wróć” - CSS-Tricks

Przycisk „Wróć” - CSS-Tricks

Przeglądarki mają już przyciski „Wstecz”, więc lepiej mieć cholernie dobry powód, aby umieścić taki na swojej stronie! Przycisk wprowadzania z wbudowanym kodem JavaScript ”

Wstaw nowe reguły CSS - CSS-Tricks

Wstaw nowe reguły CSS - CSS-Tricks

Jeśli chcesz zmienić styl elementu za pomocą JavaScript, zazwyczaj lepiej jest zmienić nazwę klasy i mieć CSS już na stronie.

Wstaw kod HTML z ciągu kodu HTML - CSS-Tricks

Wstaw kod HTML z ciągu kodu HTML - CSS-Tricks

Powiedzmy, że masz jakiś kod HTML, który jest ciągiem znaków: let string_of_html = `

Cool
`; Może pochodzi z interfejsu API lub sam go utworzyłeś z „

Interwały - CSS-Tricks

Interwały - CSS-Tricks

Standard Nie musisz tworzyć zmiennej, ale jest to dobra praktyka, ponieważ możesz użyć tej zmiennej z clearInterval, aby zatrzymać aktualnie działające "

Wejście z znikającym obrazem tła - CSS-Tricks

Wejście z znikającym obrazem tła - CSS-Tricks

To powiela funkcjonalność standardowych pól wyszukiwania Google, które można osadzać. Mają obraz w tle i po kliknięciu wejścia "

Tablica JavaScript zawiera - CSS-Tricks

Tablica JavaScript zawiera - CSS-Tricks

Obiekty JavaScript są naprawdę ładne, ale czasami brakuje im kilku przydatnych małych funkcji / metod. Powyższy przykład dotyczy tablic. To naprawdę"

JavaScript MD5 - CSS-Tricks

JavaScript MD5 - CSS-Tricks

Var MD5 = function (string) (function RotateLeft (lValue, iShiftBits) (return (lValue> (32-iShiftBits));) function AddUnsigned (lX, lY) (var "

Uzyskaj adres URL i części adresu URL w JavaScript - CSS-Tricks

Uzyskaj adres URL i części adresu URL w JavaScript - CSS-Tricks

JavaScript może uzyskać dostęp do bieżącego adresu URL w częściach. W przypadku tego adresu URL: https://css-tricks.com/example/index.html?s=flexbox window.location.protocol = "

KeyboardEvent Value (keyCodes, metaKey itp.) - CSS-Tricks

KeyboardEvent Value (keyCodes, metaKey itp.) - CSS-Tricks

Po uruchomieniu zdarzenia KeyboardEvent można sprawdzić, który klawisz został naciśnięty, ponieważ to zdarzenie zawiera informacje, na podstawie których można zapisać logikę. "

Pętla przez tablicę bez zbędnych wyszukiwań - CSS-Tricks

Pętla przez tablicę bez zbędnych wyszukiwań - CSS-Tricks

Znajdź długość tablicy przed użyciem jej w funkcji for, więc nie musi liczyć długości tablicy w każdej iteracji (zakładając długość "

Pętla przez querySelectorAll pasujące - CSS-Tricks

Pętla przez querySelectorAll pasujące - CSS-Tricks

Przyjrzyjmy się niektórym opcjom iteracji po NodeList, gdy wrócisz z uruchamiania document.querySelectorAll. Napisaliśmy zaktualizowany artykuł na temat „

Spraw, aby elementy HTML5 działały w starej przeglądarce IE - CSS-Tricks

Spraw, aby elementy HTML5 działały w starej przeglądarce IE - CSS-Tricks

Aby DOM (a tym samym CSS) rozpoznał je jako rzeczywiste elementy: (function () (if (! / * @ Cc_on! @ * / 0) return; var e = "

Wielowierszowe zmienne łańcuchowe w JavaScript - CSS-Tricks

Wielowierszowe zmienne łańcuchowe w JavaScript - CSS-Tricks

To działa: var htmlString = "To jest ciąg."; To się nie udaje: var htmlSTring = "To jest ciąg."; Czasami jest to pożądane ze względu na czytelność. Dodaj"

Przesuń kursor na koniec wprowadzania - CSS-Tricks

Przesuń kursor na koniec wprowadzania - CSS-Tricks

Gdzie el jest odniesieniem do wejścia lub obszaru tekstowego. function moveCursorToEnd (el) (if (typeof el.selectionStart == "number") (el.selectionStart = "

Jaśniej / Ciemniej kolor - CSS-Tricks

Jaśniej / Ciemniej kolor - CSS-Tricks

Preprocesory CSS Sass i Less mogą przyjąć dowolny kolor i przyciemnić () lub rozjaśnić () o określoną wartość. Ale taka możliwość nie jest wbudowana w JavaScript ”.

Nowoczesna obsługa zdarzeń - CSS-Tricks

Nowoczesna obsługa zdarzeń - CSS-Tricks

Jest to lepsze niż wykonywanie tradycyjnego zdarzenia „window.onload”, ponieważ może dołączyć wiele programów obsługi zdarzeń do jednego zdarzenia i wszystkie są wywoływane ”.