Que ce soit pour créer une page simple, une application interactive ou un système complexe, ofa.js saura y faire face avec aisance.
Quel que soit le scénario d'application, ofa.js convient.
J'en ai trop à apprendre, je ne veux plus lire votre documentation. Est-ce que je peux l'utiliser quand même ? 
Je veux ajouter rapidement une fonctionnalité à un ancien projet. 
Je suis débutant en développement, j'ai été rebuté par Node.js et npm. 
Je développe un vaste système de centre commercial. Pouvez-vous le supporter ? 
Je suis développeur backend, je veux utiliser uniquement le moteur de templates backend. Est-ce qu'ofa.js est adapté ? J'en ai trop à apprendre, je ne veux plus lire votre documentation. Est-ce que je peux l'utiliser quand même ? Il n'est pas nécessaire d'apprendre ofa.js au préalable pour réutiliser directement les composants développés avec.
Une fois que l'auteur du composant open source a terminé son code, les autres n'ont qu'à copier quelques lignes selon l'exemple pour instantanément intégrer la fonctionnalité dans leur propre projet.
Je veux ajouter rapidement une fonctionnalité à un ancien projet. Il suffit d'ajouter ofa.js via une balise script dans votre projet existant pour l'utiliser immédiatement.
Une fois ajouté, toutes sortes de composants sont à portée de main.
Je suis débutant en développement, j'ai été rebuté par Node.js et npm. ofa.js est très convivial pour les débutants, pas besoin d'apprendre Node.js, npm ou d'autres outils.
Il suffit d'un navigateur et d'un serveur statique quelconque pour commencer à développer.
Si vous utilisez Chrome, ouvrez OFA Studio cet outil en ligne, vous n'avez même pas besoin de préparer un serveur statique, commencez directement.
Tutoriel : Créer votre première application Je développe un vaste système de centre commercial. Pouvez-vous le supporter ? ofa.js est très adapté aux grands projets car il adopte une architecture de micro-frontend.
Vous pouvez décomposer le système de centre commercial en besoins suffisamment fins, développer les composants un par un, les placer dans des dossiers séparés, et prévisualiser directement le rendu des composants via un serveur statique.
Enfin, assemblez-les un par un pour former un système gigantesque. Le mode micro-frontend d'ofa.js est précisément le remède aux applications monolithiques.
Référez-vous à l'exemple NoneOS, un système d'exploitation développé avec ofa.js, d'une échelle très vaste.
Je suis développeur backend, je veux utiliser uniquement le moteur de templates backend. Est-ce qu'ofa.js est adapté ? Le SSR d'ofa.js n'est pas lié à Node.js. Tant que vous respectez les règles SCSR, vous pouvez utiliser n'importe quel langage backend pour développer le moteur de templates.
Consultez la documentation SSR d'ofa.js
Évite le processus de compilation et exécute directement le code.
En utilisant des composants développés sur la base d'ofa.js, aucune question de dépendance ni de configuration ne se pose
Plus d'heures supplémentaires
Donnez-moi
Finir plus tard
Heures sup le week-end
Auparavant, vous deviez d'abord apprendre Node.js ➡️ npm ➡️ Webpack et une série d'autres choses, pour pouvoir franchir la première étape de l'encapsulation des composants.
Maintenant, vous n'avez besoin que d'un seul fichier.
Vous pouvez utiliser ofa.js sur toute plateforme prenant en charge Web Components
Tous les composants de ce site peuvent être utilisés, consultés et référencés indépendamment, sans dépendre d'un environnement spécifique, véritablement prêts à l'emploi.
Composant Logo avec animation d'impact, joue une animation de dispersion au clic
Composant bulle de chat, utilisé pour afficher des messages de chat, prend en charge la personnalisation de l'avatar et du contenu
Bonjour, ceci est un exemple de bulle de chat Composant de boîte de dialogue ancrée, affiche une boîte de dialogue avec contenu personnalisé lors du clic sur un élément spécifique
Ceci est une démonstration simple de boîte de dialogue ancrée
Composant de diagramme de flux, utilisé pour afficher les nœuds de processus et les relations de connexion
Une seule ligne de code pour afficher et visualiser le contenu Markdown ; la fonction de clic pour accéder à la documentation est également basée sur ce composant.
Composant interactif de prévisualisation de code, prend en charge l'édition multi-fichiers, la prévisualisation en temps réel, etc.
Bonjour o-playground
Ceci est un éditeur de code interactif
h3 { color: #42b983; }
Supporte à la fois la syntaxe des templates et la manipulation directe des nœuds, alliant flexibilité et efficacité
La conception de l’API ressemble à celle de jQuery, mais est plus intuitive
// Code jQuery
$("#target").html("some html code"); // définir le html
$("#target").text("set text"); // définir le texte
var ele_text = $("#target").text(); // obtenir le texte
var parents = $("#target").parents(); // obtenir le tableau de tous les parents
var child = $("#target").children()[0]; // obtenir le premier enfant
// Code ofa.js
$("#target").html = "some html code"; // définir le html
$("#target").text = "set text"; // définir le texte
var ele_text = $("#target").text; // obtenir le texte
var parents = $("#target").parents; // obtenir le tableau de tous les parents
var child = $("#target")[0]; // obtenir le premier enfant