localStorage jest częścią Web Storage API, która umożliwia stronom internetowym przechowywanie danych w przeglądarce użytkownika. Dane zapisane za pomocą localStorage są trwałe i dostępne nawet po zamknięciu przeglądarki, co odróżnia je od danych przechowywanych w sessionStorage, które są dostępne tylko podczas trwania sesji przeglądarki. localStorage jest często wykorzystywany do zapisywania preferencji użytkownika, informacji o stanie […]
Funkcje generatora w JavaScript są potężnym narzędziem, które pozwala funkcjom zwracać (“yield”) serię wartości na żądanie, co umożliwia tworzenie łatwych do zarządzania sekwencji oraz efektywne przetwarzanie danych bez konieczności ładowania wszystkich wartości do pamięci jednocześnie. W tej lekcji przyjrzymy się, jak poprawnie zdefiniować i używać wyrażeń funkcji generatora w JavaScript, zilustrowane przykładem kodu wplecionym w
W programowaniu obiektowym, wywołanie nadrzędnego konstruktora w klasie potomnej jest kluczowym elementem dziedziczenia. W JavaScript, języku prototypowym, który również wspiera klasowy model dziedziczenia od ES6 (ECMAScript 2015), istnieje prosty sposób na realizację tego mechanizmu za pomocą słowa kluczowego super. W tej lekcji przyjrzymy się, jak można wykorzystać super do wywołania konstruktora klasy nadrzędnej z klasy
W JavaScript często pojawia się potrzeba skopiowania właściwości z jednego obiektu do drugiego. Może to być przydatne w wielu scenariuszach, takich jak łączenie konfiguracji, aktualizowanie stanów obiektów, czy tworzenie kopii obiektów z zachowaniem pewnych właściwości. W tej lekcji przejdziemy przez różne sposoby kopiowania właściwości między obiektami w JavaScript.
postMessage jest metodą w JavaScript, która umożliwia bezpieczną komunikację między różnymi oknami lub ramkami (iframe), nawet jeśli pochodzą z różnych źródeł (cross-origin). Jest to kluczowe narzędzie w nowoczesnym web development, pozwalające na wymianę danych między stronami bez narażania bezpieczeństwa użytkownika. Metoda ta jest szczególnie przydatna w aplikacjach wykorzystujących iframes lub w sytuacjach, gdzie wymagana jest
W programowaniu webowym często pojawia się potrzeba uzyskania oryginalnych wymiarów obrazu, na przykład do celów walidacji rozmiaru przed wysłaniem na serwer lub do dynamicznego dostosowywania layoutu strony. JavaScript oferuje proste metody, aby to osiągnąć, niezależnie od aktualnych wymiarów obrazu wyświetlanych na stronie.
AJAX (Asynchronous JavaScript and XML) to technika programowania webowego, która umożliwia stronom internetowym asynchroniczne przesyłanie danych do serwera i od serwera bez konieczności przeładowywania całej strony. Dzięki temu możemy tworzyć bardziej dynamiczne i responsywne aplikacje webowe. W tej lekcji przedstawimy, jak korzystać z AJAX w JavaScript, używając do tego celu XMLHttpRequest oraz fetch API.
Wykrywanie, czy użytkownik korzysta z przeglądarki mobilnej, jest kluczowym elementem tworzenia responsywnych i interaktywnych stron internetowych. Pozwala to na dostosowanie treści, funkcjonalności i interfejsu użytkownika do mniejszych ekranów i specyficznych warunków urządzeń mobilnych. W tej lekcji omówimy, jak można wykryć przeglądarkę mobilną za pomocą JavaScript.
W programowaniu webowym, szczególnie podczas tworzenia responsywnych interfejsów użytkownika, często pojawia się potrzeba uzyskania aktualnych rozmiarów okna przeglądarki. Pozwala to na odpowiednie dostosowanie zawartości strony do rozmiaru okna, co jest kluczowe dla zapewnienia dobrej użyteczności i estetyki strony. JavaScript oferuje kilka sposobów na uzyskanie tych wymiarów.
Instrukcja debugger w JavaScript jest potężnym narzędziem używanym do debugowania kodu. Pozwala programistom na zatrzymanie wykonania kodu w określonym miejscu, co umożliwia dokładne przeanalizowanie stanu aplikacji w danym momencie. Działa w połączeniu z narzędziami deweloperskimi przeglądarki, automatycznie aktywując zakładkę debuggera i zatrzymując wykonanie kodu, co pozwala na inspekcję zmiennych, stosu wywołań i przejście przez kod
JavaScript jest jednym z najpopularniejszych języków programowania na świecie, szeroko stosowanym do tworzenia interaktywnych stron internetowych. Od momentu powstania w 1995 roku, JavaScript przeszedł długą drogę, ewoluując z prostego języka skryptowego do potężnego narzędzia używanego zarówno po stronie klienta, jak i serwera. Jednym z kluczowych pytań, które często pojawiają się w kontekście nauki i używania
Web Workery w JavaScript oferują potężne możliwości do uruchamiania skryptów w tle, bez zakłócania interfejsu użytkownika. Pozwalają na wykonywanie zadań, które wymagają intensywnych obliczeń, w oddzielnym wątku, co może znacznie poprawić wydajność aplikacji webowych. Jednakże, pomimo wielu zalet, Web Workery posiadają pewne ograniczenia, szczególnie w kontekście interakcji z Document Object Model (DOM). W tym artykule
Web Storage to funkcja przeglądarki internetowej, która umożliwia stronom internetowym przechowywanie danych lokalnie na urządzeniu użytkownika. Jest to mechanizm używany do przechowywania par klucz-wartość i jest bardziej zaawansowany niż tradycyjne ciasteczka (cookies), oferując większą pojemność przechowywania oraz lepsze mechanizmy bezpieczeństwa. Web Storage obejmuje dwa główne rodzaje magazynowania: localStorage i sessionStorage.
Kontynuując poprzedni w wpis będący wstępem do prototypów zobaczmy co się stanie przy skasowanie przesłonięcia pola z prototype. Oczywiście przywróci poprzednią wartość: function Thing(name) { this.name = name; } Thing.prototype.weight = 50; let telephone = new Thing("phone"); console.log( telephone.weight );// 50 z prototypu telephone.weight = 3; // przesłonięcie weight z prototypu console.log( telephone.weight ); //