纯粹 Vanilla：无需框架的 Web 开发指南
纯粹 Vanilla
这是一份关于如何仅使用 vanilla 技术进行 Web 开发的说明。无需任何工具或框架——只有 HTML、CSS 和 JavaScript。
关于本站
本文概述了在不使用构建工具或框架的情况下，仅使用编辑器、浏览器和 Web 标准来制作网站和 Web 应用程序的主要技术。
具体来说，涵盖以下主题：
Components 使用 Web Components 作为基本构建块，从纯 HTML、JavaScript 和 CSS 构建更高级的基元，从而取代来自 React 或 Vue 等框架的组件方法。
Styling 充分利用现代 CSS 的能力来取代 CSS Modules、PostCSS 或 SASS 的便利性。
Sites 创建一个基于 Web Components 的 Web 项目，并在不涉及构建工具、框架或服务器端逻辑的情况下将其部署到生产环境。
Applications 如何使用 vanilla 技术构建单页 Web 应用程序，如何进行路由以及如何管理状态。
本教程面向那些已经熟悉 HTML、CSS 和 JavaScript 的读者。 如果您刚刚开始学习 Web 开发并正在寻找入门资源，那么本网站还不适合您。 您可以从 The Odin Project Foundations Course 或 MDN Learn web development 学习路径开始。
等等，为什么？
现代 Web 开发框架在快速开发结构良好的丰富 Web 应用程序方面功能强大，仅凭这一点，它们就非常值得您花时间学习。 然而，这种丰富的功能是以框架和工具的复杂性为代价的，并且由此产生的项目通常需要定期维护以保持安全和最新。
纯粹 vanilla 风格的 Web 开发做出了不同的选择，牺牲了一些短期舒适性，以换取长期利益，例如简单性和有效的零维护。 这种方法之所以成为可能，是因为如今的浏览器环境提供了出色的 Web 标准支持。
接下来
了解如何使用 Web Components 作为组合内容、样式和行为的方式。