2007/12/13 22:24
훌륭한 자바스크립트 라이브러리인 Prototype.js 잘 사용하고 계신가요? 1. document.getElementById('foo') 대신 $('foo') 를 사용 할 것 2. var woot = $('bar').value 대신 var woot = $F('bar') 를 사용 할 것 3. $('footer').style.height = '100px'; $('footer').style.background = '#ffc'; 대신 $('footer').setStyle({ height: '100px', background: '#ffc' }) 를 사용 할 것 4. $('coolestWidgetEver').innerHTML = 'some nifty content' 대신 $('coolestWidgetEver').update('some nifty content') 를 사용 할 것 5. new Ajax.Request('ninja.php?weapon1=foo&weapon2=bar') 대신 new Ajax.Request('ninja.php', { parameters: { weapon1: 'foo', weapon2: 'bar' } }) 를 사용 할 것 6. new Ajax.Request('blah.php', { method: 'POST', asynchronous: true, contentType: 'application/x-www-form-urlencoded', encoding: 'UTF-8', }) 대신 new Ajax.Request('blah.php') 사용 할 것 7. Event.observe('myContainer', 'click', doSomeMagic) 대신 $('myContainer').observe('click', doSomeMagic) 사용 할 것 8. $$('div.hidden').each(function(el){ el.show(); }) 대신 $$('div.hidden').invoke('show') |
Trackback Address :: http://blog.phpdic.com/trackback/6
|
Tracked from Art of Programming | 2008/09/25 16:41 | DEL
요즘 prototype 관련 글에 prototype.js 올바르게 사용하자라는 글이 돌아다닌다. 대부분 맞는것이기에 하다. 그러나. 객체지향적인것도 좋기야 하지만, 가장 중요한건 얼마나 명시적으로 다가오냐이다. 이벤트 등록에 관해서 그 부분이 두드러진다. 소스 여기저기서 객체마다 observe 하는게 나을까. Event 구역에서 다 등록하는게 나을까. 흠 .. $('a').observe('click', function(...)); .. $('b')... |


