Witajcie Mireczki, potrzebuję pomocy przy JS, a mianowicie mam dwa elementy z klasami: "box" i "przycisk" i chce uzyskać następujący efekt.
Chce aby po kliknięciu w element z klasą "przycisk" klasa "box" została usunięta z drugiego elementu, oba elementy to divy.

Znalazłem jedynie komende na usuwanie klasy klikniętego elementu, natomiast nigdzie nie potrafię znaleźć funkcji na usunięcie klasy z elementu po kliknięciu w inny element. Proszę o pomoc.

Wspomniana funkcja którą znalazłem:
  • 20
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Witam. Mam sobie taki skrypcik w #jquery

var shortestColumn = [].reduce.call(jQuery(".articles-columns .articles-column"), function (sml, cur) {
console.log(jQuery(cur).outerHeight());
console.log(jQuery(sml).outerHeight());
return jQuery(sml).outerHeight() <= jQuery(cur).outerHeight() ? sml : cur;
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

Tworzy ktoś aplikacje w React.JS? Korzystacie z React Router? Z jakim backendem pracujecie(renderuje się coś po stronie serwera czy odbieracie tylko JSON?)? Czego używacie do "pakowania" aplikacji(np. Webpack)? Doświadczyliście problemów z SEO(podobno Google "renderuje" JS)?

#programowanie #webdev #javascript #reactjs
  • 16
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@5z7k9: aby renderować reacta na serwerze nie musisz mieć backendu w node.js. robisz 2 apki - front i back endową, backend piszesz w czym tam chcesz jako api które zwraca jsony, front w reactie i odpalasz go na jakimś lekkim nodowym serwerze.
  • Odpowiedz
#javascript

Co wybrać? Cocos2d-JS czy Pixi.js? Obydwa wyglądają na potężne i obydwa mają z-----ą totalnie dokumentację. Może jakieś inne propozycje?

Liczy się możliwość layerowania spritów (żeby np. tło mapy narysować raz i przerysowywać tylko gdy jest to potrzebne), performance, dokumentacja i prostota.
  • 8
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@regis3: dzięki cumplu za rady :)

a) z tego co wiem (ale nie pamiętam na 100% czy to w pixi czy w phaserze) to jest tam opcja "kamery" ktorą mozna normalnie poruszać po "świecie", aczkolwiek z racji ogromu mojej mapy jestem zdecydowany zrobić to na zasadzie jednego kontenera narysowanego z nadmiarem 1 pola w każdym kierunku, którego będę przesuwał na zasadzie ruszania całym kontenerem do momentu aż moja "delta" nie wyniesie
  • Odpowiedz
@larvaexotech:

a)Jeśli jest zaimplementowana kamera to na bank będzie to analogiczne do przesuwania całej warstwy.
b) tak, to tylko koordynaty.
c) to tylko 400 obiektów. Można je narysować jednym draw callem. Wystarczy, że korzystają z tej samej tekstury, i obliczysz dla nich koordynaty. Podczas updatu pixi zobaczy, że mają niepoliczone przekształcenia (worldtransform) i przeliczy je. Jeśli ich względne pozycje nie zmieniają się, pixi policzy je tylko raz. Nie musisz cachować.
  • Odpowiedz
@Textter: Nie wiem co masz na myśli pisząc "własnego fonta", ale jeśli chodzi o WebFonts (dostępne pod adresem: https://www.google.com/fonts) to śmiało można korzystać z dobroci polskich liter (o ile dany font będzie je posiadał).

Aby potwierdzić moją tezę stworzyłem mini projekt, w którym możesz zobaczyć czy mam rację.
Projekt dostępny pod adresem: https://github.com/piecioshka/test-phaser-polish-font
Demo: http://piecioshka.github.io/test-phaser-polish-font/app/
  • Odpowiedz
Dobra mirki, mam głupi problem, albo zaćmienie umysłowe.

Mam funkcję, która pobiera z bazy interwał co jaki ma być wykonywana. Interwał w bazie może się zmienić. Każdy interwał to oddzielna instancja modułu (new Funkcja() ) Interwałów jest tyle co projektów usera * każdy user. Jak najrozsądniej zatrzymać interwał i odpalić go od nowa (z nowym czasem) gdy user zmieni interwał? Mam event w którym user zmienia rzeczony interwał - jak zatrzymać stary?
  • 12
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@mortt: @MirkoStats: Rozwiązanie oparte o timeouty boryka się z szeregiem problemów, które trzeba rozwiązać samodzielnie:
- wieloprocesowość - czy dwa procesy mogą zacząć wykonywać to samo zadanie równocześnie?
- trwałość - co jeśli np. proces zostanie zabity przez system lub umrze z jakiegoś powodu?
- wykonywanie tasków - co jeśli w połowie proces umrze?
- pamięć - za dużo tasków to proszenie się o OoM (jeden proces Node.js
  • Odpowiedz
@MirkoStats: Ogólnie pewnie postawiłbym proces - nadzorcę, który co minutę pobiera z bazy zaplanowane zadania na 5 minut do przodu i na podstawie tego spawnuje workery, którym przesyła wiadomości z ID taska i czeka na zwrotkę o potwierdzeniu wykonania zadania.
Proces nadzorca sam nie wykonuje zadań, ma mało rzeczy, które mogą pójść nie tak i decyduje kto dostaje konkretne zadanie.

@mortt: CRON jest najlepszym rozwiązaniem dla tego przypadku.
  • Odpowiedz
@mask0pat0l: Nie wiem czy nie namieszam, w razie czego proszę mnie poprawić. ( ͡° ͜ʖ ͡°) Na tym myku opiera się np. revealing module pattern. Mozesz w obrębie (function() { ... })(); definiować sobie dowolne funkcje, zmienne, ale od Ciebie zależy co z tego upublicznisz i (ewentualnie) pod jaką nazwą. Przykładowo:

var a = (function() {
    var myInt = 5;
  • Odpowiedz
@teraz_fred_wyrucha_was: masa zastosowań np. :

- tak zaimplementowany jest bind
- wykorzystanie domknięcia do stworzenia predefiniowanych strategii (np. var pow2 = createPow(2))
- tworzenie prywatnych właściwości (kiedy nasza funkcja jest konstruktorem/fabryką)
-
  • Odpowiedz
W jaki sposób tylko czytając kod JS, bez uruchamiania czegokolwiek można dowiedzieć się co oznacza w danym miejscu słowo kluczowe this, zakładając że w całym kodzie nie ma call ani apply? Wiem jak z tym jest w większości przypadków, ale nie znam ogólnej reguły.
Dlaczego np. w jQuery wewnątrz funkcji obsługujących zdarzenia this wskazuje na element którego dotyczy zdarzenie, a nie coś innego np. window - bo tak wymyślili autorzy jQuery, czy
  • 4
  • Odpowiedz
  • Otrzymuj powiadomienia
    o nowych komentarzach

@jacekprim: Bo tak wymyślili autorzy jQuery, którzy używają call. Ogólna reguła:
1. this zalezy od tego co stoi po lewej stronie w momencie wykonania metody. Tzn jeśli masz obiekt a.b z metodą c w której odwołujesz się do this, to:

a.b.c() -> this
  • Odpowiedz