jfactory

응용 프로그램을 취소 가능한 구성 요소로 쉽게 모듈화하십시오.
초기화 된 모든 것을 모니터링, 중지 및 자동으로 제거 할 수 있습니다.
견해, 중첩 약속, 요청, 청취자, DOM 및 CSS 포함.

Jfactory

• 구성 요소 라이프 사이클 : 비동기 install , enable , disable 및 기능 uninstall 제공합니다.
• CSS, DOM, 이벤트 청취자, 관찰자, 타이머, 요청, 중첩 약속 나무를 추가 할 때 레지스트리에 자동으로 가입합니다 .
• await install 중인 구독을 자동으로 기다리고 있습니다 await enable
• 구성 요소 수명주기의 반대 단계에서 구독을 자동으로 끕니다 . install uninstall disable 반전 enable .
• 라이프 사이클 이벤트 : 위상 변경을 듣습니다. 자동화 전에 필요한 것을 비동기 적으로 준비하거나 정리하십시오.
• 중단 가능하고 만료 가능한 : 과제, 중첩 약속 나무 및 요청을 취소 할 수 있습니다.
• 학습 및 사용하기 쉬운 : 프레임 워크가 아니라 ES6 고도로 모듈식이 필요한 것을 사용하십시오. 다른 부작용을 자동으로 등록하고 정리할 수 있도록 나만의 플러그인을 만듭니다.
• 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 ( ) ;