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

資訊專欄INFORMATION COLUMN

magix中的2種事件綁定方式

zxhaaa / 1011人閱讀

摘要：可操作與采用與文件分離的寫法，當我們在閱讀時，希望能直觀的看出節(jié)點綁定了哪些事件或這個函數(shù)是為哪種事件服務(wù)的。這種方案優(yōu)于通過選擇器查找到節(jié)點動態(tài)綁定事件。

可操作html與js

magix采用html與js文件分離的寫法，當我們在閱讀時，希望能直觀的看出節(jié)點綁定了哪些事件或這個函數(shù)是為哪種事件服務(wù)的。
如下html

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

再如下js

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

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

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

全局與插件

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

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


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

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

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

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

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

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

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

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

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

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

相關(guān)文章

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

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

    張金寶 評論0 收藏0

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

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

    Scorpion 評論0 收藏0

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

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

    wmui 評論0 收藏0

  • 識別滾動條上的mousedown mouseup事件

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

    xiaokai 評論0 收藏0

  • Magix.Cache介紹

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

    CatalpaFlat 評論0 收藏0

發(fā)表評論

0條評論

zxhaaa

男|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<