#javascript

17
101

AI, zamieniający obrazek na schemat blokowy?


AI, który przetwarza taki obrazek na SVG a lepiej na coś bardziej semantycznego jak mermaid - jest taki?


Np. input taki z obrazka i output kod SVG lub kod mermaid.


I też do zwykłych wzorów jak ten, na jakiś LaTeX - http://autonom.edu.pl/publikacje/mazur_marian/cybernetyka_i_charakter/wzory/wzor5.4.png


#programowanie #frontend #backend #webdev #javascript #devtools


#sztucznainteligencja #ai #artificialintelligence #machinelearning #uczeniemaszynowe #si #chatgpt

14ea6c5f-6866-4df8-85de-7cb7cdaeb711

Zaloguj się aby komentować

Powinno się pomyśleć nad rodzajem cookies/storage, które z założenia mogą być synchronizowane między urządzeniami, za pomocą Firefox Sync, konta Google do synchronizacji Chrome.


Bo wiadomo, że nie wszystkie dane z cookies/storage itd. warto synchronizować, ale niektóre by można, np. podstawowe preferencje, zalogowanie.


Tak jak w WebExtensions jest browser.storage.sync:


https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/storage/sync


Zaleta, że robisz appke webową, i możesz olać kwestię synchronizacji pewnych danych, i masz to z automatu.


Taki odpowiednik tych usług z Google Play.


Tylko bardziej zdecentralizowane, bo oparte o przeglądarkę.


Może w ramach Project Fugu?


#firefox #chrome #w3c #webdev #frontend #javascript #programowanie

Zaloguj się aby komentować

Ejejejejej. Pochwalcie się co ciekawego ostatnio znaleźliście na temat #programowanie - jakąś bibliotekę?


Może jakiś fajny AI model co można uruchomić lokalnie?


Może jakiś zajeb%@#% serwis?


Albo coś fajnego self hosted?


Mam wolny wieczór, chętnie o czymś ciekawym poczytam.


#sztucznainteligencja #js #javascript #react #aws #google #python #php #golang #rust #react

Aby zrozumieć dlaczego virtio jest fajnym rozwiązaniam trzeba się najpierw zagłębić w to jak w ogóle wygląda postawienie systemu np. Androida na urządzeniu. Każdy telefon jest trochę inny. W inne miejsce może być podpięta pamięć, serial itd. Dlatego zawsze kilka tygodni zajmuje pokonfigurowanie kernela. Potem trzeba napisać HAL, który tłumaczy androidowi jak np. używać GPS. To znów wymaga czasu. Każda aktualizacja androida wymaga dopasowania tego co już jest. Często więc dużo czasu i pieniędzy wymaga takie coś - jest też Treble, ale mniejsza z tym teraz.


Konkluzja jest taka:

Różne systemy operacyjne odpalane na czymś w stylu telefonu. Jest system linux host, który przez virtio przekazuje wszystko do guesta (usb, bt, wifi itd) np. Androida i dzięki temu działa od razu bez zabawy w drivery po stronie androida.


To jest o tyle fajne, że jeśli się przyjmie na szeroką skalę to aktualizacja systemu będzie możliwa na dowolnym urządzeniu. Wymiana systemu na dowony inny używający virtio też nie będzie problemem. Może rynek telefonów zacznoe przypominać rynek PC, gdzie możesz sobie podmoenić system i wszystko śmiga.

Zaloguj się aby komentować

Spokojnie, za 3 lata się przepisze na TS, wszędzie się wstawi as any i kolejny hajsik za modernizacje zostanie skonsumowany

Zaloguj się aby komentować

@lebki Faktycznie XD nawet nie zauważyłbym, na co dzień piszę w javie i javascripcie naprzemiennie.

Pierwsze co mi się rzuciło w oczy, to że:

  • "=== true" jest zbędę;

  • obiekt jest z wielkiej litery;

  • brak spacji między if, a nawiasem otwierającym;

  • brak spacji po warunku między nawiasem zamykającym, a klamerką otwierającą blok kodu XD Mam na myśli, że

