1st web project... speed up?

No, pa je prvi pravi projektek online. Gre se za "web app", s katerim si lahko rišeš vzorce za križce (to je neke vrste šivanje)..

Za zdaj še nima možnosti shraniti projetka (saj se tega zgolj z JS ne da narediti, afaik.) ter da bi zajel celotno barvno polje in posredoval to v browserjev printing plugin... Ampak ja, to je naloga za drug dan, katere še nimam pojma kako rešiti.


naslov: http://krizci.zxq.net/

Problem pa je, da je stvar ob premikanju sliderja v določenih browserjih boleče počasa (npr. FF). Chrome deluje kot po maslu.

Koda za risanje je taka:

var mreza = function (visina, sirina) {
		for (a=1; a<=visina; a++) {
		for (i=1; i<=sirina; i++) {
			var $appendplace = $("#mreza-plac")
			$('<div class="mreza"></div>').html($('<span class="mreza_text">' + i + '</span>'))
						      .appendTo($appendplace);
		}
			$appendplace.append($("<br>"));
		}
	}

Koda za modificiranje pa taka:

$("#slider" ).slider({
			animate: true,
			min:  10,
			max: 45,
			value: 25,
			slide: function (event, ui) {
				
				if (ui.value < MAXwidthEXTEND) {
				
				$("#slider_val").html(ui.value + "px");
				}
				$(".mreza").css("width", ui.value);
				$(".mreza").css("height", ui.value);
			text_size = ui.value / 2;
			if (text_size < 8) {
				$(".mreza_text").css("display", "none");	
			} else if (text_size >= MAXwidthEXTEND / 1.8 ) {
				var NEWtext_size = parseInt(MAXwidthEXTEND/1.8);
				$(".mreza_text").css("display", "inline");
				$(".mreza_text").css("font-size", NEWtext_size);
			} else {
				$(".mreza_text").css("display", "inline");
				$(".mreza_text").css("font-size", text_size);
				
			}
			}

Sicer je še kar ostale kode in kode za dinamično resizanje in čekiranje stvari da ne bi bilo overflowa... Ampak je kar se mreže tiče, v grobem, to to.

Torej... Is my code very inefficient? :/
Ter če bi se še komu dalo... Kako bi rešil prej opisana 2 problema..?

Ravno sem updejtal mapo na serveru.

zej (spet) dela. :)

Hvala!

Sem zdaj spremenil, in je odzivnost sliderja res hitrejša (se opazi pri mreži > 100x100).


Ne razumem pa tega:

Namesto deljenja z dva uporabljaj premik desno(shift right):

text_size = ui.value / 2;

Kar se pa tiče preverjanja, sem že tudi sam bil misli, da mi moral nekaj if stavkov dodati... Ampak to bo prišlo v kodo takrat, ko bom dodal še shranjevanje. :)
Kekse pa bom še prečekiral...

Ugh... Še nikoli slišal.. Hvala :)


Anyway... Kako bi naredil, da bi lahko z klikom in potem vlečenjem, pobarval več kvadratkov?

Ne vem točno katere evente vzeti v JQueryu... Pomoje pa bi še boljše šlo oz. izgledalo z JQ UI metodo .selectable(), right?

No, stvar je zdej updejtana (fixan bug, dodani filtri za vnos ter barvanje večih kvadratkov hkrati)... Blo je pa rešeno z modificiranjem funkcije .selectable(). :)


btw... desni klik na kvadratek zbriše barvo. Res moram napisati neka navodila za tole.

Gal, risanje križcev? Nariš mi en bel pentagram na črni podlagi.

1. Ne morš se zanašat na optimizacije, ker ne morš bit šur, da jih vsak browser dela.

2. Zakaj bi gršal kodo?

3. Shiftanje ti ne dela za decimalna števila. Še recimo 9 ti bo razpolovil kot 4.

Čas izvajanja zank se razlikuje glede na različne vrednosti times.
Vem da bi pametni optimizator odpravil zanko, vendar nisem začutil tega na hitrosti izvajanja.

Sem malo otežil delo optimizatorju(x=x/2, x=x>>1):

var t1,t2,t11,t12,t21,t22,x,i,j;
var times = 1000;
var times2 = 1000;
t1 = 0; t2=0;
for(j=0; j< times2; j++)
{
x=Math.random()*100000;
t11=new Date();
for(i=0;i<times;i++) x=x>>1;
t12=new Date();
t1 += (t12-t11)

t11=new Date();
for(i=0;i<times;i++) x=x/2;
t12=new Date();
t2 += (t12-t11)
}

console.log(t1);
console.log(t2);

Razlike so še zmeraj minimalne.
@Tehnolog: se strinjam s tabo, samo bi rad ugotovil kje pride do razhajanj med teorijo in prakso.

Eden je že delal te primerjave: http://jsperf.com/shift-vs-divide/2

Saj ni pomembno. Deljenja s potenco 2 NIKOLI ne menjaš z bitnimi zamiki. Razlog je gršanje kode.

V prevedenih jezikih se pričakuje, da bo to naredil optimizator.

V interpretanih jezikih je počasneje tako ali tako.