Baza wiedzy
Wiedza i inspiracje na temat html, css, jQuery, WordPress, php, kodowania i projektowania. Rozwiązania najróżniejszych problemów, ciekawe pomysły.
vue-cli
vue
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
vue
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
vue
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
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
inspiration
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...
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...
ES7
metoda includes() do string i array - zwraca true kiedy ciag znaków lub tablica zawiera wskazany element "Hell-oo".includes("o"); //true exponential operator **...
PWA – Progressive Web Apps
PWA
jest to zestaw dodatków których nie możesz dodać do każdej aplikacji collection of technologies and techniques you progressively enhance your existing web pages to feel and work more...
React podstawy
React
React blured separation of concerns style within component bug easy to locate -in one file self contained component rules: create JS Object - properties and values of this object will be...