jfactory

輕鬆將您的應用程序模塊化為可取消的組件。
他們初始化的所有內容都可以自動監視，停止和刪除，
包括視圖，嵌套承諾，請求，聽眾，DOM和CSS。

jfactory

• 組件生命週期：提供異步install ， enable ， disable和uninstall功能。
• 添加CSS，DOM，事件聽眾，觀察者，計時器，請求，嵌套的Promise Tree ...
• 在呼叫await install和await enable時，會自動等待等待訂閱，所有內容都同時將其平行於任務中。
• 在組件生命週期的另一階段自動關閉訂閱： uninstall恢復install ， disable恢復enable 。
• 生命週期事件：聆聽階段變化。自動化之前，您需要的內容不同步。
• 可流產和有期徒發：任務，嵌套的承諾樹和請求可以取消。
• 易於學習和使用：不是一個高度模塊化的框架，請使用所需的東西。創建自己的插件以自動註冊並清理其他副作用。
• DevTools：組件級日誌記錄，具有繼承的過濾器，過濾器，子記錄器。
• 調試：一切都命名。跟踪訂閱（聽眾，計時器，請求，承諾，DOM，CSS ...）。
• ...還有更多，仔細看看。

安裝	文件
npm add jfactory	特質 /類

概述

可以通過快捷jFactory()使用對象文字來從任何類中擴展組件：

 let component = jFactory ( "myComponent" , {

  async onInstall ( ) {
    this . $domFetch ( "myDom" , "asset.html" , "body" ) ;
    this . $cssFetch ( "myCss" , "asset.css" ) ;
  } ,

 async onEnable ( ) {
    this . $interval ( "myUpdater" , 1000 , ( ) =>
      this . $fetchJSON ( "myRequest" , "asset.json" )
        . then ( data => this . $log ( "updated" , data ) )
    ) ;
    this . $on ( "click" , "#bt-switch" , ( ) => this . mySwitchHandler ( ) ) ;
    this . $on ( "click" , "#bt-close" , ( ) => this . myCloseHandler ( ) ) ;
  } ,

  async mySwitchHandler ( ) {
    await ( this . $ . states . enabled ? this . $disable ( ) : this . $enable ( ) ) ;
    this . $log ( this . $ . states . enabled ) ;
  } ,

  async myCloseHandler ( ) {
   // Called by the click event on #bt-close
   // Everything in the component registery is automatically stoped and removed:
   // (myDom, myCss, myUpdater, myRequest, DOM events)
   // Residual callbacks not manually stopped from 
   // the onDisable() and onUninstall() handlers will be ignored.    
   await this . $uninstall ( ) ;
  }

} )

await component . $install ( ) ;
await component . $enable ( ) ;