tekstu - Kurs HTML i CSS
HTML5 / Wstawka <aside>...z treścią elementu, w którym się znajduje. Jednocześnie gdybyśmy usunęli taką sekcję z dokumentu, zarówno sam artykuł jaki i wyrwana z kontekstu sekcja nie utracą sensu ani swojej wewnętrznej kompletności. Typowe przeznaczenie: cytaty umieszczone w treści artykułu w postaci osobno wyróżnionych bloków, bannery reklamowe, grupy linków nawigacyjnych. Element ten nie nadaje się do oznaczania uwag na marginesie. Co prawda bez nich sam artykuł nie utraci swojego sensu, ale uwagi takie...
Układ elastyczny CSS / Justowanie zawartości {justify-content}...steruje justowaniem elementów kontenera elastycznego, gdy jest on zbyt duży, aby został wypełniony w całości. Działa analogicznie jak justowanie tekstu, ale może operować na blokach. Przykład {justify-content} justify-content: flex-start blok 1 blok 2 blok 3 justify-content: flex-end blok 1 blok 2 blok 3 justify-content: center blok 1 blok 2 blok 3 justify-content: space-between blok 1 blok 2 blok 3 justify-content: space-around blok 1 blok 2 blok 3
- Układ elastyczny CSS / Elastyczność {flex-grow, flex-shrink, flex-basis, flex}
...(domyślnie - "1"). Jeżeli kontener elastyczny jest zbyt wąski, jego dzieci są ściskane. Zwykle odbywa się to poprzez przełamanie do nowej linii tekstu, który zawiera się w tych blokach. Baza elastyczna {flex-basis} selektor { flex-basis: baza } Selektorem mogą być dzieci kontenera elastycznego (ale nie sam kontener). Baza jest wartością określoną w jednostkach długości albo słowem kluczowym "auto" (domyślnie). Baza określa początkowy rozmiar elementu w kontenerze, zanim wolna...
- Układ elastyczny CSS / Wyrównanie wierszy {align-content}
...flex-start - wyrównanie wierszy do początkowej krawędzi kontenera flex-end - do końcowej krawędzi kontenera center - wyśrodkowanie wierszy (dla tekstu w języku polskim - w pionie) space-between - równe odstępy między wierszami space-around - równa przestrzeń wokół wierszy stretch - rozciągnięcie wierszy do obu krawędzi jednocześnie (domyślnie) Polecenie steruje wyrównaniem wielu wierszy wewnątrz kontenera elastycznego, kiedy ich sumaryczna wysokość jest za mała, aby wypełnić całą...
Globalne obiekty w JavaScript / Przekształcanie wartości w parseInt - parseInt...oktalny (ósemkowy) - podstawa 8. Natomiast na co dzień posługujemy się systemem decymalnym (dziesiętnym) - podstawa 10. Białe znaki na początku tekstu są pomijane. Jeżeli funkcja napotka w przekształcanym tekście znak, który jest niepoprawnym zapisem w podanym systemie liczbowym, ignoruje go oraz wszystkie znaki, które znajdują się za nim. Warty podkreślenia jest również fakt, że funkcja nie wykonuje zaokrągleń liczb rzeczywistych, lecz po prostu obcina wartość po przecinku. Aby wykonć...
- Manipulacja obiektami w JavaScript - Object / Tworzenie nowego obiektu w JavaScript - new Object
...wynosi null, undefined albo nie została podana, zwracana jest nowa instancja obiektu ogólnego. W przypadku podania wartości logicznej, liczby albo tekstu, nastąpi konwersja podanej wartości na odpowiedni typ obiektowy. Natomiast jeżeli jako wartość value zostanie podany inny obiekt wbudowany, powinien on zostać zwrócony bez tworzenia nowej instancji. Przykład new Object new Object(true); // new Boolean(true) new Object(1); // new Number(1) new Object("test"); // new...
- Dynamiczne wywoływanie funkcji w JavaScript - Function.prototype / Pobieranie kodu funkcji - toString
...String - reprezentacja tekstowa instancji funkcji Wyjątki: TypeError - obiekt nie jest instancją funkcji Zwraca definicję funkcji w postaci tekstu. Specyfikacja nie określa jednoznacznego sposobu działanie tej metody. Dlatego wynik może się różnić w zależności od środowiska, w którym kod jest uruchamiany. Funkcja toString jest wywoływana automatycznie zawsze wtedy, gdy oczekiwana jest wartość tekstowa, a przekazano instancję funkcji. Przykład Function.prototype.toString new...
- Obsługa tekstu w JavaScript - String / Tworzenie obiektu tekstowego - new String
...new String("Infinity") new String("test"); // new String("test") length O.length Parametry: String O - tekst Wartość: Number - długość tekstu Zawiera wartość naturalną wskazującą, ile znaków znajduje się w tekście. Nie można jej zmieniać ani nie jest ona dostępna w pętli for-in. Przykład var str = "abc"; str.length; // 3 str.length = 1; str.length; // 3 str; // "abc"
- Operacje na tekście w JavaScript - String.prototype / Pobieranie znaku - charAt
...pozycji w tekście. Pierwszy znak ma pozycję 0. Jeżeli podano pozycję poza ograniczonym zakresem (mniejszą od zera albo większą lub równą długości tekstu), zwracany jest pusty tekst. Przykład String.prototype.charAt "abc".charAt(); // "a" "abc".charAt(0); // "a" "abc".charAt(" +0.9 "); // "a" "abc".charAt(null); // "a" "abc".charAt(undefined); // "a" "abc".charAt(NaN); // "a" "abc".charAt("test"); // "a" "abc".charAt(false); // "a" "abc".charAt(true)...
- Operacje na tekście w JavaScript - String.prototype / Wyszukiwanie wzorca - search
...w nim podanego wzorca - wyrażenia regularnego. Jeżeli tekst nie zostanie dopasowany, funkcja zwraca liczbę -1. Przypominam, że pierwszy znak tekstu ma pozycję 0, a więc taka wartość zwrócona przez funkcję oznacza, że poszukiwany tekst został znaleziony (na samym początku). Jeżeli chcesz znaleźć pozycję z góry znanej frazy w określony tekście, użyj funkcji String.prototype.indexOf. Jeżeli chcesz tylko sprawdzić, czy określony tekst pasuje do wzorca - wyrażenia regularnego - użyj funkcji...