"if (warunk) {" vs "if(warunek){" - takie coś strasznie mnie rozsierdza, a w robocie mam chłopa co tak robi cały czas i potem jak mi intellij autoformatuje, to mam zmiany na całym pliku (╯ ͠° ͟ʖ ͡°)╯┻━┻;

  • '

i jeszcze to gówno' XD.

Zaloguj się aby komentować

React jest w zasadzie tylko biblioteką do renderowania elementów i JavaScript jest w nim kluczowym językiem programowania. W wielu firmach używa się już TypeScriptu, ale myślę, że warto skupić się teraz na czystym JS, żebyś później docenił TS i nie błaźnił się na przyszłych interview.


Co do sensu używania JS to chodzi tu przede wszystkim o automatyzację. Jak wyobrażasz sobie stworzenie takiego portalu jak chociażby Hejto tylko w HTML i CSS? Użytkownicy będą pisać do ciebie maila z komentarzami, a ty będziesz to skrzętnie osądzał pod każdym postem? No chyba nie bardzo. JavaScript obsługuje interakcje z użytkownikiem i komunikuje się z serwerem na którym przechowywanie są wszystkie dane. Te dane później są pobierane przez front-end i renderowane (np. z pomocą Reacta) w przeglądarce. React pozwala na upakowanie treści/logiki w niezależne komponenty np. komentarz pod wpisem. Dużo by się rozwodzić.


Do JavaScriptu polecam stronę MDN (angielski zalecany):

https://developer.mozilla.org/en-US/docs/Learn


Do Reacta oficjalna dokumentacja daje radę na start:

https://reactjs.org/tutorial/tutorial.html

@Jayes spoko tylko srednio zrozumiales o co pytam, bo te zdanie o hejto w html/css jest zdeczka smieszne a ja wprost pytalem np o to jak pozycjonujesz pozniej te elementy/komponenty stworzone w reakcie na stronie - jakims csssem linkowanym do danego htmla (?) itd. z tego co rzucilem okiem na podstawy reacta to przy bardziej statycznych stronach typowo firmowych (bez bazy userow) w zasadzie niekoniecznie jest sens tego uzywac.


anyway rozumiem ze pracujesz jako frontendowiec - nie wydaje ci sie obecnie ten tech rozjebany jeszcze bardziej niz zwykle? pure html/css, do niego x frameworkow, ale jednoczesnie w calosci mozna pisac wszystko w reakcie do ktorego jest jeszcze x bzdur, oprocz reacta vue/angular i inne pierdoly

@blablator Jeszcze jest Svelte i SvelteKit. Polecam sprawdzić, bo to najbliższe czystego html + css + js.

Dodatek od Svelte to pewna reaktywność, binding, store i składnia list generowanych z tablicy. Tak z grubsza. Reszta to czysty html+css+js.


A React i ten jego virtual dom, i cuda typu CSS-in-JS, to nieco przekombinowane. No ale popularne...

Zaloguj się aby komentować

Podstawowe logowanie błędów do małej aplikacji w #javascript nie za miliony monet? Ma wyświetlić ładną stronę błędu po stronie serwera lub klienta, wysłać mi error ze stack trace, idealnie prawdziwym. Słucham propozycji.


Miałem sentry, ale do małego projektu to overkill, a w wersji darmowej resursów wystarczyło na tydzień.


Stack: #react #prisma #node #nextjs #pm2, trochę #testowanieoprogramowania

Zaloguj się aby komentować

Zaloguj się aby komentować

Zaloguj się aby komentować

pytałem na diskordzie ale tam idą dyskusje na głębokie tematy, także spróbujemy tutaj.


#javascript #html #react


Jeszcze na łykopie przed ostatnią aktualizacją napisałem sobie prosty userscript do czarnolistowania. Działał na tej zasadzie że po załadowaniu strony brał predefiniowaną tablicę na przyklad tagów


