JavaScript

W nowoczesnych aplikacjach frontendowych płynność interfejsu i wydajność przeglądarki mają ogromne znaczenie. Wiele funkcji JavaScript wywoływanych jest w odpowiedzi na szybkie, powtarzalne akcje użytkownika, takie jak przewijanie, zmiana rozmiaru okna czy wpisywanie tekstu. Jeśli nie ograniczymy liczby tych wywołań, aplikacja może zacząć działać coraz wolniej, a interakcje staną się „ciężkie” i mało responsywne. Właśnie dlatego […]

Funkcja rekurencyjna to funkcja, która wywołuje samą siebie. Robi to, dopóki nie osiągnie określonego warunku zatrzymania (tzw. warunku bazowego). Dzięki temu można rozwiązywać problemy, które polegają na powtarzaniu tych samych działań na mniejszych fragmentach danych - sumowanie elementów w zagnieżdżonej tablicy - gdy tablica zawiera kolejne tablice w środku, przeszukiwanie drzewa - np. struktury kategorii, menu lub systemu plików czy nawigacja po zagnieżdżonych obiektach JSON.

1. Propagacja zdarzeń Propagacja zdarzeń to sposób, w jaki zdarzenia poruszają się w drzewie DOM. Wyróżniamy dwa kierunki propagacji: Przykład propagacji zdarzeń Załóżmy, że mamy następujący HTML: I dodajemy dwa nasłuchiwacze: Jeśli klikniesz #child, zobaczysz w konsoli: Dzieje się tak, bo zdarzenie bąbelkuje (przechodzi od dziecka do rodzica). Zatrzymanie propagacji zdarzeń Jeśli nie chcemy, aby […]

Destrukturyzacja obiektów (Object Destructuring) to składnia w JavaScript, która umożliwia wyciąganie wartości z obiektów i przypisywanie ich do zmiennych w prosty sposób. Dzięki temu możemy łatwo uzyskać dostęp do danych przechowywanych w obiektach, bez konieczności odwoływania się do właściwości obiektu za każdym razem.

Jeśli czytasz ten post, zapewne masz problem z umieszczeniem kilku slajderów na jednej stronie w taki sposób, by działały poprawnie. Skorzystaj z mojego rozwiązania – prosty slajder w jQuery, który możesz umieszczać na stronie tyle razy, ile zechcesz, bez obaw, że przewijanie slajdów w jednym slajderze wpłynie na pozostałe.

Niekończąca się galeria zdjęć to zadanie proste i trudne jednocześnie. Wszystko zależy od tego,w jaki sposób chcemy ją wyświetlać. Na początek, wypiszmy sobie podstawowe założenia:

Każdy junior front-end developer powinien wiedzieć, czym jest hoisting. Zagadnienie to można dosyć łatwo zrozumieć, więc jeśli ktoś jeszcze o nim nie słyszał, może szybko nadrobić zaległości:

W zależności od tego, co chcesz aktualnie osiągnąć, do sprawdzenia czy string zawiera substring możesz użyć kilku rozwiązań:

Mamy tablicę [„javascript”, „jest”, „fajny”, 1, 2, 3]. Zobaczmy co się stanie, jeśli będziemy chcieli ją skopiować i przypisać do zmiennej, a następnie zmodyfikować tę skopiowaną tablicę:

Sprtując tablicę z liczbami i używając do tego wbudowanej w javascript funkcji sort() na pewno zauważysz, że standardowo sortowanie nie przebiega od najmniejszej do największej liczby, lecz alfabetycznie.