zephjs
1.0.0
ZephJS es un marco fácil, comprensible y ultraligero para definir y utilizar componentes web. Es perfecto para personas que escriben bibliotecas de componentes, equipos que crean aplicaciones o sitios que solo requieren unos pocos componentes personalizados, o proyectos que crean aplicaciones completas que no quieren todo el peso de un marco de navegador JavaScript moderno. ZephJS simplifica el proceso de definición de componentes web personalizados en una estructura declarativa y altamente legible que utiliza JavaScript estándar, marcado HTML estándar y estilo CSS estándar.
ZephJS tiene como objetivo devolver a la comunidad la prometida facilidad de los componentes web. Lo hace respetando los siguientes principios:
ZephJS a menudo se llama simplemente "Zeph" y se pronuncia "Zef".
ZephJS tiene las siguientes características...
ZephJS tiene cuatro casos de uso diferentes que se pueden abordar desde el principio:
¡Elija la mejor manera de comenzar y comience a usar ZephJS hoy!
ZephJS proporciona una gran cantidad de documentación para ayudarle a usarlo...
Empezando
Componentes
Servicios
API
agrupación
Herramienta de línea de comando
ZephJS se envía con una pequeña herramienta de línea de comandos (CLI) para ayudarle con sus necesidades relacionadas con ZephJS. Esto se instala localmente cuando instala ZephJS a través de npm y se puede acceder a él con el comando de shell zeph . Tiene la siguiente sintaxis:
zeph < command >Hay varios comandos que puedes ejecutar. Rapidísimo:
hello : genera la aplicación de ejemplo hola mundo.create : cree un nuevo componente que incluya archivos auxiliares .js, .html y .css.serve : Ejecute un pequeño servidor web en http://localhost:4000 que servirá al directorio actual.bundle : agrupa varios componentes de ZephJS en un solo archivo.Para obtener más información, consulte nuestra documentación sobre la interfaz de línea de comandos de Zeph.
ZephJS se envía con un conjunto de ejemplos para su referencia.
QuickStartExample: nuestro ejemplo de la guía de inicio rápido.
BasicComponent: un ejemplo de un componente básico.
HelloBadge: un ejemplo un poco más grande de un componente que utiliza un segundo componente.
Ejemplo de colección: un ejemplo de cómo agrupar varios componentes en un solo archivo, llamado colección.
Ejemplo de servicio: un ejemplo del uso de la clase ZephService para crear un servicio reutilizable.
RatingStars: un ejemplo de uso de recursos y agrupación.
ZephJS se basa en estándares de navegadores modernos y, por lo tanto, requiere un navegador moderno para funcionar. En particular, requiere los siguientes estándares web: Shadow DOM v1, Custom Elements v1, Mutation Observer y Fetch.
La siguiente tabla de compatibilidad de navegadores indica qué navegadores son compatibles y cuáles no. (Todas las estadísticas del navegador tomadas de caniuse.com y utilizadas bajo las condiciones de su licencia).
| Navegador | Versión mínima requerida | Notas |
|---|---|---|
| Firefox | 63 | |
| Cromo | 54 | |
| Safari | 10.1 | Los pseudoselectores :host y ::slotted tienen errores. |
| Ópera | 41 | |
| Borde de Microsoft | 15 (con Polyfill) | Requiere el uso de polímero polirelleno. Consulte la documentación de ZephJS Polyfill. |
| MicrosoftInternet Explorer | NO SOPORTADO | |
| iOSSafari | 10.3 | Los pseudoselectores :host y ::slotted tienen errores. |
| Navegador de Android | 67 | |
| Navegador Blackberry | NO SOPORTADO | No hay soporte como ov v10. |
| Ópera móvil | 46 | |
| Chrome para Android | 71 | |
| Firefox para Android | 64 | |
| Es decir móvil | NO SOPORTADO | Sin soporte a partir de v11 |
| Navegador UC para Android | 11.8 | |
| internet samsung | 6.2 | |
| Navegador QQ | NO SOPORTADO | Sin soporte a partir de v1.2 |
| Navegador Baidu | NO SOPORTADO | Sin soporte a partir de v7.12 |
| (Gráfico actualizado por última vez el 25 de febrero de 2019) |
ZephJS está escrito y mantenido por The Awesome Engineering Company. The Awesome Engineering Company cree en la creación de software limpio, configurable y creativo para ingenieros, arquitectos y clientes.
Para obtener más información sobre The Awesome Engineering Company y nuestro conjunto de productos, visítenos en la web en https://awesomeeng.com.
Este producto cuenta con mantenimiento y soporte técnico de The Awesome Engineering Company. Para obtener asistencia, presente un problema o contáctenos a través de nuestro sitio web en https://awesomeeng.com. Haremos nuestro mejor esfuerzo para responderle de manera oportuna.
ZephJS se publica bajo la licencia MIT. Lea el archivo de LICENCIA para obtener más detalles.
