javascript

interneto projektų apžvalga, sprendimai, technologijos

Nuorodos #2

Autorius: andrius 2009 09 27, SekmadienisKategorijos: Patarimai, Technologijos

jquery-logoKasdien tenka perskaityti ne vieną straipsnį, susijusį su vartotojo sąsajos kūrimu, bei programavimu. Ieškant naudingos informacijos, užtinkam tikrų perliukų, taigi, tęsdamas tradiciją, dalinuosi su skaitytojais, vėliausiai atrastomis įdomiomis nuorodomis. Šį kartą nuorodų nebus taip daug, o jos išskirtinai apie JavaScript ir jQuery:

JavaScript Regex generatorius – pagelbės kuriant reguliariąsias išraiškas, pavyzdžiui skirtas formų generavimui.

Top 20 jQuery Tips and trics, 8 awesome jQuery tips ir 7 tips for better jQuery code – išrenku pačius įdomiausius ir naudingiausius patarimus:

  1. jQuery data() metodas, skirtas duomenims bet kokiam DOM elementui priskirti;
  2. live()  - būdas priskirti įvykių apdorojimui skirtas funkcijas net prieš DOM elementų sukūrimą;
  3. $(‘a[rel=external]‘).attr(‘target’,‘_blank’) – taip geriausia apdoroti naujame lange atidaromas nuorodas išlaikant dokumentą validžiu;
  4. if ($(”element selector”).length) {..} – būdas patikrinti, ar elementas egzistuoja. Nors šitaip tikrindavau jau seniai, tačiau dabar galutinai buvo patvirtinta, kad šis būdas geriausias;
  5. O taip pat prie šio sąrašo labai tinka frontend.lt prašytas būdas geriau užkrauti JavaScript  - naudoti Google Ajax API.

Šiam kartui tiek, geros savaitės pradžios!

Žymos: ,

Sprendimas kuris gelbsti: Firebug Lite

Autorius: Petras 2009 08 4, AntradienisKategorijos: Projektų kūrimas

fb_logoTurbūt nei vienas tinklapių kūrėjas neapsieitų be Galingiausio FireFox priedo – FireBug, kuris yra pripažintas pačiu naudingiausiu įskiepiu. Gaila, tačiau FireBug kol kas galima įsidiegti tik į FireFox, o kitų naršyklių Web-developer įrankiai negali jam prilygti. Tam, kad situacija būtų nors kiek geresnė FireBug Kūrėjai sukūrė pilnai JavaScript’u parašyta FireBug Lite versiją, kurią galima įsidėti į bet kokį tinklapį ir matyti visose naršyklėse (Juk JS palaiko visos naršyklės)

Paprasčiausias būdas naudotis šiuo įrankiu yra įsikelti jo kodo nuorodą į savo Bookmark’us – Tiesiog nutempkite FireBug Lite tinklapyje pateiktą nuorodą į savo BookMarko juostą ir turėsite nuorodą, kurią paspaudus FireBug Lite atsidarys bet kuriame tinklapyje.
Gaila tačiau ši FireBug’o versija dar negali redaguoti tinklapio turinio, bet manau pradžia jau padaryta :)
Taip atrodo FireBug Lite:
fb_lite

Žymos: , , , , ,

Patarimas: JavaScript bibliotekų užkrovimas

Autorius: andrius 2009 06 20, ŠeštadienisKategorijos: Patarimai

frameworks5trisDarbui su JavaScrip palengvinti yra naudojamos įvairios bibliotekos. Paruošėme receptą, kaip supaprastinti jų užkrovimą – naudotis paslauga Google AJAX Libraries API, kuri padeda patogiai naudoti tokias JavaScript bibliotekas, kaip:  jQuery, jQuery UI, Prototype, Dojo, Scriptaculous, SWFObject, MooTools, Yahoo! User Interface Library, Ext Core  ir kitas. Pilnas sąrašas pateikiamas dokumentacijoje.

Kodo pavyzdys jQuery 1.3.2 bibliotekos užkrovimui, tačiau su minimaliomis modifikacijomis pritaikomas ir kitoms:

  1. <script src="http://www.google.com/jsapi"></script>
  2. <script type="text/javascript">
  3.     google.load("jquery", "1.3.2");
  4. </script>

Šis būdas yra geras tuo, kad:

  1. Bibliotekos versiją įterpti ir atnaujinti yra lengviau ir greičiau – nereikia siųstis naujausios versijos į savo kompiuterį, išpakuoti, sukelti į serverį, atnaujinti kelius iki bibliotekos bylų svetainės kode. Vienintelis pakeitimas – versijos numerio atnaujinimas HTML kode.
  2. Taip yra greičiau – naršyklės riboja lygiagrečių JavaScript failų siuntimų skaičių iš vieno serverio, šiuo atveju kodas yra siunčiamas iš Google serverių.
  3. Taupote resursus – bibliotekos saugomos Google serveriuose, naudojamas srautas.
Žymos: , , , , , , , ,