首页
电影
新闻
新片
热映
排行榜
影评
专题
电影查询
电视
新闻
新剧
热播
排行榜
电视剧查询
人物
新闻
八卦
人物访谈
排行榜
视频
图片
博客
电影电视
明星时尚
文化生活
相册
会员
群组
我的同城
活动
热门话题
群组分类
群组人气榜
游戏
问答游戏
图片评分
电影院

ing...

keeping things as absolutely simple as possible

http://www.mtime.com/my/goodidea/
你现在的位置:时光网>>博客>>袁剑的博客>>日志
日志

隐藏 关于WinDbg的一些资料

gOODiDEA 发布于:2007-11-27 23:00
 

隐藏 用好你的Prototype

gOODiDEA 发布于:2007-08-28 08:34
1、
document.getElementById('foo')
==>
$('foo')
2、
var woot = document.getElementById('bar').valuevar
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')
9、
$$('div.collapsed').each(function(el){
    el.observe('click', expand);
})
==>
$$('div.collapsed').invoke('observe', 'click', expand)
10、
$$('input.date').invoke('observe', 'focus', onFocus);
$$('input.date').invoke('observe', 'blur', onBlur);
==>
$$('input.date')
    .invoke('observe', 'focus', onFocus)
        .invoke('observe', 'blur', onBlur)
11、
$('productTable').innerHTML =
    $('productTable').innerHTML +
    '<tr><td>' + productId + ' '
    + productName + '</td></tr><tr><td>'
    + productId + ' ' + productPrice +
    '</td></tr>'
==>
var rowTemplate = new Template('<tr><td>#{id} #{name}</td></tr><tr><td>#{id} #{price}</td></tr>');
$('productTable').insert(
    rowTemplate.evaluate({
        id: productId,
        name: productName,
        price: productPrice
    }))
)
12、
new Insertion.Bottom('blogEntry',
  new Template('<div><h2>#{name}</h2><p>#{content}</p></div>')
    .evaluate({
      name: blogEntry.name,
      content: blogEntry.content
    }));
==>
$('blogEntry').insert(new Template('<div><h2>#{name}</h2><p>#{content}</p></div>')
    .evaluate({
      name: blogEntry.name,
      content: blogEntry.content
    }), 'bottom' ); // "bottom" can be skipped

FROM:
How well do you know prototype
http://thinkweb2.com/projects/prototype-checklist/
How well do you know prototype (part II)
http://thinkweb2.com/projects/prototype/?p=3


回复(0) |688次阅读
标签: Prototype javascript
日志分类

我的所有日志 (91)

Mtime (8)

其它 (8)

技术 (2)

收藏 (6)

电影 (53)

日志最新回复隐藏