筆者在一(yī)個項目中(zhōng)使用到了螞蟻數據可視化,源代碼中(zhōng)使用到了renderjs。以下(xià)是筆者對于renderjs使用的簡單介紹。
什麽是renderjs?Renderjs是運行在視圖層的js,它比wxs更加強大(dà)但它隻支持app-vue和web。它的主要作用是降低邏輯層和視圖層的通訊損耗,提供高性能視圖交互能力。以及在視圖層操作dom,運行forweb的js庫。
項目中(zhōng)怎樣使用?在script中(zhōng)設置lang爲renderjs,module=“名”。
Renderjs中(zhōng)的return值與普通return值是不同的,在renderjs中(zhōng)實現畫布,實現畫布與畫布外(wài)值的交互實現類似于父子組件傳值以及數值監聽(tīng)。首先是獲取畫布外(wài)傳入的值,通過監聽(tīng)實現。實現方式是在标簽中(zhōng)設置:localmsg(監聽(tīng)的值)="localmsg(普通script中(zhōng)return值)" :change:localmsg(監聽(tīng)的值名)="treeGraph(module名).dingweilocal(renderjs中(zhōng)的方法)"。當外(wài)部的值發生(shēng)變化時,調用renderjs中(zhōng)的方法。從畫布向外(wài)傳送數據(發送數據到邏輯層)通過this.$ownerInstance.callMethod(‘普通方法名’,傳的值)。
以上部分(fēn)内容來自網絡,侵删。