Download zephjs - download do código-fonte zephjs

zephjs

Dados do site

1.0.0

Baixar

ZephJS

ZephJS é uma estrutura fácil, compreensível e ultraleve para definir e usar componentes da Web. É perfeito para pessoas que escrevem bibliotecas de componentes, equipes que criam aplicativos ou sites que exigem apenas alguns componentes personalizados ou projetos que criam aplicativos inteiros que não desejam todo o peso de uma estrutura moderna de navegador JavaScript. ZephJS simplifica o processo de definição de Web Components personalizados em uma estrutura declarativa e altamente legível que usa JavaScript padrão, marcação HTML padrão e estilo CSS padrão.

ZephJS visa trazer de volta à comunidade a prometida facilidade dos componentes da web. Fá-lo seguindo os seguintes princípios:

Defina novos componentes de maneira simples e legível.
Facilite o uso de um componente ou biblioteca de componentes por outras pessoas.
Use os padrões e tecnologias que tornaram a web excelente.
Nunca tente enganar o navegador.
Mantenha-o incrivelmente pequeno e leve.

ZephJS é frequentemente chamado apenas de "Zeph" e pronunciado "Zef".

Características

ZephJS possui os seguintes recursos ...

Defina facilmente componentes da Web;
Sintaxe declarativa extremamente legível;
Usa APIs de navegador 100% padrão;
Utiliza JavaScript/ES2018 100% padrão;
Utiliza HTML 100% padrão, inline ou separado;
Utiliza CSS 100% Standard, inline ou separado;
Estilos e conteúdos encapsulados não vazam;
Os componentes podem estender outros componentes;
Propagação de valor via vinculação de Atributo/Propriedade/Conteúdo;
Suporta a construção de componentes únicos;
ou Suporta a construção de bibliotecas de componentes;
ou Suporta a construção de aplicativos inteiros;
CLI incluída para fácil estruturação de novos componentes;
Bundler incluído (usando Rollup) para empacotar em um único distribuível;
e ZephJS está abaixo de 20k minificado!

Comece

ZephJS tem quatro casos de uso diferentes que podem ser abordados assim que você começa:

Usando uma biblioteca de componentes da Web construída sobre ZephJS;
Construindo uma biblioteca de componentes da Web em cima do ZephJS;
Construindo um Web Site com Componentes Personalizados usando ZephjS;
Construindo uma aplicação web usando ZephJS.

Escolha a melhor maneira de começar e comece a usar o ZephJS hoje mesmo!

Informações adicionais

Documentação

ZephJS fornece muita documentação para ajudá-lo a usá-lo...

Começando

Apresentando ZephJS
Guia de início rápido de componentes
Perguntas frequentes

Componentes

Guia de início rápido de componentes
Conceitos de componentes
Criando um novo componente
Importando ZephJS
Definindo o Componente
Herança
HTML
CSS
Recursos
Atributos
Propriedades
Manipuladores de ciclo de vida
Ligações
Manipuladores de eventos

Serviços

Serviços

APIs

Documentação da API

Agrupamento

Agrupamento para distribuição

Ferramenta de linha de comando

Ferramenta de linha de comando

Referência de linha de comando

ZephJS vem com uma pequena ferramenta de linha de comando (CLI) para ajudar com suas necessidades relacionadas ao ZephJS. Ele é instalado localmente quando você instala o ZephJS via npm e pode ser acessado com o comando shell zeph . Possui a seguinte sintaxe:

zeph < command >

Existem vários comandos que você pode executar. Muito rapidamente:

hello : Gere o aplicativo de exemplo hello world.
create : crie um novo componente incluindo arquivos stub .js, .html e .css.
serve : Execute um pequeno servidor Web em http://localhost:4000 que servirá o diretório atual.
bundle : agrupa vários componentes ZephJS em um único arquivo.

Para obter mais informações, consulte nossa documentação sobre a interface de linha de comando Zeph.

Exemplos

ZephJS vem com um conjunto de exemplos para sua referência.

QuickStartExample: Nosso exemplo do guia de início rápido.
BasicComponent: um exemplo de componente básico.
HelloBadge: um exemplo um pouco maior de componente que usa um segundo componente.
ExemploCollection: Um exemplo de agrupamento de vários componentes em um único arquivo, chamado coleção.
Exemplo de serviço: um exemplo de uso da classe ZephService para construir um serviço reutilizável.
RatingStars: Um exemplo de uso de recursos e agrupamento.

Compatibilidade do navegador

ZephJS é baseado em padrões de navegadores modernos e, portanto, requer um navegador moderno para funcionar. Em particular, requer os seguintes padrões da Web: Shadow DOM v1, Custom Elements v1, Mutation Observer e Fetch.

O gráfico de compatibilidade de navegador a seguir indica quais navegadores são suportados e quais não são. (Todas as estatísticas do navegador retiradas de caniuse.com e usadas sob as condições de sua licença.)

Navegador	Versão Mínima Requerida	Notas
Firefox	63
Cromo	54
Safári	10.1	Os psuedo-seletores :host e ::slotted apresentam erros.
Ópera	41
Microsoft borda	15 (com Polyfill)	Requer o uso de polyfill de polímero. Consulte a documentação do ZephJS Polyfill.
Internet Explorer da Microsoft	NÃO SUPORTADO
iOS Safári	10.3	Os psuedo-seletores :host e ::slotted apresentam erros.
Navegador Android	67
Navegador Blackberry	NÃO SUPORTADO	Não há suporte como ov v10.
Ópera Móvel	46
Chrome para Android	71
Firefox para Android	64
Ou seja, celular	NÃO SUPORTADO	Sem suporte a partir da v11
Navegador UC para Android	11.8
Internet Samsung	6.2
QQNavegador	NÃO SUPORTADO	Sem suporte a partir da versão 1.2
Navegador Baidu	NÃO SUPORTADO	Sem suporte a partir da v7.12
(Gráfico atualizado pela última vez em 25 de fevereiro de 2019)

A incrível empresa de engenharia

ZephJS é escrito e mantido pela The Awesome Engineering Company. A Awesome Engineering Company acredita na construção de software limpo, configurável e criativo para engenheiros, arquitetos e clientes.

Para saber mais sobre a The Awesome Engineering Company e nosso conjunto de produtos, visite-nos na web em https://awesomeeng.com.

Suporte e Ajuda

Este produto é mantido e apoiado pela The Awesome Engineering Company. Para obter suporte, registre um problema ou entre em contato conosco através do nosso site em https://awesomeeng.com. Faremos o nosso melhor para responder a você em tempo hábil.