当前位置:首页 > 科技  > 软件

Astro是2023年最好的web框架,原因如下

来源: 责编: 时间:2023-10-08 07:05:29 444观看
导读以下解释是全面理解为什么 Astro 在2023年成为最佳 web 框架所必需的。问题:JavaScript过多在 Web 开发世界中,变化发生得非常快,尤其是对前端JavaScript开发者而言。变化之快,以至于我们有时会忘记为谁创建网站和 web

2IO28资讯网——每日最新资讯28at.com

以下解释是全面理解为什么 Astro 在2023年成为最佳 web 框架所必需的。2IO28资讯网——每日最新资讯28at.com

问题:JavaScript过多

在 Web 开发世界中,变化发生得非常快,尤其是对前端JavaScript开发者而言。2IO28资讯网——每日最新资讯28at.com

变化之快,以至于我们有时会忘记为谁创建网站和 web  应用:用户。2IO28资讯网——每日最新资讯28at.com

自从 BackboneJS 和 AngularJS 在2011/2012年变得非常流行后,web 就被SPA(单页应用)淹没了。2IO28资讯网——每日最新资讯28at.com

别误会,只要你想创建一个 web  应用而不是一个带有少量JavaScript交互的网站,SPA 是非常好的。2IO28资讯网——每日最新资讯28at.com

但是... 因为 AngularJS 是由Google制作的,而且使用UI框架进行 JavaScript 编程比使用jQuery 更加时髦和客观上更易于维护,人们开始为每一件事都创建 SPA。2IO28资讯网——每日最新资讯28at.com

是的,所有事情,甚至包括简单的基于内容的网站...2IO28资讯网——每日最新资讯28at.com

这当时导致了两个大问题:2IO28资讯网——每日最新资讯28at.com

  • 后端框架开始针对REST AP I响应进行优化,而不再渲染HTML。因此,我们越来越少地看到带有模板引擎的后端框架,尤其是在NodeJS中。
  • SEO(搜索引擎优化)

SPA在客户端进行渲染,这意味着当像Google这样的搜索引擎爬虫来索引内容时,它们什么也看不到。2IO28资讯网——每日最新资讯28at.com

于是,解决方案出现了:SSR(服务器端渲染)。2IO28资讯网——每日最新资讯28at.com

基本上,这意味着在后端执行前端代码以进行初始渲染。2IO28资讯网——每日最新资讯28at.com

这样做的问题是:我们需要一个NodeJS服务器,因为只有NodeJS后端才能执行客户端语言JavaScript。2IO28资讯网——每日最新资讯28at.com

如果有一个基于内容的网站,这是很多额外的开销。2IO28资讯网——每日最新资讯28at.com

于是,针对这些网站找到了解决方案:SSG(静态站点生成器)和预渲染。2IO28资讯网——每日最新资讯28at.com

SSG在SPA成为一种事物之前就已经存在,但在上述问题出现后,它们变得越来越流行。2IO28资讯网——每日最新资讯28at.com

但是... 它们也有两个大问题:2IO28资讯网——每日最新资讯28at.com

  • 要么它们用的是除JavaScript之外的其他语言编写,这让在不同项目之间共享UI组件变得非常困难。
  • 要么它们是基于像Vue、React或Svelte这样的前端框架用JavaScript编写的,因此由于我们称之为“水合作用”,它们发送了过多的JavaScript。

现实是:有时你只需要一点点 JavaScript 来进行微互动。而且,甚至不是每个页面都需要!2IO28资讯网——每日最新资讯28at.com

这就是 Astro 的用武之地。2IO28资讯网——每日最新资讯28at.com

解决方案:Astro

什么是Astro?

Astro 最初是一个基于 JavaScript 语言的静态站点生成器(SSG),但默认情况下在客户端不生成任何JavaScript。2IO28资讯网——每日最新资讯28at.com

它在构建时执行你的JS代码,就像服务器端渲染(SSR)框架一样,但它不进行水合作用(hydration),因为大多数基于内容的网站不需要 JS。2IO28资讯网——每日最新资讯28at.com

但是当你需要JS时,你该怎么办?2IO28资讯网——每日最新资讯28at.com

