JavaScript

Dodanie elementy do DOM

najefektywniej dodajemy element do dom z wykorzystaniem createDocumentFragment let element; const app = document.getElementById('app'); const fragment =...

ES8

string padding - funkcja dla ciągów tekstowych (string) .padStart() i .padEnd() - dodaje przestrzeń przed lub po ciągu znaków. "MasterOfPuppets".padStart(20, '+'); daje...

ES7

metoda includes() do string i array - zwraca true kiedy ciag znaków lub tablica zawiera wskazany element "Hell-oo".includes("o"); //true exponential operator ** potęga...

pobranie koloru RGB w JS

$('p').each(function(){ var rgb = $(this).css('color'); rgb = rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/); function hex(x) {return ("0" + parseInt(x).toString(16)).slice(-2);}...

dodanie klasy do co trzeciego elementu

aby dodać klasę do co trzeciego elementu w liście wprowadzamy w js kod: $(".featured.module").filter(function(index, element){ return index % 3 ==...

this JavaScript

odwołanie się do elementu zaznaczonego w form do zmiany koloru tekstu lub tła strony: <!DOCTYPE html> <html id="b1"> <head> <script> function...

Funkcje obsługi zdarzeń JavaScript

Funkcje obsługi zdarzenia zdarzenia klawiatury - który klawisz został naciśnięty.   DOM zawiera obiekt event zawierający informacje o...

własności JavaScript

Własności, właściwości Większość wartości ma własności, wyjątek wartość null, undefined.   pobranie własności wartość.x - x- prawidłowa nazwa zmiennej, bezpośrednio...

DOM metody JavaScript

- w kodzie <ul id="list"></ul> var node = document.createElement("li"); var textnode =...

zmienne JavaScript

zmienne JavaScript Zmienna to wartość, która może być przechowywana, a następnie używana w kodzie. Zmienne mieszczą dane (liczby, łańcuchy tekstowe, obiekt). w danym momencie zmienna może...

tablice JavaScript

tablice JavaScript ponumerowana grupa elementów danych, traktowana jako jednostka. Tablica może zawierać: łańcuchy, liczby, obiekty i inne typy danych. Każda wartość w tablicy - element...

metody JavaScript

metody JavaScript to funkcje przetwarzające dane obiektu, lub inaczej funkcja przypisana do obiektu jako jego własność, czyli mogą być wywołane w kontekście obiektu. Metody mogą...

obiekty JavaScript

Obiekty JavaScript złożone typy zmiennych. Grupowanie powiązanych ze sobą danych i funkcji do ich przetwarzania.   składają się z właściwości (zbiór własności) i metod....

lazyLoad.js

poprzez: <img class="lazy" data-src="pic.jpg"...

videoListener

// Home video bg var vid=document.getElementById('wistia_14'); var slid=$('.home-slider .image'); var videoListener =...

wyróżnienie drugiego wyrazu w zdaniu

- $('h1').each(function(){ var text = $(this).text().split(' '); if(text.length < 2) return; text = '<span>' +text+ '</span>'; $(this).html(...

funkcje JavaScript

Funkcja - grupa instrukcji w JS, blok kodu który możemy wielokrotnie wykorzystywać. Funkcje w JavaScript definiujemy poprzez (deklaracja funkcji, function declaration). Deklaracja funkcji...

pętle zdarzeń

pętla while wykonuje kod dopóki warunek pętli jest spełniony. warunek: variable =>100 variable == 'yes'   poruszanie po elementach tablicy i wykonywanie operacji na...

Co jeszcze Cię interesuje?

Wordpress css JavaScript font jQuery custom post html css3 ACF tools php sass html5 woocommerce mobile web development vue form plugins image seo biblioteka figma menu VS Code design wp inspiration responsive color shortcuts page git post sketch webflow data base user pagespeed readme animation node ai reCaptcha macOS free React admin emmet snipets