国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

magix中的2種事件綁定方式

張金寶 / 2838人閱讀

摘要：可操作與采用與文件分離的寫(xiě)法，當(dāng)我們?cè)陂喿x時(shí)，希望能直觀的看出節(jié)點(diǎn)綁定了哪些事件或這個(gè)函數(shù)是為哪種事件服務(wù)的。這種方案優(yōu)于通過(guò)選擇器查找到節(jié)點(diǎn)動(dòng)態(tài)綁定事件。

可操作html與js

magix采用html與js文件分離的寫(xiě)法，當(dāng)我們?cè)陂喿x時(shí)，希望能直觀的看出節(jié)點(diǎn)綁定了哪些事件或這個(gè)函數(shù)是為哪種事件服務(wù)的。
如下html

我們?cè)陂喿x上述html片斷時(shí)，可直觀的看到內(nèi)容為save的button綁定了click事件，且調(diào)用的是save方法

再如下js

render: function() {
    //render codes
},
"save": function(e) {
    console.log("save clicked");
}

我們?cè)陂喿x時(shí)可以知道save這個(gè)函數(shù)是為click事件服務(wù)的，這樣在分離閱讀它們時(shí)，能夠快速知道它們是做什么用的，不需要來(lái)回切換js和html才能夠知道事件的綁定。

這種方案優(yōu)于通過(guò)選擇器查找到節(jié)點(diǎn)動(dòng)態(tài)綁定事件。

全局與插件

前述方案僅適用于能通過(guò)html標(biāo)簽綁定，但有些全局對(duì)象如window和document并沒(méi)有對(duì)應(yīng)的html標(biāo)簽，所以這種要如何綁定？

再如我們開(kāi)發(fā)一個(gè)插件，比如列表前面帶checkbox，最頂部有一個(gè)全選的按鈕，通過(guò)點(diǎn)擊全選按鈕可以快速選中這些checkobx，html結(jié)構(gòu)可能如下


    <%for(var i=0;i<100;i++){%>
    
    <%}%>

我們希望開(kāi)發(fā)一個(gè)js插件，用于這個(gè)全選功能，如示例中的table增加一個(gè)mx-view屬性值為coms/select/all

當(dāng)我們?cè)趯?shí)現(xiàn)這樣的插件時(shí)，用于html結(jié)構(gòu)是別的開(kāi)發(fā)者提供的，做為插件提供方是無(wú)法操作html標(biāo)簽結(jié)構(gòu)的，所以這時(shí)候我們?nèi)绾谓壎ㄊ录?/p>

這2種情況就直接使用類庫(kù)的事件綁定機(jī)制即可，以jQuery為例

init: function() {
    $(window).on("scroll", function() {
        //scroll codes
    });
}

這也是 https://github.com/thx/magix/... 這個(gè)不再支持的原因。

總結(jié)就是：可操作html的，用magix提供的方案，否則就用類庫(kù)的方案綁定

歡迎試用magix，區(qū)塊化管理利器 https://github.com/thx/magix/...
magix https://github.com/thx/magix
歡迎star與fork

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/111408.html

