Загрузка zephjs - Загрузка исходного кода zephjs

zephjs

Данные веб-сайта

1.0.0

Скачать

ЗефJS

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

ZephJS стремится вернуть сообществу обещанную простоту веб-компонентов. Это достигается за счет соблюдения следующих принципов:

Определите новые компоненты простым и читабельным декларативным способом.
Упростите использование компонента или библиотеки компонентов другими.
Используйте стандарты и технологии, которые сделали Интернет великолепным.
Никогда не пытайтесь перехитрить браузер.
Пусть он будет невероятно маленьким и легким.

ZephJS часто называют просто «Zeph» и произносят «Zef».

Функции

ZephJS имеет следующие возможности...

Легко определять веб-компоненты;
Чрезвычайно читаемый декларативный синтаксис;
Использует 100% стандартные API-интерфейсы браузера;
Использует 100% стандартный JavaScript/ES2018;
Использует 100% стандартный HTML, встроенный или отдельный;
Использует 100% стандартный CSS, встроенный или отдельный;
Инкапсулированные стили и контент не утекают;
Компоненты могут расширять другие компоненты;
Распространение значений через привязку атрибута/свойства/контента;
Поддерживает создание одноразовых компонентов;
или Поддерживает создание библиотек компонентов;
или поддерживает создание целых приложений;
Включен интерфейс командной строки для простого создания новых компонентов;
Включен Bundler (с использованием Rollup) для упаковки в единый дистрибутив;
а ZephJS минимизирован менее чем на 20 тысяч!

Начать

ZephJS имеет четыре различных варианта использования, которые можно решить в начале работы:

Использование библиотеки веб-компонентов, созданной на основе ZephJS;
Создание библиотеки веб-компонентов поверх ZephJS;
Создание веб-сайта с пользовательскими компонентами с использованием ZephjS;
Создание веб-приложения с использованием ZephJS.

Выберите лучший способ начать работу и начните использовать ZephJS уже сегодня!

Дополнительная информация

Документация

ZephJS Предоставляет массу документации, которая поможет вам его использовать...

Начиная

Представляем ZephJS
Краткое руководство по компонентам
Часто задаваемые вопросы

Компоненты

Краткое руководство по компонентам
Концепции компонентов
Создание нового компонента
Импорт ZephJS
Определение компонента
Наследование
HTML
CSS
Ресурсы
Атрибуты
Характеристики
Обработчики жизненного цикла
Привязки
Обработчики событий

Услуги

Услуги

API

API-документация

Объединение

Объединение для распространения

Инструмент командной строки

Инструмент командной строки

Справочник по командной строке

ZephJS поставляется с небольшим инструментом командной строки (CLI), который поможет вам удовлетворить ваши потребности, связанные с ZephJS. Он устанавливается локально при установке ZephJS через npm, и доступ к нему можно получить с помощью команды оболочки zeph . Он имеет следующий синтаксис:

zeph < command >

Есть несколько команд, которые вы можете выполнить. Очень быстро:

hello : Создайте пример приложения hello world.
create : создайте новый компонент, включая файлы-заглушки .js, .html и .css.
serve : Запустите небольшой веб-сервер по адресу http://localhost:4000, который будет обслуживать текущий каталог.
bundle : Объедините несколько компонентов ZephJS в один файл.

Для получения дополнительной информации см. нашу документацию по интерфейсу командной строки Zeph.

Примеры

ZephJS поставляется с набором примеров для справки.

QuickStartExample: наш пример из руководства по быстрому запуску.
BasicComponent: пример базового компонента.
HelloBadge: чуть более крупный пример компонента, использующего второй компонент.
ПримерКоллекция: пример группировки нескольких компонентов в один файл, называемый коллекцией.
ПримерService: пример использования класса ZephService для создания повторно используемого сервиса.
RatingStars: пример использования ресурсов и комплектации.

Совместимость браузера

ZephJS построен на современных браузерных стандартах и поэтому для работы требуется современный браузер. В частности, для этого требуются следующие веб-стандарты: Shadow DOM v1, Custom Elements v1, Mutation Observer и Fetch.

В следующей таблице совместимости браузеров указано, какие браузеры поддерживаются, а какие нет. (Вся статистика браузера взята с сайта caniuse.com и используется на условиях лицензии.)

Браузер	Минимальная необходимая версия	Примечания
Firefox	63
Хром	54
Сафари	10.1	Псевдо-селекторы :host и ::slotted содержат ошибки.
Опера	41
Microsoft Край	15 (с Полифиллом)	Требуется использование полимерного полифилла. См. документацию ZephJS Polyfill.
Microsoft Интернет Эксплорер	НЕ ПОДДЕРЖИВАЕТСЯ
IOS Сафари	10.3	Псевдо-селекторы :host и ::slotted содержат ошибки.
Android-браузер	67
Браузер Blackberry	НЕ ПОДДЕРЖИВАЕТСЯ	Нет поддержки, как в версии v10.
Опера Мобайл	46
Хром для Android	71
Firefox для Android	64
IE мобильный	НЕ ПОДДЕРЖИВАЕТСЯ	Нет поддержки начиная с версии 11.
UC-браузер для Android	11,8
Самсунг Интернет	6.2
QQБраузер	НЕ ПОДДЕРЖИВАЕТСЯ	Нет поддержки начиная с версии 1.2.
Браузер Байду	НЕ ПОДДЕРЖИВАЕТСЯ	Нет поддержки начиная с версии 7.12.
(Последнее обновление диаграммы: 25 февраля 2019 г.)

Потрясающая инжиниринговая компания

ZephJS написан и поддерживается The Awesome Engineering Company. Компания Awesome Engineering верит в создание чистого, настраиваемого и креативного программного обеспечения для инженеров, архитекторов и клиентов.

Чтобы узнать больше о The Awesome Engineering Company и нашем наборе продуктов, посетите наш сайт https://awesomeeng.com.

Поддержка и помощь

Этот продукт обслуживается и поддерживается The Awesome Engineering Company. Для получения поддержки сообщите о проблеме или свяжитесь с нами через наш веб-сайт https://awesomeeng.com. Мы сделаем все возможное, чтобы ответить Вам своевременно.