![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Astro 🪐 的基本概念(4 部分系列)
文章平均质量分 55
Q shen
分享
展开
-
在 Astro 中构建您的界面:组件
每个前端框架都基于组件的概念:Vue、Angular、React 使用这个强大的功能来构建完整的应用程序。Astro 也不例外,在本文中我们将了解什么是组件以及如何在 Astro 项目中使用它。开始吧!🤙Astro 组件是可重用的代码片段,它们是纯 HTML 模板组件,没有客户端运行时。这些文件的扩展名是.astro.Astro 组件非常灵活,因为您可以通过不同的方式使用它们:它可以在页面上包含一些可重用的 UI,例如页脚或导航栏。它可能包含一系列常用标签,使 SEO 易于使用。原创 2024-04-11 08:30:00 · 639 阅读 · 0 评论 -
互动片段:阿斯特罗群岛☄️
Astro 的理念是不使用 JavaScript,但在某些情况下,您可能需要使用它来为页面的某些元素提供交互性。在本文中,我们将了解阿斯特罗群岛是什么以及它们如何运作。开始吧!🤙在Astro中,“岛”是指页面上的任何交互式用户界面组件。岛屿可以被认为是漂浮在静态、轻量级、服务器渲染 HTML 海洋中的交互式小部件。一个岛屿始终独立于页面上的其他岛屿,其中可以存在多个岛屿。岛屿之间可以共享国家地位。原创 2024-04-10 18:31:37 · 392 阅读 · 0 评论 -
Astro:前端框架的新前沿
UI 无关:支持许多前端框架,例如 React、Preact、Svelte、Vue、Solid、Lit、HTMX、Web 组件。Astro 为新的前端架构开辟了道路,以减少加载网页时 JavaScript 的开销和复杂性,使网站快速且 SEO 友好。在我们生活的历史时期,前端世界充斥着框架:Vue、React、Angular,仅举最著名的几个。近年来,注重性能和速度的前端框架不断涌现:Astro是这一代技术的一部分。内容驱动:Astro 旨在在开发以内容为中心的产品时全力以赴。Astro 哲学的五项原则。原创 2024-04-10 18:30:28 · 729 阅读 · 0 评论