Ya sea para crear páginas simples, desarrollar aplicaciones interactivas o construir sistemas complejos, ofa.js se desempeña con soltura.
Sea cual sea el escenario, ofa.js es la opción adecuada.
Ya no puedo aprender más, no quiero leer vuestra documentación, ¿puedo usarlo? 
Quiero añadir una funcionalidad temporal a un proyecto antiguo 
Soy nuevo en desarrollo y Node.js y npm me han hecho tirar la toalla 
¿Podéis soportar el desarrollo de un enorme sistema de centro comercial? 
Soy desarrollador backend y solo quiero usar el motor de plantillas del backend, ¿es adecuado ofa.js? Ya no puedo aprender más, no quiero leer vuestra documentación, ¿puedo usarlo? No necesitas aprender ofa.js de antemano; puedes reutilizar componentes desarrollados con él directamente.
Tras escribir el código, los autores de componentes open source solo tienen que compartir un ejemplo; otros copian unas líneas y trasladan la funcionalidad a su proyecto en segundos.
Quiero añadir una funcionalidad temporal a un proyecto antiguo Simplemente incluye ofa.js en tu proyecto actual con una etiqueta script y empieza a usarlo al instante.
Tras la inclusión, tienes componentes variados a tu alcance.
Soy nuevo en desarrollo y Node.js y npm me han hecho tirar la toalla ofa.js es muy amigable para principiantes; no requiere aprender Node.js, npm ni otras herramientas.
Solo necesitas un navegador y cualquier servidor estático para empezar a desarrollar.
Si usas Chrome, abre la herramienta online OFA Studio y no necesitarás preparar un servidor estático; empieza directamente.
Tutorial: crea tu primera aplicación ¿Podéis soportar el desarrollo de un enorme sistema de centro comercial? ofa.js es ideal para proyectos grandes gracias a su arquitectura de micro-frontend.
Puedes dividir el sistema comercial en requisitos muy pequeños, desarrollar componente a componente, colocarlos en carpetas independientes y previsualizarlos directamente con un servidor estático.
Finalmente, ensamblar todo en un sistema enorme. El modo micro-frontend de ofa.js es el remedio perfecto contra aplicaciones monolíticas.
Consulta el caso NoneOS, un sistema operativo desarrollado con ofa.js de gran escala.
Soy desarrollador backend y solo quiero usar el motor de plantillas del backend, ¿es adecuado ofa.js? El SSR de ofa.js no está atado a Node.js; si sigues las reglas SCSR puedes usar cualquier lenguaje backend para desarrollar con motores de plantillas.
Consulta detalles en ofa.js SSR
Sin un proceso de compilación, ejecuta el código directamente.
Al utilizar componentes desarrollados con ofa.js, no es necesario preocuparse por dependencias ni configuraciones
Fin de las horas extra
Después del trabajo, dame
Salir un poco más tarde
Fin de semana en la oficina
Antes, tenías que pasar por una serie de aprendizajes como Node.js ➡️ npm ➡️ Webpack para dar el primer paso hacia la encapsulación de componentes.
Ahora, solo necesitas un archivo
Puedes usar ofa.js en cualquier plataforma que soporte Web Components
Todos los componentes del sitio web actual se pueden usar, ver y referenciar de forma independiente, sin depender de un entorno específico, logrando verdaderamente "tomarlos y usarlos".
Componente de logotipo con animación de impacto, al hacer clic reproduce un efecto de animación de dispersión
Componente de burbuja de chat, utilizado para mostrar mensajes de chat, compatible con personalización de avatar y contenido
Hola, este es un ejemplo de burbuja de chat Componente de diálogo anclado, al hacer clic en un elemento específico aparece un cuadro de diálogo mostrando contenido personalizado
Esta es una demostración simple de diálogo anclado
Componente de diagrama de flujo, utilizado para mostrar nodos de proceso y relaciones de conexión
Una sola línea de código para renderizar y ver Markdown; la funcionalidad actual de hacer clic para saltar y ver documentación también se basa en él.
Componente interactivo de vista previa de código, compatible con edición de múltiples archivos, vista previa en tiempo real, etc.
Hola o-playground
Este es un editor de código interactivo
h3 { color: #42b983; }
Admite sintaxis de plantillas y la manipulación directa de nodos, flexible y eficiente sin compromisos
El diseño de la API es similar a jQuery, pero más intuitivo
// jQuery Code
$("#target").html("some html code"); // establecer html
$("#target").text("set text"); // establecer texto
var ele_text = $("#target").text(); // obtener texto
var parents = $("#target").parents(); // obtener array de todos los padres
var child = $("#target").children()[0]; // obtener el primer hijo
// ofa.js Code
$("#target").html = "some html code"; // establecer html
$("#target").text = "set text"; // establecer texto
var ele_text = $("#target").text; // obtener texto
var parents = $("#target").parents; // obtener array de todos los padres
var child = $("#target")[0]; // obtener el primer hijo