var tagi=['przegryw','kononowicz'];


function schowaj_taga(item,index) {


let tag=$('div.d⁎⁎a p a[href="łykop/' + item +'"]' );


tag.remove() }


oczywiście upraszczam, ale efekt tego był taki że usuwane były całe gałęzie drzewa DOM no i było fajnie, dobry przekaz leciał.


W przypadku hejto jak próbuję zrobić to samo z elementem article to jest spoko póki nie dotknę paginacji. Frontent nie "reloaduje" dokumentu tylko usuwa kontekt zmiędzy obecnych <article> i wstawia nowy. Jeśli FE oczekuje 20 elementów article a ja zdążę usunąć 4 z nich to kolejny request o uzupełnienie treści wywali błąd 500.


Zastanawiam sie jak do tego podejść.

Zawsze możesz zrobić na pałę i ustawić sobie, żeby skrypt się odpalał np. co sekundę, przy pomocy setInterval - nie jest to za bardzo po bożemu, ale powinno działać A to na tyle drobny skrypt, że nie powinno to jakoś wpłynąć na prędkość działania strony.

@kocurio wiem wiem, ale nie cierpię takiej guwnorzeźby. to jeden z moich OCD -jak coś robię to ma to być zrobione dobrze, bo parafrazując mema już wpiszę do eksela i tak zostawię.

Zaloguj się aby komentować

Skrypt do wołania wszystkich pulsujących dany wpis:


Wszystko dzięki użytkownikowi @vor7 - ja go tylko poprawiłem by działał gdy w URL pojawi się ? oraz by działał z zakładek i kopiował się automatycznie do schowka.


Instrukcja na chrome:


1. Kopiujecie kod: https://pastebin.com/xKRyAvnD


2. Wybieracie "Dodaj zakładkę"


3. Piszecie nazwę jaką chcecie


4. Wklejacie tutaj gdzie pokazuje w załączonym obrazku.


5. Teraz w dowolnym wpisie klikacie zakładkę i pyk pojawia się alert z listą użytkowników, ta sama lista pojawi się też w zakładce Console po wciśnięciu F12 oraz BĘDZIE AUTOMATYCZNIE SKOPIOWANA DO WASZEGO SCHOWKA!


6. Ctrl + V i wołacie ludzi.


7. ???


8. PROFIT!


Wołam dla testu plusujących poprzedni wpis: https://www.hejto.pl/wpis/zanim-ktos-zrobi-bardziej-porzadne-narzedzie-napisalem-prosty-skrypt-ktory-wyplu


@i_am_not_a_robot @MrStealYourGirl @Satch @janlaguna @0nc0l @Sakta @Fajrantboy @Chilled_Marrow @muarz7 @Odpad_selektywny @acetone @Zielczan @Rastablasta @sorek @evilonep @PanGargamel @_hdvn @LM7812 @ioskarpl 


#programowanie #javascript #hejto #programowanie

ee46e479-4abf-4031-88c0-653d6ab88777

@Miedzyzdroje2005 póki wszyscy będą tagować polityka a admini pilnować tagowania polityka (a nie jak na wykopie że tylko prawicy się je dodaje na siłę) to wszystko będzie ok.


Aczkolwiek sam nie planuje tego do tego wykorzystywać, hejto to nie miejsce do tego.

Zaloguj się aby komentować

Zaloguj się aby komentować

@beerman też pisałem w Reactcie i w Vue - i muszę przyznać że Vue 2.x było dosyć nieprzyjemne, ale z wprowadzeniem composition API (w sumie trochę zrzynka z reacts) nawet daje rade

@Nimaskalisto @def kiedyś muszę zajrzeć do Vue 3, ale sami wiecie jak to jest, chętniej się tam zagląda, gdzie masz więcej expa, bo za to w końcu płacą

