jfactory

ปรับเปลี่ยนแอปพลิเคชันของคุณให้เป็นส่วนประกอบที่ยกเลิกได้อย่างง่ายดาย
ทุกสิ่งที่พวกเขาเริ่มต้นสามารถตรวจสอบหยุดและลบออกโดยอัตโนมัติ
รวมถึงมุมมองคำสัญญาที่ซ้อนกันคำขอผู้ฟัง DOM และ CSS

jfactory

• Component Lifecycles : ให้ install แบบอะซิงโครนัส enable disable และ uninstall
• สมัครสมาชิกโดยอัตโนมัติ ในรีจิสทรีเมื่อเพิ่ม CSS, DOM, ผู้ฟังเหตุการณ์, ผู้สังเกตการณ์, ตัวจับเวลา, คำขอ, ต้นไม้สัญญาซ้อนกัน ...
• รอการสมัครสมาชิกโดยอัตโนมัติ เมื่อโทรหา await install และ await enable ทุกอย่างจะถูกขนานไปเป็นงาน
• ปิดการสมัครสมาชิกโดยอัตโนมัติ ที่เฟสตรงข้ามของวงจรชีวิตส่วนประกอบ: uninstall เปลี่ยน install ตั้ง disable งานการเปิดใช้งาน enable
• กิจกรรม Lifecycles : ฟังการเปลี่ยนแปลงเฟส เตรียมหรือทำความสะอาดแบบอะซิงโครนัสสิ่งที่คุณต้องการก่อนระบบอัตโนมัติ
• ทำแท้งและหมดอายุได้: งาน, ต้นไม้สัญญาซ้อนกันและคำขอสามารถยกเลิกได้
• ง่ายต่อการเรียนรู้และใช้งาน: ไม่ใช่กรอบการทำงาน 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 ( ) ;