概述
在我们生活的历史时期,前端世界充斥着框架:Vue、React、Angular,仅举最著名的几个。
所有技术都专注于让开发人员的生活变得更加轻松,而不太关心性能。
近年来,注重性能和速度的前端框架不断涌现:Astro是这一代技术的一部分。
在这篇文章中将向您展示什么是 Astro 以及它是如何工作的。
开始吧! 🤙
什么是阿斯特罗?
Astro 是用于构建内容驱动网站(例如博客、投资组合和电子商务)的 Web 框架。
Astro 为新的前端架构开辟了道路,以减少加载网页时 JavaScript 的开销和复杂性,使网站快速且 SEO 友好。
Astro 哲学的五项原则
Astro 的设计基于五个基本原则,以解释导致其发展的需求以及需要解决的问题:
内容驱动:Astro 旨在在开发以内容为中心的产品时全力以赴。
服务器优先:网站在服务器上呈现 HTML 时运行速度更快。
默认情况下很快:Astro 注重性能,这就是为什么很难创建一个慢速产品。
易于使用:您无需成为专家即可使用 Astro 构建某些东西。
以开发人员为中心:开发人员拥有工作所需的一切。
主要特点
Astro 内置了创建网站所需的一切。还有数百种不同的集成和 API 挂钩可用于根据您的具体用例和需求自定义项目。
一些亮点包括:
孤岛:基于“隔离”组件的 Web 架构,仅在需要时加载 JavaScript。
UI 无关:支持许多前端框架,例如 React、Preact、Svelte、Vue、Solid、Lit、HTMX、Web 组件。
默认情况下,零 JS:仅在必要时加载 JavaScript。
内容集合:组织、验证 Markdown 内容并提供 TypeScript 类型安全。
可定制:轻松与许多最流行的插件集成。