只在需要时选择使用 JavaScript

你可以像旧时一样使用JavaScript,通过命令式DOM操作,或者...2IO28资讯网——每日最新资讯28at.com

使用像AlpineJS或Vue-petite这样令人惊叹的东西,它们是即插即用的,并且只发送少量的JS。2IO28资讯网——每日最新资讯28at.com

对于高级场景或当你需要重用其他项目中拥有的UI组件时,Astro创建了:Islands(岛屿)。2IO28资讯网——每日最新资讯28at.com

Astro Islands是独立的组件,你可以从Vue、React、Svelte甚至更多的前端框架(见结论部分)中带来!2IO28资讯网——每日最新资讯28at.com

这是他们能做的最方便的事情。2IO28资讯网——每日最新资讯28at.com

这些组件将被单独渲染,并注入到最终的HTML中。要么是静态的(没有水合作用),要么是动态的(带有JS)。2IO28资讯网——每日最新资讯28at.com

下面是一个使用 Astro 的最终HTML页面可能的样子:2IO28资讯网——每日最新资讯28at.com

2IO28资讯网——每日最新资讯28at.com

本文链接:http://www.28at.com/showinfo-26-12308-0.htmlAstro是2023年最好的web框架,原因如下

声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。邮件:2376512515@qq.com

上一篇: 使用@Log和@Slf4j装饰器提升Spring Boot的日志功能

下一篇: DDD架构下的防御式编程:五大关卡共同保障业务数据的有效性

标签:
  • 热门焦点
  • 消息称迪士尼要拍真人版《魔发奇缘》:女主可能也找黑人演员

    8月5日消息,迪士尼确实有点忙,忙着将不少动画改成真人版,继《美人鱼》后,真人版《白雪公主》、《魔发奇缘》也在路上了。据外媒消息称,迪士尼将打造真人版
  • Raft算法:保障分布式系统共识的稳健之道

    1. 什么是Raft算法?Raft 是英文”Reliable、Replicated、Redundant、And Fault-Tolerant”(“可靠、可复制、可冗余、可容错”)的首字母缩写。Raft算法是一种用于在分布式系统
  • 阿里大调整

    来源:产品刘有媒体报道称,近期淘宝天猫集团启动了近年来最大的人力制度改革,涉及员工绩效、层级体系等多个核心事项,目前已形成一个初步的“征求意见版”:1、取消P序列
  • 认真聊聊东方甄选:如何告别低垂的果实

    来源:山核桃作者:财经无忌爆火一年后,俞敏洪和他的东方甄选依旧是颇受外界关心的“网红”。7月5日至9日,为期5天的东方甄选“甘肃行”首次在自有App内直播,
  • 2纳米决战2025

    集微网报道 从三强争霸到四雄逐鹿,2nm的厮杀声已然隐约传来。无论是老牌劲旅台积电、三星,还是誓言重回先进制程领先地位的英特尔,甚至初成立不久的新
  • 苹果公司要求三星和LG Display生产「无边框」OLED iPhone显示屏

    据 The Elec 报道,苹果已要求其供应商为未来的 iPhone 型号开发「无边框」OLED 显示面板。苹果显然已要求三星和 LG Display 开发新的 OLED 显示面
  • iQOO Neo8 Pro真机谍照曝光:天玑9200+和V1+旗舰双芯加持

    去年10月,iQOO推出了iQOO Neo7系列机型,不仅搭载了天玑9000+,而且是同价位唯一一款天玑9000+直屏旗舰,一经上市便受到了用户的广泛关注。在时隔半年后,
  • 苹果MacBook Pro 2021测试:仍不支持平滑滚动

    据10月30日9to5 Mac 消息报道,苹果新的 14 英寸和 16 英寸 MacBook Pro 2021 上市后获得了不错的评价,亮点包括行业领先的性能,令人印象深刻的电池续航,精美丰
  • 电博会与软博会实现"线下+云端"的双线融合

    在本次“电博会”与“软博会”双展会利好条件的加持下,既可以发挥展会拉动人流、信息流、资金流实现快速交互流动的作用,继而推动区域经济良性发展;又可以聚
Top