ExtJS blog pont hu

Először a Prototype JS keretrendszerben láttam azt a megoldást, hogy elem mozgatásánál megadhatunk egy segédfüggvényt, amelynek segítségével az egyenes vonalú mozgás helyett különböző típusú mozgásokat egyszerűen lehet megvalósítani: Lassabban induljon, majd begyorsuljon; a végén pattogjon; menjen kicsit túl aztán vissza, illetve ehhez hasonló jópofaságok…

ExtJS-ben aránylag szép számmal vannak ilyen függvények. Az alábbi linken összegyűjtöttem ezeket: http://stack.hu/extjs/easing_list.html (mindegyikre egy-egy példa, illetve egy grafikon, hogy jobban látszódjon pontosan „merre” is ment az elem)

Az elemek mozgatásáról már volt szó itt: http://extjs.blog.hu/2009/05/02/pozicionalas

Ha le akarjuk kérdezni, hogy hány különböző érték van egy táblá egyik oszlopában, akkor a COUNT aggregátum függvényt kombinálhatjuk a DISTINCT záradékkal:

A Google néhány hónapja kihozta a Closure Compiler nevű JavaScript forráskód tömörítő (és gyorsító) eszközét, ami véleményem szerint gond nélkül felveszi a versenyt a többi hasonló célra készített programmal.

Vannak benne jó ötletek:

• if (a) { b(); } -> a && b();
• if (a) { b(); } else { c(); } -> a?b():c();
• var a = 60*60*5; -> var a=18E3;
• var a; var b; -> var a,b;

Az alábbi PHP scripttel a saját kódjainkat online összetömöríthetjük:

Kellemes karácsonyi ünnepeket kívánok minden kedves ismerősnek és ismeretlennek, akit jó sorsa erre az oldalra vezérelt! :)

Valamiért a legtöbb webszerver - hiába az alapértelmezett utf-8 beállítás - a JavaScript és a CSS fájlokat nem utf-8 -as kódolással jeleníti meg a böngészőben. (talán azért, mert nem sokan használnak ékezetes kommenteket, így az utf-8-as megjelenítésre nekik nincs is nagy szükségük)

Ezen az Apache mime modulja segíthet. A megfelelő karakterkiosztáshoz az alábbi kódrészletet adjuk hozzá a .htaccess fájlhoz:

A JSLint-et szerintem a legtöbb JavaScripttel rendszeresen dolgozó programozónak nem kell bemutatni: egy JavaScript szintaktikai ellenőrző, amelynek használata nagyon ajánlott.

Nálam leggyakrabban akkor kerül elő, amikor egy object-nél az utolsó property után véletlenül marad egy vessző, amivel ugye IE egyáltalán nem tud mit kezdeni:

A mask függvény második paramétere határozza meg, hogy milyen stílusban jelenjen meg maszkolás közben a várakozó szöveg. A legtöbb ExtJS komponens az 'x-mask-loading' CSS osztályt alkalmazza, de néhány soros egyszerű CSS szabállyal könnyedén lecserélhető a várakozó animációhoz tartozó kép, illetve az elrendezés.

Az elmúlt hetekben több helyen is találkoztam ehhez hasonló mintakóddal, mivel az eredményeken jót mosolyogtam, gondoltam én is kiteszem. Nagy jelentősége persze nincsen, csupán érdekesség.

Adott egy 1000 elemű tömb, benne az elemek növekvő sorrendben. Vajon az egyes böngészők hány összehasonlítást használnak rendezés közben?

Az eredmények:

Egy string-ről legkönnyebben úgy tudjuk megállapítani, hogy JSON vagy sem, hogy megpróbáljuk átalakítani. Ha sikerült, akkor az, ellenkező esetben pedig nem, ilyen egyszerű. :)

Store teljes tartalma JSON alakban: