Treść przeznaczona dla osób powyżej 18 roku życia...
Wszystko
Najnowsze
Archiwum
normanos
Mirki, moze wpadniecie na optymalizacje. Na "dzień dobry" strony, mam zapytanie do ponad 50 różnych jsonów trwajace okolo 3-4 sekundy przez to musze pokazywac loading screen. Macie jakiś pomysł na optymalizacje tego?
1) nie moge ich polaczyc, bo sa pobierane z serwera zewnetrznego
2) aktualizowane sa co okolo 12 godzin
Myslalem zeby zrobic jakies phowe zapytanie w sensie crona, ktore bedzie pobieralo raz na 12 godzin te wszystkie jsony, zapisywalo je w jeden json
1) nie moge ich polaczyc, bo sa pobierane z serwera zewnetrznego
2) aktualizowane sa co okolo 12 godzin
Myslalem zeby zrobic jakies phowe zapytanie w sensie crona, ktore bedzie pobieralo raz na 12 godzin te wszystkie jsony, zapisywalo je w jeden json
VR46
@marcinzwwa: Yep, to dobry pomysł ;) Btw ponad 50 requestów przy wyświetlaniu 1 strony? "Panie, kto to Panu tak s--------ł" ? ( ͡° ͜ʖ ͡°)
l__g
@marcinzwwa: wrzuc w kolejke ktora wykonuje sie w tle, moze byc cron jak napisales, bedziesz mogl aktualizowac czesciej, bedziesz mogl dorzucic ich wiecej, wykonanie sie strony nie polega na zewnetrznych dostawcach danych, nawet jak cos sie popsuje po drugiej stronie mozesz sprobowac jeszcze raz a uzytkownik tego nie zobaczy, same plusy
Mirki ktoś by się podjął i jak tak to za ile zrobić taki bajer ja tu. link
Chodzi o to że są to organy kościelne i każda pojedyncza piszczałka może być kupiona przez sponsora. Zaznaczasz piszczałkę i odtwarza się jej dźwięk i dodaje ją do formularza zamówienia. Po kupieniu piszczałka zmienia kolor na czerwony i już jest niedostępna. Skrypt musiałby chodzić na #wordpress
#webdev #javascript
Chodzi o to że są to organy kościelne i każda pojedyncza piszczałka może być kupiona przez sponsora. Zaznaczasz piszczałkę i odtwarza się jej dźwięk i dodaje ją do formularza zamówienia. Po kupieniu piszczałka zmienia kolor na czerwony i już jest niedostępna. Skrypt musiałby chodzić na #wordpress
#webdev #javascript
źródło: comment_pvfVP00Da0Ld462ynqGGagMCaXsmqmgg.jpg
Pobierz@VR46: Może dopuszcza możliwość stworzenia appletu.
Komentarz usunięty przez autora
2 runda benchmarków JS
http://www.stefankrause.net/wp/?p=283
1 temat
#programowanie #javascript #webdev
http://www.stefankrause.net/wp/?p=283
1 temat
#programowanie #javascript #webdev
źródło: comment_zhGBnKSBCV1rWzWS592FAjW0NqHnvcSH.jpg
Pobierz@mathix: kolor i podpisywanie osi, widac ze ludzie bez wyksztalcenia formalnego
@mathix: @bazingaxl: @KaszaGryczana:
to jedno ale drugie to wypadało by podać *przynajmniej* jednostki. Bo widzę że ember ma 650 "czegoś", ale czego?
Czy test case wykonywał się 650 ms? Czy może w ciągu np. 5 sekund udało się wykonać 650 iteracji? Jedno i drugie jest realne ale zupełnie inny kierunek wykresu.
Zwykle na wykresach po prostu jest napisana krótka adnotacja np. "lower is better".
to jedno ale drugie to wypadało by podać *przynajmniej* jednostki. Bo widzę że ember ma 650 "czegoś", ale czego?
Czy test case wykonywał się 650 ms? Czy może w ciągu np. 5 sekund udało się wykonać 650 iteracji? Jedno i drugie jest realne ale zupełnie inny kierunek wykresu.
Zwykle na wykresach po prostu jest napisana krótka adnotacja np. "lower is better".
@bazingaxl: @KaszaGryczana:
Co ciekawe tłumaczy tak tylko "Rubbish {coś tam}". "rubbish" nie bangla ( ͡º ͜ʖ͡º)
Co ciekawe tłumaczy tak tylko "Rubbish {coś tam}". "rubbish" nie bangla ( ͡º ͜ʖ͡º)
@Emandero: bo czeka az ktos wpisze cokolwiek.io ;)
Podacie prosty textarea w oparciu o contenteditable, tak żeby już wszystko miał ale jednocześnie był prosty? Co mi będzie potrzebne ponad normę textarea to sam chcę dodać.
#webdev #html #javascript #webdesign
#webdev #html #javascript #webdesign
@look997:
Medium kilka dni temu wydało czaderski edytor
https://yabwe.github.io/medium-editor/
Myślę, że będziesz rad
Medium kilka dni temu wydało czaderski edytor
https://yabwe.github.io/medium-editor/
Myślę, że będziesz rad
@le1t00: Jestem rad.
Wygląda bardzo dobrze. Sprawdzę jak działa w praktyce.
Akurat taki pasek który wyświetla się po zaznaczeniu fragmentu tekstu mi się marzył, bo taki jest w Ms Word i mi się spodobał.
Liczba funkcji też mi odpowiada, dołożyłbym tylko ewentualnie kolory i to wszystko - a widzę że są rozszerzenia to chyba będzie rozszerzenie z kolorami. :)
Wygląda bardzo dobrze. Sprawdzę jak działa w praktyce.
Akurat taki pasek który wyświetla się po zaznaczeniu fragmentu tekstu mi się marzył, bo taki jest w Ms Word i mi się spodobał.
Liczba funkcji też mi odpowiada, dołożyłbym tylko ewentualnie kolory i to wszystko - a widzę że są rozszerzenia to chyba będzie rozszerzenie z kolorami. :)
#javascript #webdev lista rzeczy, które wejdą w ES2016. Uwaga, zwala z nóg xD http://www.2ality.com/2016/01/ecmascript-2016.html?m=1
@Marmite: Nie powinni iść tą drogą ale cóż, moje zdanie nie znaczy za wiele.
@regis3: droga chyba dobra, tylko wszystkie rzeczy grzęzną na wieki w dyskusjach. Wystarczy zobaczyć jaka wielka dyskusja była pod exponentiation operator, skoro tak dyskutują nad taką pierdółką, to co tu dopiero mówić o dekoratorach czy async/await
Łączenie kilku metody jak np. filter().map() jest chyba nie mniej optymalnym rozwiązaniem, niż zrobienie tego za pomocą jednego przebiegu zwykłej pętli for, tak? Czy są jakieś inne zalety pierwszego rozwiązania?
Zagnieżdżanie obiektów. Tzn. mam obiekt, który posiada inne obiekty, tablice obiektów a te zaś też mogą mieć tablice obiektów. Przeszukiwanie takiego obiektu jest chyba czasochłonne i niezbyt efektywne. Czy nie lepiej skorzystać z płaskich struktur powiązanych jakimś id? Gdzie mamy większy zysk?
Zagnieżdżanie obiektów. Tzn. mam obiekt, który posiada inne obiekty, tablice obiektów a te zaś też mogą mieć tablice obiektów. Przeszukiwanie takiego obiektu jest chyba czasochłonne i niezbyt efektywne. Czy nie lepiej skorzystać z płaskich struktur powiązanych jakimś id? Gdzie mamy większy zysk?
Mirki, z racji tego że się nie zjamuję web devem, ale mój rożowy już tak, mam do was pytanie,
Czym się rózni:
app.controller('RelatedController', function($scope){
});
Czym się rózni:
app.controller('RelatedController', function($scope){
});
@t12t12: Wstrzykując nazwy parametrów dajesz sobie szansę na to, że apka będzie działała po zminifikowaniu kodu :)
Pacz: https://docs.angularjs.org/guide/di
Pacz: https://docs.angularjs.org/guide/di
@t12t12:
1. To Implicit Annotation czyli wstrzykiwanie parametrów po nazwach. Może to rodzić problemy przy minifikacji gdyż wtedy nazwy parametrów ulegną zmianie. Jest to taki lukier składniowy, żeby szybciej pisać.
2. To Inline Array Annotation czyli 2 parametr to tablica nazw zależności i funkcji kontrolera. To jest zalecana metoda. Ta lista musi odpowiadać liscie parametrów w funkcji kontrolera bo tutaj nie będzie dopasowania po nazwie tylko po kolejności. Bezpieczna przy minifikacji.
1. To Implicit Annotation czyli wstrzykiwanie parametrów po nazwach. Może to rodzić problemy przy minifikacji gdyż wtedy nazwy parametrów ulegną zmianie. Jest to taki lukier składniowy, żeby szybciej pisać.
2. To Inline Array Annotation czyli 2 parametr to tablica nazw zależności i funkcji kontrolera. To jest zalecana metoda. Ta lista musi odpowiadać liscie parametrów w funkcji kontrolera bo tutaj nie będzie dopasowania po nazwie tylko po kolejności. Bezpieczna przy minifikacji.
Mirki jest sprawa około 2 lata temu postanowiłem, front-end to jest to co chce robić w tym czasie a zwłaszcza ostatnie 10miesięcy uczyłem się dokładnie html i css zakodowałem kilkanaście projektów zazwyczaj takie proste simple page, dobrze poznałem te "języki" więc nadszedł czas na javascript i tu mam problem, gdyż bardzo ciężko mi idzie nauka tego języka, chciałbym poznać solidne podstawy tego języka abym mógł wiedzieć co piszę i jak to ma
@mirekk090090: po pierwsze polecam ten artykuł jednego z wykopków, JavaDevMatt: Najczęstsze błędy w nauce programowania - podpisuję się zwłaszcza pod pierwszym punktem, czyli ucz się na początek tego, co aktualnie Ci się przyda. Na początek moim zdaniem warto pominąć tonę teorii, a skupić się na praktycznych zastosowaniach (widząc, że HTML i CSS masz opanowany) jak ot choćby manipulacja elementami strony (DOM), np. masz formularz, w nim checkbox od którego zależne
Mam takie głupie dylematy. Próbowałem się kiedyś sam Javy uczyć, ale skończyło się na książce heads first i jakoś się zraziłem do samodzielnej nauki strasznie - nie szło mi to ( ͡° ʖ̯ ͡°)
I teraz ogólnie zastanawiam się, co ze sobą zrobić. Chciałbym się nauczyć programować, ale konkretnie, to nie wiem za bardzo po co. Tak mnie ciągnęło do tej javy, bo taka niby uniwersalna i jednak nastawiona bardziej na
I teraz ogólnie zastanawiam się, co ze sobą zrobić. Chciałbym się nauczyć programować, ale konkretnie, to nie wiem za bardzo po co. Tak mnie ciągnęło do tej javy, bo taka niby uniwersalna i jednak nastawiona bardziej na
@Kain_to_Charlie_a_Delta_to_Kain: chyba źle rozumujesz, patrzysz pod kątem tego czy się nadajesz i czy będzie praca, a podczas nauki pytanie jest o wiele prostsze.
Co masz ochotę napisać? wtedy wyjaśni ci się wszystko i będziesz wiedział w którym języku się uczyć.
Co masz ochotę napisać? wtedy wyjaśni ci się wszystko i będziesz wiedział w którym języku się uczyć.
@Kain_to_Charlie_a_Delta_to_Kain: stronka z projektami - przejrzyj sobie - może coś Cię zainteresuje. Jak nie zainteresuje, to zobacz co może Ciebie zainteresować z punktu widzenia przyszłej kariery zawodowej i się po prostu zmuś. Jak podoba Ci się kilka kursów, to zrób sobie listę priorytetową. Potem wybierz jeden z tych projektów i schowaj kartę z resztą do szuflady, żebyś nie wpadał co chwila na pomysł zmieniana projektu "bo ten co robię jest
Bardzo przyjemna zabawka.
Od lat nie robilem nic w #javascript, ale biblioteka Sosa Sosowskiego to sama radosc tworzenia :D Nawet jesli nie macie nic wspolnego z .js
http://allegrojs.net/tutorial/
#naukaprogramowania
Od lat nie robilem nic w #javascript, ale biblioteka Sosa Sosowskiego to sama radosc tworzenia :D Nawet jesli nie macie nic wspolnego z .js
http://allegrojs.net/tutorial/
#naukaprogramowania
źródło: comment_Ww6zjyZ1SOZ7cQPfByXPeTlbEKDio5JG.jpg
Pobierz@JavaDevMatt: czemu się przeniosłeś do javy w wersji script, co kombinuesz?
Czy tworzenie aplikacji webowej w taki sposób to dobry pomysł i dlaczego nie? ( ͡° ʖ̯ ͡°)
https://jsfiddle.net/vLgb32yL/
1. Serwer podaje gotowy HTML.
2. JS "podczepia się"
https://jsfiddle.net/vLgb32yL/
1. Serwer podaje gotowy HTML.
2. JS "podczepia się"
@SimonKlimek: Tworzysz nowy komponent i przypisujesz go do zmiennej
Do zmiennych przypisujesz sobie konkretne elementy według "wskaźnika" - każdy element, który posiada atrybut
Definiujesz, że gdy użytkownik wpisuje
Example.Do zmiennych przypisujesz sobie konkretne elementy według "wskaźnika" - każdy element, który posiada atrybut
a-ref, jest łatwo odnajdowalny w komponencie(jeżeli jakiś element w HTML ma a-ref="abc", to znajdzie się pod this.refs.abc - oczywiście zakładając, że zrobisz attachTo do elementu nadrzędnego). W tym wypadku, heading to nagłówek h1, a box to pole tekstowe(input).Definiujesz, że gdy użytkownik wpisuje
@SmiesznyKrolik: Apex.JS to nazwa i koncept przeze mnie wymyślony(jeszcze zanim poznałem Flight.JS, który działa podobnie, ale jednak inaczej). :P Nie-SPA ma wiele plusów, przede wszystkim dla dużych serwisów. Znam Polymera, ale to są prawdziwe komponenty webowe i musisz korzystać z polyfillów w przeglądarkach, które tego nie obsługują - to nadal większość kodu po stronie klienta. React, tak jak już napisałem, to renderowanie w przeglądarce. Spróbuję jeszcze rozwinąć ten mój pomysł.
Protip #css.
Nigdy, ale to nigdy nie używajcie "transition" dla elementów ![]() jeżeli to ma działać w webview.
Gdy img ma zaaplikowane jakieś animacje czy inne rzeczy, silnik renderujący jest ciągle w gotowości i nigdy nie usunie tych obrazków z pamięci przez cały czas gdy obrazek jest w DOM.
Nigdy, ale to nigdy nie używajcie "transition" dla elementów ![]() jeżeli to ma działać w webview.
Gdy img ma zaaplikowane jakieś animacje czy inne rzeczy, silnik renderujący jest ciągle w gotowości i nigdy nie usunie tych obrazków z pamięci przez cały czas gdy obrazek jest w DOM.
@Melcma: Ja jestem źródło. Szukałem przyczyn w internetach wcześniej, ale problem jest na tyle specyficzny, że się w sumie nie dziwię że nic nie ma.
Na początku pousuwałem jakieś callbacki które były nadmiarowe i dalej problem występował. Dopiero jak dotarłem to tego transition to byłem w stanie ustalić powtarzalność (z transition - GC nie działa poprawnie, bez transition - działa).
Testowałem też z obrazkami które sam dodawałem w vanillajs (200
Na początku pousuwałem jakieś callbacki które były nadmiarowe i dalej problem występował. Dopiero jak dotarłem to tego transition to byłem w stanie ustalić powtarzalność (z transition - GC nie działa poprawnie, bez transition - działa).
Testowałem też z obrazkami które sam dodawałem w vanillajs (200
@Marmite: @esen:
Nie jestem pewien ale problemem nie jest transition a opacity ( http://www.sitepoint.com/introduction-to-hardware-acceleration-css-animations/ ) gdyż tworzy on 2. warstwę do renderowania sprzętowego.
To jest dość znana przypadłość i pewien feature. Po prostu transform, opacity i filter, powoduje utworzenie nowej warstwy renderowanej hardwarowo i to ona nie jest zwalniana. Często używa się to w odwrotną stronę aby włączyć taki sposób renderowania
Nie jestem pewien ale problemem nie jest transition a opacity ( http://www.sitepoint.com/introduction-to-hardware-acceleration-css-animations/ ) gdyż tworzy on 2. warstwę do renderowania sprzętowego.
To jest dość znana przypadłość i pewien feature. Po prostu transform, opacity i filter, powoduje utworzenie nowej warstwy renderowanej hardwarowo i to ona nie jest zwalniana. Często używa się to w odwrotną stronę aby włączyć taki sposób renderowania
Zna ktoś i używa/używał frameworka #javascript od Twittera FlightJS?
PS: Twitter.com jest zbudowane na FlightJS.
#programowanie #webdev
PS: Twitter.com jest zbudowane na FlightJS.
#programowanie #webdev
źródło: comment_DWcY5CH91ABv863QmE7ccXxZnKBMeQwZ.jpg
Pobierz
➊ Plugin #jquery, który pozwala utworzyć efektowne tooltipy. Posiada tak wiele ustawień, że na pewno skonfigurujecie go pod siebie.
http://protip.rocks
➋ Tridiv jest przeglądarkowym edytorem do tworzenia obiektów 3D w #css
http://tridiv.com
http://protip.rocks
➋ Tridiv jest przeglądarkowym edytorem do tworzenia obiektów 3D w #css
http://tridiv.com
źródło: comment_5joZEX2TIqUCOjyuM2awmGWi2f5tJy7z.jpg
Pobierz
Plugin #jquery, który pozwala utworzyć efektowne tooltipy. Posiada tak wiele ustawień, że na pewno skonfigurujecie go pod siebie.
http://protip.rocks
@klocus: Na pewno podałeś adres prawidłowo? Na linuksie nie działa w Chromie i w FF.
@MrocznyBrokul: Faktycznie, coś im siadło. Daję linka do repo: https://github.com/DoclerLabs/Protip
Jestem zagubiony... Czego powinienem użyć do budowy strony która "tylko" pobiera gotowy do wyświetlenia HTML AJAXem(przy pierwszym requeście gotowy HTML jest zwracany do przeglądarki, przy kolejnych działa podobnie do SPA, czyli pobiera tylko pewne komponenty) i wysyła(np. formularze, akcje użytkownika itd.) też AJAXem? Bez template'ów po stronie klienta, renderowania w stylu Reacta/Vue, więc raczej Angular, React, Vue, Ember i cała reszta odpadają. Mam użyć normalnego jQuery? Lol.
Serwer zwraca gotowy HTML, JS
Serwer zwraca gotowy HTML, JS
@magic96: hmm... Biedna część webdevu - pewnie >95% internetu. :P
Nie wiem czy te dane są aktualne(niby 29 stycznia), ale łap: http://w3techs.com/technologies/overview/javascript_library/all
Nie wiem czy te dane są aktualne(niby 29 stycznia), ale łap: http://w3techs.com/technologies/overview/javascript_library/all
@5z7k9: Najprostsze będzie czyste jquery albo nawet http://vanilla-js.com/.
@sarveniusz: 1. Dokumentacja.
@sarveniusz: Polecam zamiast czytania książek znaleźć sobie projekt i po prostu go robić.
Siema. Chcę nauczyć sie web developmentu i ogolie ujarzmić przeglądarkę, ale jedynie co widze to tutoriale i poradniki dla osob ktore dopiero chcą zacząć programowanie. Są jakies tutoriale dla programistów, ktorzy znają podstawy językow obiektowych/funkcyjnych i ogolnie mają wiecej niz zerowe pojęcie? Wstyd sie przyznac, ale nie robilem nigdy nic w htmlu.
#programowanie #webdev #javascript
#programowanie #webdev #javascript
@Wolfik1024: Ale na początku musisz ogarnać html (który jest banalny) i CSS, dopiero później wchodzisz w Jave wersji script #pdk i jej frameworki ( ͡° ͜ʖ ͡°)
@Artrix: @MrocznyBrokul: błąd się prawdopodobnie bierze ze źle skonstruowanego wyrażenia if, które zawsze zwraca
false z powodu błędu w warunku (programming = !false nie jest w końcu testem, tylko przypisaniem wartości)@Pantograf: W Javascript nie jest to czasem przypisanie ORAZ porównanie?