plazar js

ПлазарJS

Универсальная платформа, созданная для обогащения опыта разработчиков с точки зрения простоты и скорости разработки приложений.

Оглавление

• ? Установка
• ? Введение
• Начало работы и документация
• ? Bootstrap-интеграция
• ? Вклад
• ? Поддержка браузера
• ? Планы

Установка

Запустите следующую команду npm:

$ npm install @plazarjs/core

Или разместите тег скрипта на своей странице:

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

Ознакомьтесь со списком доступных зависимых пакетов.

Введение

PlazarJS — это нестандартный фреймворк для JavaScript. Он не имеет зависимостей и, опираясь на объектно-ориентированные принципы (ООП), его можно легко использовать для создания большого одностраничного приложения или интегрировать в часть веб-страницы, где требуется динамический рабочий процесс. Он создан гибким и предназначен для того, чтобы помочь вам создать приложение так, как вы хотите, не заставляя вас идти по пути, который, по вашему мнению, не подходит для разрабатываемого вами приложения. Основное внимание уделяется старому доброму трио: HTML, CSS и JavaScript.

ТЛ;ДР

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 ( ) ;

Подробную документацию можно найти здесь.

Живую демо-версию можно найти здесь.

Bootstrap-интеграция

Ознакомиться с интеграцией модуля можно здесь.

Вклад

Пожалуйста, прочтите Руководство для участников, прежде чем делать запрос на включение.

Поддержка браузера

PlazarJS поддерживает все браузеры, совместимые с ECMAScript 5. Посмотрите таблицу совместимости.

Поддержка браузера IE

Каждая реализация/изменение выполняется таким образом, чтобы игнорировать IE версии 9 и ниже.

Планы

Некоторые из следующих основных выпусков будут содержать:

1. Поддержка TypeScript.
2. Ядро plazar-ui (набор элементов управления из коробки). Это устранит необходимость какой-либо внешней интеграции CSS-фреймворка. Конечно, вы все равно сможете интегрировать любой из них, если захотите.

Лицензия

Массачусетский технологический институт