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

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

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

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

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

问题:JavaScript过多

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

解决方案:Astro

什么是Astro?

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

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

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

只在需要时选择使用 JavaScript

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

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

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

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

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

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

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

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

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

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

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

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

标签:
  • 热门焦点
  • 影音体验是真的强 简单聊聊iQOO Pad

    大公司的好处就是产品线丰富,非常细分化的东西也能给你做出来,例如早先我们看到了新的vivo Pad2,之后我们又在iQOO Neo8 Pro的发布会上看到了iQOO的首款平板产品iQOO Pad。虽
  • 石头智能洗地机A10 Plus体验:双向自清洁治好了我的懒癌

    一、前言和介绍专为家庭请假懒人而生的石头科技在近日又带来了自己的全新旗舰新品,石头智能洗地机A10 Plus。从这个产品名上就不难看出,这次石头推出的并不是常见的扫地机器
  • 5月iOS设备性能榜:M1 M2依旧是榜单前五

    和上个月一样,没有新品发布的iOS设备性能榜的上榜设备并没有什么更替,仅仅只有跑分变化而产生的排名变动,刚刚开始的苹果WWDC2023,推出的产品也依旧是新款Mac Pro、新款Mac Stu
  • 六大权益!华为8月服务日开启:手机免费贴膜、维修免人工费

    8月5日消息,一年一度的华为开发者大会2023(Together)日前在松山湖拉开帷幕,与此同时,华为8月服务日也式开启,到店可享六大专属权益。华为用户可在华为商城Ap
  • 每天一道面试题-CPU伪共享

    前言:了不起:又到了每天一到面试题的时候了!学弟,最近学习的怎么样啊 了不起学弟:最近学习的还不错,每天都在学习,每天都在进步! 了不起:那你最近学习的什么呢? 了不起学弟:最近在学习C
  • 破圈是B站头上的紧箍咒

    来源 | 光子星球撰文 | 吴坤谚编辑 | 吴先之每年的暑期档都少不了瞄准追剧女孩们的古偶剧集,2021年有优酷的《山河令》,2022年有爱奇艺的《苍兰诀》,今年却轮到小破站抓住了追
  • AI芯片初创公司Tenstorrent获三星和现代1亿美元投资

    Tenstorrent是一家由芯片行业资深人士Jim Keller领导的加拿大初创公司,专注于开发人工智能芯片,该公司周三表示,已经从现代汽车集团和三星投资基金等
  • 2022爆款:ROG魔霸6 冰川散热系统持续护航

    喜逢开学季,各大商家开始推出自己的新产品,进行打折促销活动。对于忠实的端游爱好者来说,能够拥有一款梦寐以求的笔记本电脑是一件十分开心的事。但是现在的
  • 世界人工智能大会国际日开幕式活动在世博展览馆开启

    30日上午,世界人工智能大会国际日开幕式活动在世博展览馆开启,聚集国际城市代表、重量级院士专家、国际创新企业代表,共同打造人工智能交流平台。上海市副市
Top