Baza wiedzy

Wiedza i inspiracje na temat html, css, jQuery, WordPress, php, kodowania i projektowania. Rozwiązania najróżniejszych problemów, ciekawe pomysły.

Ciekawe tootki

Lista fajnych, rozwijających tootków w różnych technologiach: css animacja lśniącego przycisku - przez...

Vue axios

instalacja: npm install axios --save -dev użycie w template: <div class="" v-for="post in posts" :key="post.id"> <h3>{{ post.title...

Vue life-cycle hooks

  hooks: mounted - manipulacja DOM Najczęściej wykorzystywane: created mounted update przykłady: beforeCreate() { alert('before create hook');...

vue-cli

interfejs wiersza poleceń. Inicjalizacja aplikacji Vue z dowolną konfiguracją, szablon Webpack, Browserify lub html. instalacja npm install -g vue-cli npm install -g @vue/cli sposoby...

Vuex

magazyn Vuex zarządza aktualizacjami stanu aplikacji. Wszystkie komponenty wiedzą o istnieniu magazynu, mają dostęp do jego danych i mogą wykonywać na nim operacje w dowolnej fazie...

Object.defineProperty

Metoda Object.defineProperty umożliwia tworzenie getterów i setterów, dzięki którym można określić, co ma się zdarzyć przy zmianie lub próbie dostępu do...

vue podstawy

Stan aplikacji globalny stan aplikacji. Każdy komponent posiada swoje własne dane, stan aplikacji to dane dostępne z poziomu wszystkich komponentów. Dane stanu aplikacji są inicjalizowane...

Atrybut rel

rel=”nofollow” rel=”follow” rel=noreferrer” - nie przesyła informacji na temat odsyłającej witryny po kliknięciu w link rel="noopener" - zabezpiecza linki z atrybutem...

ciekawe strony

To skąd czerpie inspiracje i natchnienie do nowych, ciekawych rozwiązań, zarówno wizualnych jak i wdrożenia czyli strony internetowe, które często odwiedzam w poszukiwaniu inspiracji:...

Vue.js

narzędzie do tworzenia w vue - vue-cli npm install -g @vue/cli   Vue, czym jest, co zawiera: mechanizmy templateowania kodu czy powiązywanie danych z elementami DOMu poprzez...

stylowanie tesktu

Line...

Dodanie elementy do DOM

najefektywniej dodajemy element do dom z wykorzystaniem createDocumentFragment let element; const app = document.getElementById('app'); const fragment =...

http

sprawdzenie czy strona używa http w wersji 1 czy 2 poprzez wpisanie w consoli polecenia curl --head...

ES8

string padding - funkcja dla ciągów tekstowych (string) .padStart() i .padEnd() - dodaje przestrzeń przed lub po ciągu znaków. "MasterOfPuppets".padStart(20, '+'); daje...