przykład - Kurs HTML i CSS
Dynamiczne wywoływanie funkcji w JavaScript - Function.prototype / Ustawianie właściwej instancji obiektu w metodzie - bind...próba wywołania na obiekcie, który nie jest funkcją W asynchronicznych językach programowania bardzo często używa się tzw. funkcji zwrotnej. Na przykład możemy spróbować pobrać dane z zewnętrznego źródła, ale ponieważ odpowiedź nie pojawi się natychmiast, program kontynuuje normalnie dalsze działanie. Dzięki temu interfejs użytkownika nie zacina się w oczekiwaniu na odpowiedź z zewnętrznego źródła. Kiedy odpowiedź nadejdzie, zostanie wywołana właśnie wcześniej zdefiniowana funkcja...
- Zastosowanie tablic w JavaScript - Array / Tworzenie instancji tablicy w JavaScript - new Array
Spis treści new Array new Array length new Array new Array() new Array(len) new Array(item0) new Array(item0, item1...) Parametry Number len - liczba elementów tablicy item0, item1... - lista elementów tablicy Wartość: Array - nowa instancja tablicy Wyjątki: RangeError - wartość len nie jest liczbą naturalną Tablica jest rodzajem kolekcji (pojemnika) do przechowywania innych elementów. Elementy tablicy są ponumerowane tzw. indeksami. Pierwszy element otrzymuje indeks 0, drugi...
- Operacje na tablicach w JavaScript - Array.prototype / Przekształcanie tablicy na tekst w rodzimym języku - toLocaleString
...jak Array.prototype.toString, ale przekształca każdy element tablicy na tekst, zgodnie z ustawieniami rodzimego języka użytkownika systemu. Na przykład w języku polskim liczby rzeczywiste zapisujemy z użyciem znaku przecinka, podczas gdy angielskim - z użyciem kropki. Dodatkowo w języku polskim dla poprawy czytelności kolejne tysiące liczby możemy oddzielać od siebie znakiem spacji. Zwykle również inaczej zapisujemy daty z kalendarza. Przykład Array.prototype.toLocaleString new...
- Obsługa tekstu w JavaScript - String / Tworzenie obiektu tekstowego - new String
Spis treści new String new String length new String new String() new String(value) Parametry: value - wartość na podstawie której zostanie utworzony obiekt Wartość: String - nowa instancja obiektu tekstowego Inaczej niż funkcja String, zawsze tworzy nową instancję obiektu tekstowego, a nie tylko prostą wartość tekstową. Przykład new String new String(); // new String() new String(undefined); // new String("undefined") new String(null); // new String("null") new...
- Operacje na wartościach liczbowych - Number.prototype / Konwersja liczby - toString
...jest typu liczbowego Zapisuje liczbę w postaci tekstu. O tym, w jakim systemie będzie zapisana liczba, decyduje podstawa systemu liczbowego. Na przykład w systemie heksadecymalnym (szesnastkowym) mamy do dyspozycji 16 cyfr: cyfry arabskie 0-9 i litery a-f. Literze a odpowiada wartość 10, b - 11 itd. Innym popularnym systemem liczbowym jest system oktalny (ósemkowy) - podstawa 8. Natomiast na co dzień posługujemy się systemem decymalnym (dziesiętnym) - podstawa 10. Aby wykonać...
- Operacje na wartościach liczbowych - Number.prototype / Formatowanie liczby zgodnie z językiem - toLocaleString
...Wartość: String - tekst Funkcja powinna zapisać liczbę w postaci tekstu w domyślnym języku ustawionym w systemie operacyjnym użytkownika. Na przykład w języku polskim liczby rzeczywiste zapisujemy z użyciem znaku przecinka, podczas gdy angielskim - z użyciem kropki. Dodatkowo w języku polskim dla poprawy czytelności kolejne tysiące liczby możemy oddzielać od siebie znakiem spacji. Przykład Number.prototype.toLocaleString (1000.2).toLocaleString(); // np.: "1 000,2...
- Operacje na wartościach liczbowych - Number.prototype / Stała liczba miejsc po przecinku - toFixed
...większych lub równych 1021 działa identycznie jak String.prototype.toString. Ta funkcja może zwracać dokładniejsze wartości niż toString. Na przykład toString dla liczby 1000000000000000128 zwraca wartość "1000000000000000100", podczas gdy toFixed - dokładną wartość. Przykład Number.prototype.toFixed (1.2).toFixed(); // "1" (1.5).toFixed(); // "2" (1.25).toFixed(1); // "1.3" (1.2).toFixed(3); // "1.200" (-12.3).toFixed(3); // "-12.300" NaN.toFixed(); // "NaN...
- Funkcje matematyczne - Math / Zaokrąglanie - round
...miejsca po przecinku, ale można to zrobić w inny sposób. Trzeba jednak przy tym uważać na tzw. błąd zaokrągleń liczb zmiennoprzecinkowych. Na przykład aby zaokrąglić liczbę x do drugiego miejsca po przecinku, z czysto matematycznego punktu widzenia powinno wystarczyć wpisanie: Math.round(x * 100) / 100 Niestety jak się możemy przekonać, w przypadku niektórych liczb wynik nie daje oczekiwanych rezultatów: Math.round(1.005 * 100) / 100; // 1 1.005 * 100...
- Obiekty daty - Date / Konwersja daty na milisekundy - UTC
...wstecz, czyli daty przed 1 stycznia 1970. 1 sekunda zawiera 1000 milisekund. Możemy również podawać daty spoza przewidzianego zakresu. Na przykład zapis Date.UTC(2014, 0, 32) jest równoważny Date.UTC(2014, 1, 1). Funkcja sama przeliczy prawidłową datę, uwzględniając przy tym nawet lata przestępne. Uczulam, że podanie wartości 12 jako month wcale nie oznacza grudnia, ale styczeń następnego roku. Podając argumenty do tej funkcji należy pamiętać, że przyjmuje ona datę i czas w...
CSS dla zielonych / Kolor tła oraz tekstu CSS {background-color, color}...tła oraz tekstu na całej stronie, najlepiej w arkuszu stylów do selektora właściwego ciała dokumentu dodać deklaracje o odpowiednich wartościach. Na przykład: body { background-color: black; color: white; } ustawi czarny kolor tła i biały kolor tekstu. Jak ustawić kolor RGB w CSS? W języku CSS możemy stosować takie same kolory jak w HTML. Na przykład aby ustawić na całej stronie czarny kolor tła i biały kolor tekstu w notacji heksadecymalnej, wystarczy w arkuszu stylów wstawić...