Whether you're building a simple page, crafting an interactive app, or architecting a complex system, ofa.js handles it all with ease.
ofa.js is suitable for any application scenario.
I'm too tired to learn more. I don't want to read your documentation. Can I still use it? 
I want to add a temporary feature to an old project 
I'm a beginner developer, and I was discouraged by Node.js and npm 
I'm developing a huge shopping mall system. Can you support it? 
I'm a backend developer. I just want to use backend template engines for development. Is ofa.js suitable for me? I'm too tired to learn more. I don't want to read your documentation. Can I still use it? You can directly reuse components developed with ofa.js without learning ofa.js first.
After open-source component authors finish writing code, others only need to copy a few lines following the example to instantly bring the functionality into their own projects.
I want to add a temporary feature to an old project You can start using it immediately by introducing ofa.js via a script tag in your existing project.
After introduction, a wide variety of components become readily available.
I'm a beginner developer, and I was discouraged by Node.js and npm ofa.js is extremely beginner-friendly, without the need to learn tools like Node.js or npm.
You only need a browser and any static server to start developing.
If you use Chrome, open OFA Studio , this online tool, and you don't need to prepare a static server. Just get started.
Tutorial: Create your first app I'm developing a huge shopping mall system. Can you support it? ofa.js is perfect for large projects because it uses a micro-frontend architecture.
You can split your shopping mall system into granular requirements, develop components one by one, and place them in separate folders. You can preview component effects directly through a static server.
Finally, assemble them into a massive system. ofa.js's micro-frontend approach is exactly the remedy for monolith applications.
You can refer to the case study NoneOS, which is an operating system developed with ofa.js and is extremely large in scale.
I'm a backend developer. I just want to use backend template engines for development. Is ofa.js suitable for me? ofa.js's SSR doesn't need to be bound to Node.js. As long as you follow the SCSR rules, you can use any backend language for template engine development.
For details, refer to ofa.js SSR
No build step—just run the code.
You can use ofa.js on any platform that supports Web Components
Components developed based on ofa.js can be used without worrying about dependencies and configuration issues
不加班了
下班给我
迟点下班
周末加班
In the past, you had to go through a series of learning steps like Node.js ➡️ npm ➡️ Webpack just to take the first step in encapsulating a component.
Now, all you need is one file.
Supports both template syntax and direct node manipulation, ensuring both flexibility and efficiency
API design is similar to jQuery, but more intuitive
// jQuery Code
$("#target").html("some html code"); // Set html
$("#target").text("set text"); // Set text
var ele_text = $("#target").text(); // Get text
var parents = $("#target").parents(); // Get an array of all ancestors
var child = $("#target").children()[0]; // Get first child element
// ofa.js Code
$("#target").html = "some html code"; // Set html
$("#target").text = "set text"; // Set text
var ele_text = $("#target").text; // Get text
var parents = $("#target").parents; // Get an array of all ancestors
var child = $("#target")[0]; // Get first child element