Que ce soit pour créer une page simple, une application interactive ou un système complexe, ofa.js saura s’en sortir avec brio.
Quel que soit le scénario d'application, ofa.js est adapté.
J'en ai marre d'apprendre, je ne veux pas lire votre documentation, est-ce que je peux l'utiliser ? 
Je veux ajouter une fonctionnalité temporaire à un vieux projet 
Je suis un débutant en développement, Node.js et npm m'ont découragé 
Développer un système de centre commercial énorme, est-ce que vous pouvez le supporter ? 
Je suis un développeur backend, je veux juste utiliser un moteur de templates backend pour développer, est-ce que ofa.js est adapté ? J'en ai marre d'apprendre, je ne veux pas lire votre documentation, est-ce que je peux l'utiliser ? Pas besoin d'apprendre ofa.js d'abord, vous pouvez réutiliser directement les composants développés avec.
Après que l'auteur du composant open source a écrit le code, les autres n'ont qu'à copier quelques lignes selon l'exemple pour instantanément intégrer la fonctionnalité dans leur projet.
Je veux ajouter une fonctionnalité temporaire à un vieux projet Il suffit d'introduire ofa.js via une balise script dans le projet existant pour l'utiliser immédiatement.
Après l'introduction, une variété de composants est à portée de main.
Je suis un débutant en développement, Node.js et npm m'ont découragé ofa.js est très convivial pour les débutants, pas besoin d'apprendre Node.js, npm et autres outils.
Il suffit d'un navigateur, plus n'importe quel serveur statique, pour commencer à développer.
Si vous utilisez Chrome, ouvrez OFA Studio cet outil en ligne, vous n'aurez pas besoin de préparer un serveur statique, commencez directement.
Tutoriel : Créer la première application Développer un système de centre commercial énorme, est-ce que vous pouvez le supporter ? ofa.js est très adapté aux grands projets, car il adopte un modèle d'architecture micro-frontend.
Vous pouvez décomposer le système de centre commercial en besoins suffisamment fins, développer composant par composant, les placer dans des dossiers indépendants, et prévisualiser l'effet des composants directement via un serveur statique.
Enfin, assemblez-les un par un en un système énorme. Le mode micro-frontend d'ofa.js est justement le remède aux applications monolithiques.
Vous pouvez vous référer au cas NoneOS, un système d'exploitation développé avec ofa.js, d'une échelle très vaste.
Je suis un développeur backend, je veux juste utiliser un moteur de templates backend pour développer, est-ce que ofa.js est adapté ? Le SSR d'ofa.js n'a pas besoin d'être lié à Node.js, tant que vous suivez les règles SCSR, vous pouvez utiliser n'importe quel langage backend pour le développement avec moteur de templates.
Référence détaillée ofa.js SSR
Pas de compilation : le code s’exécute directement.
Vous pouvez utiliser ofa.js sur n'importe quelle plateforme supportant Web Components
Utiliser des composants développés avec ofa.js ne nécessite pas de se soucier des dépendances et des problèmes de configuration
Plus d'heures supplémentaires
Fin du travail pour moi
Fin du travail plus tard
Travail le week-end
Autrefois, vous deviez d'abord passer par toute une série d'apprentissages comme Node.js ➡️ npm ➡️ Webpack avant de pouvoir faire le premier pas vers l'encapsulation d'un composant
Maintenant, vous n'avez besoin que d'un seul fichier
Prend en charge la syntaxe des templates tout en permettant la manipulation directe des nœuds, combinant flexibilité et efficacité
La conception de l'API est similaire à celle de jQuery, mais 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 un tableau de tous les parents
var child = $("#target").children()[0]; // Obtenir le premier élément 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 un tableau de tous les parents
var child = $("#target")[0]; // Obtenir le premier élément enfant