-
Notifications
You must be signed in to change notification settings - Fork 2
API [Polish]
- Rejestracja biblioteki
-
Moduł ShortQuery
- Ogólna składnia
- Funkcja addClass
- Funkcja removeClass
- Funkcja toggleClass
- Funkcja css
- Funkcja width
- Funkcja height
- Funkcja innerWidth
- Funkcja innerHeight
- Funkcja outerWidth
- Funkcja outerHeight
- Funkcja attr
- Funkcja removeAttr
- Funkcja eve
- Funkcja odd
- Funkcja html
- Funkcja hasClass
- Funkcja hide
- Funkcja show
- Funkcja showAsBlock
- Funkcja showAsInline
- Funkcja showAsInlineBlock
- Funkcja showAsFlex
- Funkcja val
- Funkcja len
- Moduł Time
- Moduł Crypto
- Moduł Hash
- Moduł Math
Aby zaimplementować rozwiązania z biblioteki musisz ją najpierw zarejestrować. Bez tego nie będziesz miał dostępu do funkcji w niej zawartych. Jest to forma inicjalizacji biblioteki.
Sygnatura funkcji:
registerWasmQuery(): void;
registerWasmQuery(selector: string): void;
registerWasmQuery(selectors: string[]): void;
Przykład wykorzystania:
registerWasmQuery(); // rejestruje bibliotekę pod znakiem $
registerWasmQuery("wasmQuery"); // rejestruje bibliotekę pod podaną przez programistę nazwę
registerWasmQuery(["$", "wasmQuery", "test"]); // rejestruje bibliotekę pod wiele nazw podanych przez programistę
Odpowiednik w GO jest dostępny w pakiecie core
i pliku wasmQueryRegisterLibrary.go
pod funkcją o nazwie WasmQueryRegisterLibrary
Dostęp do modułu uzyskamy poprzez:
$: Function;
Moduł ten w dość mocnym stopniu wzoruje się na jQuery. Zasada działania jest podobna do wspomnianego już jQuery lecz nie identyczna. Pozwoliliśmy sobie rozbudować ideę „Write Less, Do More” poprzez zmianę sposobu działania konstruktora. W ShortQuery konstruktor zwraca tablice elementów wraz ze swoimi funkcjami oraz dodaje dla każdego elementu z tablicy funkcję która jest odpowiednikiem wykonywanym na całym zbiorze czyli tablicy. W skrócie dzięki temu rozwiązaniu możemy wywoływać funkcje dla poszczególnych elementów w ten sposób:
$("selektor")[indeks].funkcja();
Dodatkowo zastąpiliśmy model łańcuchowych wykonań funkcji na operacje tablicowe co jeszcze bardziej pozwoliło skrócić ilość kodu. Dla przykładu nadanie trzem elementom o klasie test
atrybutu alt
oraz src
nie wygląda tak:
$(".test").attr("alt", "Nosacz Sundajski").attr("src", "https://upload.wikimedia.org/wikipedia/commons/thumb/8/82/Proboscis_Monkey.jpg/240px-Proboscis_Monkey.jpg");
tylko tak:
$(".test").attr(["alt", "src"], ["Nosacz Sundajski", "https://upload.wikimedia.org/wikipedia/commons/thumb/8/82/Proboscis_Monkey.jpg/240px-Proboscis_Monkey.jpg"]);
$("selektor").funkcja();
Kilka przykładowych wywołań funkcji na zbiorze DOM elementów:
$(".test").css("color", "red");
$("#test").attr("src", "https://www.youtube.com/watch?v=dQw4w9WgXcQ");
$("input").val("taco, burrito, etc.");
$("a").href("https://www.youtube.com/watch?v=PGNiXGX2nLU");
Jeśli chcemy wywołać tylko na jednym DOM elemencie daną funkcję możemy podać indeks tablicy np.:
$(".test")[0].css("color", "fuchsia");
$("#test")[1].toggleClass("alert");
$("input")[2].css("border-radius", "15px");
$("h2")[3].hide();
Dostęp do modułu uzyskamy poprzez:
$.time: Object;
Moduł ten pozwala na uzyskania szczegółowych informacji o czasie/dacie oraz na manipulacje nim/nią.
Funkcja ta zwraca pełną aktualną datę według formatu w GO.
Sygnatura funkcji:
$.time.now(): string;
Funkcja ta zwraca aktualny rok.
Sygnatura funkcji:
$.time.year(): string;
Funkcja ta zwraca aktualny miesiąc.
Sygnatura funkcji:
$.time.month(): string;
Funkcja ta zwraca aktualny dzień miesiąca.
Sygnatura funkcji:
$.time.day(): string;
Funkcja ta zwraca aktualną godzinę.
Sygnatura funkcji:
$.time.hour(): string;
Funkcja ta zwraca aktualną minutę.
Sygnatura funkcji:
$.time.minute(): string;
Funkcja ta zwraca aktualną sekundę.
Sygnatura funkcji:
$.time.second(): string;
Funkcja ta zwraca aktualną nanosekundę.
Sygnatura funkcji:
$.time.nanosecond(): string;
Dostęp do modułu uzyskamy poprzez:
$.crypto: Object;
Moduł ten pozwala wykorzystanie popularnych algorytmów szyfrujących/haszujących.
Funkcja ta tworzy hash sha1.
$.crypto.sha1(value: string): string;
Funkcja ta tworzy hash sha2 - 224.
$.crypto.sha224(value: string): string;
Funkcja ta tworzy hash sha2 - 256.
$.crypto.sha256(value: string): string;
Funkcja ta tworzy hash sha2 - 384.
$.crypto.sha384(value: string): string;
Funkcja ta tworzy hash sha2 - 512.
$.crypto.sha512(value: string): string;
Funkcja ta tworzy hash sha2 - 512/224.
$.crypto.sha512_224(value: string): string;
Funkcja ta tworzy hash sha2 - 512/256.
$.crypto.sha512_256(value: string): string;
Funkcja ta tworzy hash sha3 - 224.
$.crypto.sha3_224(value: string): string;
Funkcja ta tworzy hash sha3 - 256.
$.crypto.sha3_256(value: string): string;
Funkcja ta tworzy hash sha3 - 384.
$.crypto.sha3_384(value: string): string;
Funkcja ta tworzy hash sha3 - 512.
$.crypto.sha3_512(value: string): string;
Funkcja ta tworzy hash md4.
$.crypto.md4(value: string): string;
Funkcja ta tworzy hash md5.
$.crypto.md5(value: string): string;
Funkcja ta tworzy hash keccak256.
$.crypto.keccak256(value: string): string;
Funkcja ta tworzy hash keccak512.
$.crypto.keccak512(value: string): string;
Dostęp do modułu uzyskamy poprzez:
$.hash: Object;
Moduł ten pozwala wykorzystanie popularnych algorytmów haszujących.
Funkcja ta tworzy hash adler32.
$.hash.adler32(value: string): string;
Funkcja ta tworzy hash fnv1_32.
$.hash.fnv1_32(value: string): string;
Funkcja ta tworzy hash fnv1a_32.
$.hash.fnv1a_32(value: string): string;
Funkcja ta tworzy hash fnv1_64.
$.hash.fnv1_64(value: string): string;
Funkcja ta tworzy hash fnv1a_64.
$.hash.fnv1a_64(value: string): string;
Funkcja ta tworzy hash fnv1_128.
$.hash.fnv1_128(value: string): string;
Funkcja ta tworzy hash fnv1a_128.
$.hash.fnv1a_128(value: string): string;
Dostęp do modułu uzyskamy poprzez:
$.math: Object;
Moduł ten udostępnia różne wartości i funkcje matematyczne.
Funkcja ta zwraca nam wartości absolutne od podanych wartości.
$.math.abs(value: number): number;
$.math.abs([...values: number[]]): number[];
Dostęp do modułu uzyskamy poprzez:
$.geolocation: Object;
Moduł ten udostępnia informacje na temat geolokacji.
Funkcja ta zwraca szerokość geograficzną urządzenia na którym jest wykonywana.
$.geolocation.latitude(): Promise;
await $.geolocation.latitude(): number | PositionError;
Funkcja ta zwraca długość geograficzną urządzenia na którym jest wykonywana.
$.geolocation.longitude(): Promise;
await $.geolocation.longitude(): number | PositionError;
Dostęp do modułu uzyskamy poprzez:
$.secure: Object;
Moduł ten udostępnia funkcje które pozwolą lepiej zabezpieczyć twoją stronę internetową.
Funkcja ta zabezpiecza wszystkie tagi A na stronie poprzez dodanie do atrybuty rel wartości: noopener, noreferrer.
$.secure.secureLinks(): void;
Funkcja ta przekierowuje użytkownika na https wersję strony na której się znajduje.
$.secure.redirectToHTTPS(): boolean;