相關(guān)文章

  • magix中的2種事件綁定方式

    摘要：可操作與采用與文件分離的寫(xiě)法，當(dāng)我們?cè)陂喿x時(shí)，希望能直觀的看出節(jié)點(diǎn)綁定了哪些事件或這個(gè)函數(shù)是為哪種事件服務(wù)的。這種方案優(yōu)于通過(guò)選擇器查找到節(jié)點(diǎn)動(dòng)態(tài)綁定事件。 可操作html與js magix采用html與js文件分離的寫(xiě)法，當(dāng)我們?cè)陂喿x時(shí)，希望能直觀的看出節(jié)點(diǎn)綁定了哪些事件或這個(gè)函數(shù)是為哪種事件服務(wù)的。如下html save 我們?cè)陂喿x上述html片斷時(shí)，可直觀的...

    zxhaaa 評(píng)論0 收藏0

  • magix中的2種事件綁定方式

    摘要：可操作與采用與文件分離的寫(xiě)法，當(dāng)我們?cè)陂喿x時(shí)，希望能直觀的看出節(jié)點(diǎn)綁定了哪些事件或這個(gè)函數(shù)是為哪種事件服務(wù)的。這種方案優(yōu)于通過(guò)選擇器查找到節(jié)點(diǎn)動(dòng)態(tài)綁定事件。 可操作html與js magix采用html與js文件分離的寫(xiě)法，當(dāng)我們?cè)陂喿x時(shí)，希望能直觀的看出節(jié)點(diǎn)綁定了哪些事件或這個(gè)函數(shù)是為哪種事件服務(wù)的。如下html save 我們?cè)陂喿x上述html片斷時(shí)，可直觀的...

    Scorpion 評(píng)論0 收藏0

  • magix，阿里媽媽前端頁(yè)面區(qū)塊化利器

    摘要：前端工程師就是在重復(fù)使用組裝這些區(qū)塊標(biāo)簽形成最終的需求頁(yè)面。這是最原子的區(qū)塊，我們要達(dá)到想要的頁(yè)面效果，就得不停的重復(fù)嵌套這些區(qū)塊。這些區(qū)塊通常是由多個(gè)標(biāo)簽組合而成的。這些區(qū)塊應(yīng)該很容易被復(fù)用。 轉(zhuǎn)載請(qǐng)注明出處: https://github.com/thx/magix/... 什么是區(qū)塊 其實(shí)html標(biāo)簽就是區(qū)塊，比如 div span a等標(biāo)簽。前端工程師就是在重復(fù)使用、組裝這些區(qū)...

    wmui 評(píng)論0 收藏0

  • 識(shí)別滾動(dòng)條上的mousedown mouseup事件

    摘要：當(dāng)用戶鼠標(biāo)在滾動(dòng)條上按下的時(shí)候，我們可以假設(shè)他她正在瀏覽網(wǎng)頁(yè)內(nèi)容，那么這個(gè)時(shí)候好的用戶體驗(yàn)就不能讓滾動(dòng)條再自動(dòng)滾動(dòng)了。為了實(shí)現(xiàn)這個(gè)功能，可能大家首先會(huì)想到的就是和事件了。 轉(zhuǎn)載請(qǐng)注明出處：https://github.com/xinglie/xi... 網(wǎng)頁(yè)內(nèi)容區(qū)域自動(dòng)滾動(dòng)，滾動(dòng)條會(huì)隨著內(nèi)容的增加自動(dòng)往下滾動(dòng)。 當(dāng)用戶鼠標(biāo)在滾動(dòng)條上按下的時(shí)候，我們可以假設(shè)他（她）正在瀏覽網(wǎng)頁(yè)內(nèi)容，那么...

    xiaokai 評(píng)論0 收藏0

  • Magix.Cache介紹

    摘要：我們簡(jiǎn)單測(cè)試下彳刂接下來(lái)我們要考慮一但緩存資源數(shù)超出了我們規(guī)定的時(shí)，我們要清理掉不常用的資源。是一個(gè)區(qū)塊管理框架，項(xiàng)目地址在這里區(qū)塊介紹在這里區(qū)塊介紹 轉(zhuǎn)載請(qǐng)注明出處：https://github.com/thx/magix/... 在前端開(kāi)發(fā)過(guò)程中，我們經(jīng)常會(huì)在內(nèi)存中緩存一些數(shù)據(jù)，其實(shí)javascript的緩存比較簡(jiǎn)單，只需要聲明一個(gè)變量或把一些數(shù)據(jù)掛到某個(gè)對(duì)象上即可，比如我們要實(shí)現(xiàn)...

    CatalpaFlat 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

張金寶

男|高級(jí)講師

TA的文章

閱讀更多
最新活動(dòng)
閱讀需要支付1元查看
<