plazar js

PlazarJS

애플리케이션 개발의 단순성과 속도 측면에서 개발자 경험을 풍부하게 하기 위해 구축된 다용도 프레임워크입니다.

목차

• ? 설치
• ? 소개
• 시작하기 및 문서화
• ? 부트스트랩 통합
• ? 기부금
• ? 브라우저 지원
• ? 계획

설치

다음 npm 명령을 실행합니다.

$ npm install @plazarjs/core

또는 페이지에 스크립트 태그를 배치하세요.

 < script src =" https://cdn.jsdelivr.net/npm/@plazarjs/core " > </ script >

사용 가능한 종속 패키지 목록을 확인하세요.

소개

PlazarJS는 독립적인 JavaScript용 프레임워크입니다. 종속성이 없으며 객체 지향 원칙(OOP)을 기반으로 대규모 단일 페이지 애플리케이션을 만드는 데 쉽게 사용하거나 동적 작업 흐름이 필요한 웹 페이지의 일부에 통합할 수 있습니다. 유연하게 설계되었으며 개발 중인 애플리케이션에 적합하지 않다고 생각되는 경로를 따르도록 강요하지 않고 원하는 방식으로 애플리케이션을 구축할 수 있도록 설계되었습니다. 주요 초점은 좋은 오래된 트리오, HTML, CSS 및 JavaScript에 있습니다.

TL;DR

1. pz.define , pz.component.extend 또는 pz.class.extend 호출하여 구성 요소, 믹스인 또는 클래스를 정의할 수 있습니다. 믹스인은 확장이 불가능합니다.
2. 나중에 앱에서 필요한 만큼 각 유형을 재사용하세요. 하나의 유형, 여러 인스턴스.
3. ownerType 설정하여 각 유형을 다른 유형으로 확장하세요. extend 접근 방식을 사용할 때는 이 구성이 필요하지 않습니다. ownerType 이 자동으로 인식됩니다.
4. 상위 메서드 구현을 재정의합니다.
5. 자식 유형에서 재정의된 각 메서드는 this.base(arguments) 호출하여 부모를 호출할 수 있습니다.

핵심 기능

1. 모듈성
2. 구성요소
3. 믹스인
4. 수업
5. 계승
6. 바인딩 및 템플릿(인라인, 사전 렌더링, 비동기 템플릿)

시작하기 및 문서화

간단한 예:

 // define the component
import pz from '@plazarjs/core' ;

const helloWorld = {
  ownerType : 'component' ,
  template : '<div>Hello from {fw}</div>' ,
  renderTo : 'body' ,
  autoLoad : true ,
  viewModel : {
    fw : 'plazarjs'
  }
} ;

export default pz . define ( 'hello-world' , helloWorld ) ;

// create the component where required
import helloWorld from 'my-path/helloWorld' ;
helloWorld . create ( ) ;

확장 API를 사용하여 작성된 위의 코드는 다음과 같습니다.

 // define the component
import pz from '@plazarjs/core' ;

const helloWorld = {
  type : 'hello-world' ,
  template : '<div>Hello from {fw}</div>' ,
  renderTo : 'body' ,
  autoLoad : true ,
  viewModel : {
    fw : 'plazarjs'
  }
} ;

export default pz . component . extend ( helloWorld ) ;

// create the component where required
import helloWorld from 'my-path/helloWorld' ;
helloWorld . create ( ) ;

자세한 문서는 여기에서 확인할 수 있습니다.

라이브 데모는 여기에서 찾을 수 있습니다.

부트스트랩 통합

여기에서 모듈 통합을 확인하세요.

기부금

끌어오기 요청을 하기 전에 기여 가이드를 읽어보세요.

브라우저 지원

PlazarJS는 모든 ECMAScript 5 호환 브라우저를 지원합니다. 호환성 표를 확인해 보세요.

IE 브라우저 지원

모든 구현/변경은 IE 버전 9 이하를 무시하는 방식으로 수행됩니다.

계획

다음 주요 릴리스에는 다음이 포함됩니다.

1. 타입스크립트 지원.
2. Core plaza-ui(즉시 사용 가능한 컨트롤 세트). 이렇게 하면 외부 CSS 프레임워크 통합이 필요하지 않습니다. 물론, 원하는 경우 이들 중 어느 것이든 통합할 수 있습니다.

특허

MIT