国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jquery與prototype框架的詳細(xì)對比

2019-11-20 21:37:30
字體:
供稿:網(wǎng)友

以前做界面是用jquery的,現(xiàn)在因?yàn)橐迷S多ajax效果,改用了rails自帶的prototype

因?yàn)閖query用多了,換個(gè)框架也大同小異,不過細(xì)節(jié)上有很多不同。。。

1.dom加載方面:

jquery有dom ready方法,推遲js函數(shù)的綁定知道dom樹完成(如果沒有這個(gè)功能,一些element的事件函數(shù)之類的綁定可能會出錯(cuò)):

$(document).ready(function(){});

但是prototype是沒有的。。。得自己找非官方的擴(kuò)展,不方便,這個(gè)基本的功能,這么重要的功能,不知道為啥遲遲不加到核心庫

2.path查找,dom定位方面

jquery的dom查找和css定位一致,用過就感覺非常方便,這是他的一大亮點(diǎn)和優(yōu)點(diǎn)

$('.func #select_all').click(function()
$(this).parent('div').parent('div').find('li .checkbox input:checkbox')

prototype只有查找單個(gè)dom對象方便--$(id)

比較麻煩的是把單個(gè)和數(shù)組分開了,如果找一個(gè)路徑下的許多對象

得$$('div .right_contact'),這種風(fēng)格仍然是定位某一類型的對象

而不是用路徑查找,這方面不如jquery方便和概念一致

3.函數(shù),事件綁定
舉個(gè)例子,把class為right_contact的div綁定click高亮事件,prototype寫法是:

復(fù)制代碼 代碼如下:

$$('div .right_contact').each(function(item){
item.observe('click', function(event){
new Effect.Highlight(item,{ duration: 2.0,startcolor: '#ffff99',endcolor: '#fffffff',restorecolor: '#fffffff' });
});
});

如果是jquery,簡潔很多:

$('.right_contact').click(function(){   
$(this).toggleClass('hilight');
})

我用過很多框架,印象最深刻的是一個(gè)叫hge game engine的框架,封裝了大量的底層細(xì)節(jié)和實(shí)現(xiàn)方法,然后他說:you could create everything from a simple puzzle to advanced multilayered platformer or strategy without even thinking of any non game logic code

優(yōu)秀的框架應(yīng)該是讓人集中注意到業(yè)務(wù)邏輯上而不是技術(shù)特性,設(shè)計(jì)模式上這方面,jquery比prototype優(yōu)秀,最典型的例子就是如果要鼠標(biāo)點(diǎn)擊觸發(fā)函數(shù),prototype搞個(gè)大而全的observe方法,然后去注冊click事件
而jquery就有item.click函數(shù)。。。observe是能包容萬象,不過jquery這種為最常用的事件特地創(chuàng)建專有函數(shù)的做法,更能讓人集中注意力到業(yè)務(wù)邏輯上。。。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 铜川市| 高碑店市| 栖霞市| 卫辉市| 库尔勒市| 迁西县| 保山市| 郎溪县| 巴南区| 温宿县| 大名县| 昌都县| 云林县| 彭山县| 东安县| 资中县| 南宫市| 新丰县| 华宁县| 敦煌市| 楚雄市| 塔河县| 惠东县| 正宁县| 临夏县| 中方县| 龙川县| 马山县| 长垣县| 南昌市| 义马市| 莆田市| 忻州市| 北辰区| 古田县| 沁水县| 吴忠市| 大城县| 江西省| 丹阳市| 永春县|