Zaloguj się aby komentować

ktos tu niedawno postowal ze uzywanie na mobilku przysparza o gotowanie sie wody w kolanie.


Potwierdzam, przegladarka bezchromowa, zmiana trybu z gorace na najnowsze trwa dobre 5 sekund. Reakcja na input typu piorun rowniez ma wyczuwalnego laga.


Osobiscie na ile znam jsowe frameworki to problematyczny (ciezki po prostu) jest React, na desktopie i facebook chodzi jakby kopal krypto przy ruchu myszka :d

Zaloguj się aby komentować

Zaloguj się aby komentować

Hej, dawno nic nie pisałem, ale przychodzę napisać coś, bo jak co roku, od 8 lat (ale na innym serwisie) udostępniam edytor do edytowania avatarów, żeby były świąteczne! :))


Wystarczy wpisać swój nick z Hejto albo wgrać zdjęcie!


https://edytor.devrj45.pl/


Mam nadzieję, że nie będzie błędów, bo skończyłem pisać go 20 minut temu XD


Zapraszam do korzystania :)))

7f010fc2-bd56-4326-85c3-5666650d3da3

Pamietam jak z 10 lat temu z innego konta sam ręcznie robiłem czapeczki na życzenie dwa czy trzy lata z rzędu xD później stwierdziłem że ograniczam interakcje na portalu do minimum. Wiec prawdopodobnie przejąłeś po mnie ten zaszczyt czapeczkowania xDDDD

@Krogulec no właśnie 9 lat temu ręcznie dodawałem czapeczki ludziom na pewnym forum, a na kolejny rok wpadłem, że to za dużo roboty, więc zrobię edytor w którym każdy będzie mógł dodać łatwo czapeczkę XD

Zaloguj się aby komentować

Siema webdevowe świry.


Czy istnieje jakiś sposób spowolnienia renderowania strony?


mam takiego pacjenta: https://login.ingbank.pl/mojeing/app/#login


Strona zbudowana jest w taki sposób ze onLoad podpięta jest funkcja która ładuje wszystkie dynamiczne graty, onAjaxComplete też wyzwalają się eventy, m.in jeden który sprawia że formularz do logowania gładko się pojawia (opacity fade-out).


waląc w F5 do odświeżania i F3 do wyszukiwania ```#body-region``` udało mi sie ustalić że efekt ten jest *chyba* osiągany dopisaniem klasy .transition do #body-region. Chciałbym się tego gówna pozbyć Stylusem, natomiast tak szybko się to dzieje że nie jestem pewien czy i co dzieje się w inline'owym stylu (wiecie, atrybut style="cośtam;coś innego".


Korzystam z firefoxa developer edition, niemniej na potrzeby tego przypadku mogę postawić dowolną przeglądarkę i wtyczki.


Mam też greasemonkey gdyby "spowalniacz" musiał być napisany w JS.


Białorycerzy antyhakerów informuję, że robię to na swoje potrzeby (strasznie rozwala mi układ krwionośny kiedy strona z której często korzystam zawiera rozpraszające elementy), dostosowanie udało mi się narazie zrobić picrel, niemnije chciałbym się pozbyt tego fade-ina, najlepiej za pomocą customowego CSSa.

dc24d66b-9d45-4e11-ad25-dbd77b288d9e

@Argens a, dobra, w Chrome to wygląda inaczej, rzeczywiście można spowolnić sieć ORAZ CPU. Spróbowałem, niestety w momencie "ładowania profilu wydajnosci" zakładka "inspector" jest nieaktywna, a na tych profilach za cholerę się nie mogę połapać co się dzieje w danym momencie dobra poddaję się, zawsze mówiłem że JS jest popierdolony ;d

@mike-litoris zobaczę to wieczorem, jak już dzieciaki pójdą spać.

Choć przyznam, że rozwiązanie @Puzzle_zwierzakow powinno być lepsze.

Zaloguj się aby komentować