你可以使用这些方法替换流行的框架！🔥

TL;DR当然，我意识到当今大多数主要网站都是用它们编写的，我只是提供一种替代方案。

大家好！如今，如此多的网站使用 Next.js、Nuxt.js 等框架，你不禁会觉得这毫无希望，但事实并非如此！

在本文中，我们将介绍可用于创建 Web 应用程序的主要方法。

让我们开始吧！

📦 Web 组件（原始自定义元素）

是的，我想到最简单的解决方案可能是只创建组件，而不使用框架。虽然很简单，但非常有效。

class MyComponent extends HTMLElement {
  connectedCallback() {
    this.innerHTML = `<button>Hello World</button>`;
  }
}
customElements.define('my-component', MyComponent);

当然，在原生 JavaScript 中，早就有了诸如CustomElementRegistry接口之类的解决方案，我们可以在示例中通过属性来访问它，或者随附customElements旧的标签。template

这在今天是一个相当小众的东西，但尽管如此，它是一项官方支持的技术，因此它将长期具有相关性，并且不会依赖于任何模块。

🌐 Ajax 和 HTML

第二种方法如今越来越流行，即在标记中直接从服务器获取数据。我们描述请求的一些小设置，模块就会接收组件的数据。

<div>
  {{#request src="/api/title"}}{{/request}}
  <button data-action="increment" id="btn">Click!</button>
  <div>
    Clicks: {{#request src="/api/clicks" after="click:#btn"}}{{/request}}
  </div>
</div>

这种方法的一大优势在于，我们可以将组件带到服务器并重复使用，而无需考虑域。此外，这种构造非常轻量级。示例中使用了HMPL语法。

💎 查看 HMPL

🗄️ 内容管理系统

这是最古老的方法，如今许多开发人员不再考虑它，但它对业务的好处是不可否认的——这是一个内容管理系统。

无论网络开发如何发展，即使 20 年后人们仍然会使用WordPress和其他类似的平台，因为它很方便并且为企业提供了许多现成的解决方案。

💎 查看 WordPress

🪨静态站点生成器

这也是一种古老但仍然适用的网站创建方式。当我们不处理用户内容，而只显示静态数据时，这种方式非常适合创建博客或文档。

当然，我们可以举个例子， Jekyll——这可能是最流行的创建静态博客的工具，专为 Web 1.0 设计而设计，但它也是一种很酷的网站创建方式。Jekyll 代码示例：

---
layout: default
title: Home
---

# Welcome!

This is the homepage of my Jekyll website.

## Latest Posts
<ul>
  {% for post in site.posts %}
    <li>
      <a href="{{ post.url }}">{{ post.title }}</a>
      ({{ post.date | date: "%m/%d/%Y" }})
    </li>
  {% endfor %}
</ul>

是的，大部分内容都是通过Markdown生成的，所以这种方法适合我之前写的内容。

💎 查看 Jekyll

结论

是的，如今框架并非万能药。网站开发之所以好用，是因为它允许你选择多种创建方法。如果一个工具支持将代码编译成现成的 HTML，那么它就已经足够好了。而且，无论它是用什么语言编写的，即使是 Rust 或其他语言，都无关紧要。因此，如今为一项任务选择特定的方法比以往任何时候都更加容易。

你在项目中用什么来代替框架？欢迎在评论区留言，分享你的想法👀！

感谢您阅读这篇文章❤️！