AVt天堂网 手机版,亚洲va久久久噜噜噜久久4399,天天综合亚洲色在线精品,亚洲一级Av无码毛片久久精品

當前位置:首頁 > 科技  > 軟件

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

來源: 責編: 時間:2023-10-08 07:05:29 251觀看
導讀以下解釋是全面理解為什么 Astro 在2023年成為最佳 web 框架所必需的。問題:JavaScript過多在 Web 開發世界中,變化發生得非???,尤其是對前端JavaScript開發者而言。變化之快,以至于我們有時會忘記為誰創建網站和 web

IHK28資訊網——每日最新資訊28at.com

以下解釋是全面理解為什么 Astro 在2023年成為最佳 web 框架所必需的。IHK28資訊網——每日最新資訊28at.com

問題:JavaScript過多

在 Web 開發世界中,變化發生得非常快,尤其是對前端JavaScript開發者而言。IHK28資訊網——每日最新資訊28at.com

變化之快,以至于我們有時會忘記為誰創建網站和 web  應用:用戶。IHK28資訊網——每日最新資訊28at.com

自從 BackboneJS 和 AngularJS 在2011/2012年變得非常流行后,web 就被SPA(單頁應用)淹沒了。IHK28資訊網——每日最新資訊28at.com

別誤會,只要你想創建一個 web  應用而不是一個帶有少量JavaScript交互的網站,SPA 是非常好的。IHK28資訊網——每日最新資訊28at.com

但是... 因為 AngularJS 是由Google制作的,而且使用UI框架進行 JavaScript 編程比使用jQuery 更加時髦和客觀上更易于維護,人們開始為每一件事都創建 SPA。IHK28資訊網——每日最新資訊28at.com

是的,所有事情,甚至包括簡單的基于內容的網站...IHK28資訊網——每日最新資訊28at.com

這當時導致了兩個大問題:IHK28資訊網——每日最新資訊28at.com

  • 后端框架開始針對REST AP I響應進行優化,而不再渲染HTML。因此,我們越來越少地看到帶有模板引擎的后端框架,尤其是在NodeJS中。
  • SEO(搜索引擎優化)

SPA在客戶端進行渲染,這意味著當像Google這樣的搜索引擎爬蟲來索引內容時,它們什么也看不到。IHK28資訊網——每日最新資訊28at.com

于是,解決方案出現了:SSR(服務器端渲染)。IHK28資訊網——每日最新資訊28at.com

基本上,這意味著在后端執行前端代碼以進行初始渲染。IHK28資訊網——每日最新資訊28at.com

這樣做的問題是:我們需要一個NodeJS服務器,因為只有NodeJS后端才能執行客戶端語言JavaScript。IHK28資訊網——每日最新資訊28at.com

如果有一個基于內容的網站,這是很多額外的開銷。IHK28資訊網——每日最新資訊28at.com

于是,針對這些網站找到了解決方案:SSG(靜態站點生成器)和預渲染。IHK28資訊網——每日最新資訊28at.com

SSG在SPA成為一種事物之前就已經存在,但在上述問題出現后,它們變得越來越流行。IHK28資訊網——每日最新資訊28at.com

但是... 它們也有兩個大問題:IHK28資訊網——每日最新資訊28at.com

  • 要么它們用的是除JavaScript之外的其他語言編寫,這讓在不同項目之間共享UI組件變得非常困難。
  • 要么它們是基于像Vue、React或Svelte這樣的前端框架用JavaScript編寫的,因此由于我們稱之為“水合作用”,它們發送了過多的JavaScript。

現實是:有時你只需要一點點 JavaScript 來進行微互動。而且,甚至不是每個頁面都需要!IHK28資訊網——每日最新資訊28at.com

這就是 Astro 的用武之地。IHK28資訊網——每日最新資訊28at.com

解決方案:Astro

什么是Astro?

Astro 最初是一個基于 JavaScript 語言的靜態站點生成器(SSG),但默認情況下在客戶端不生成任何JavaScript。IHK28資訊網——每日最新資訊28at.com

它在構建時執行你的JS代碼,就像服務器端渲染(SSR)框架一樣,但它不進行水合作用(hydration),因為大多數基于內容的網站不需要 JS。IHK28資訊網——每日最新資訊28at.com

但是當你需要JS時,你該怎么辦?IHK28資訊網——每日最新資訊28at.com

只在需要時選擇使用 JavaScript

你可以像舊時一樣使用JavaScript,通過命令式DOM操作,或者...IHK28資訊網——每日最新資訊28at.com

使用像AlpineJS或Vue-petite這樣令人驚嘆的東西,它們是即插即用的,并且只發送少量的JS。IHK28資訊網——每日最新資訊28at.com

對于高級場景或當你需要重用其他項目中擁有的UI組件時,Astro創建了:Islands(島嶼)。IHK28資訊網——每日最新資訊28at.com

Astro Islands是獨立的組件,你可以從Vue、React、Svelte甚至更多的前端框架(見結論部分)中帶來!IHK28資訊網——每日最新資訊28at.com

這是他們能做的最方便的事情。IHK28資訊網——每日最新資訊28at.com

這些組件將被單獨渲染,并注入到最終的HTML中。要么是靜態的(沒有水合作用),要么是動態的(帶有JS)。IHK28資訊網——每日最新資訊28at.com

下面是一個使用 Astro 的最終HTML頁面可能的樣子:IHK28資訊網——每日最新資訊28at.com

IHK28資訊網——每日最新資訊28at.com

在像Nuxt或NextJS這樣的框架中,在頁面加載之后沒有什么是靜態的,因為它會對整個頁面進行水合作用,從而注入不必要的JavaScript。IHK28資訊網——每日最新資訊28at.com

我是否說過Astro最初是一個SSG?因為現在,它不僅僅是那樣。IHK28資訊網——每日最新資訊28at.com

現在 Astro 還支持SSR,這意味著它也可以像一個簡單的后端框架一樣運作,配備有目前最優秀的模板引擎。IHK28資訊網——每日最新資訊28at.com

結論:為什么Astro是2023年最佳的Web框架?

在一個人們容易分心、大量使用手機瀏覽互聯網的世界里:速度和頁面加載是關鍵。IHK28資訊網——每日最新資訊28at.com

Astro 是一個可以用作靜態站點生成器(SSG)或用作簡單后端渲染不需要作為SPA的頁面的Web框架。IHK28資訊網——每日最新資訊28at.com

Astro擁有目前最通用的模板引擎:IHK28資訊網——每日最新資訊28at.com

  • 它支持來自Vue、React、Svelte、Lit、Preact和Solid JS的外部組件。你可以輕松地重用展示性組件。
  • 它具有基于文件的路由,支持URL參數和查詢
  • 它具有圖像優化和轉換、Markdown支持(.md和.mdx)、前置內容支持
  • 它具有CSS作用域支持、SASS支持
  • 它具有腳本標簽作用域和打包
  • 它可以輕松集成自定義元素,也就是Web組件
  • 它具有圖像甚至組件的懶加載
  • 它具有靜態API端點支持
  • 它支持多種運行時:Node、Deno和Bun!
  • 它可以輕松部署在主要的Web主機上,包括邊緣服務器:Netlify、Vercel、Cloudflare、Firebase、Surge、Render、Heroku等!

所有這些使Astro成為創建以下類型網站的最佳工具:IHK28資訊網——每日最新資訊28at.com

  • 活動網站
  • 列表網站
  • 教程網站
  • 作品集網站
  • 營銷網站
  • 截屏網站
  • 自定義電子商務網站
  • 展示、博客或新聞網站

要創建簡單的SPA,比如帶有固定音頻播放器的網站,你可以使用Hotwire的Turbo與Astro一起使用。IHK28資訊網——每日最新資訊28at.com

現在,你甚至可以使用Astro新支持的“視圖轉換”,在頁面導航過程中保持狀態。IHK28資訊網——每日最新資訊28at.com

希望以上所有內容都讓你對Astro的創建目的以及為什么它是2023年面向基于內容的網站的最佳Web框架有了一個很好的了解。IHK28資訊網——每日最新資訊28at.com

IHK28資訊網——每日最新資訊28at.com

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

聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。郵件:2376512515@qq.com

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

下一篇: DDD架構下的防御式編程:五大關卡共同保障業務數據的有效性

標簽:
  • 熱門焦點
  • 多線程開發帶來的問題與解決方法

    使用多線程主要會帶來以下幾個問題:(一)線程安全問題  線程安全問題指的是在某一線程從開始訪問到結束訪問某一數據期間,該數據被其他的線程所修改,那么對于當前線程而言,該線程
  • 深度探索 Elasticsearch 8.X:function_score 參數解讀與實戰案例分析

    在 Elasticsearch 中,function_score 可以讓我們在查詢的同時對搜索結果進行自定義評分。function_score 提供了一系列的參數和函數讓我們可以根據需求靈活地進行設置。近期
  • .NET 程序的 GDI 句柄泄露的再反思

    一、背景1. 講故事上個月我寫過一篇 如何洞察 C# 程序的 GDI 句柄泄露 文章,當時用的是 GDIView + WinDbg 把問題搞定,前者用來定位泄露資源,后者用來定位泄露代碼,后面有朋友反
  • 虛擬鍵盤 API 的妙用

    你是否在遇到過這樣的問題:移動設備上有一個固定元素,當激活虛擬鍵盤時,該元素被隱藏在了鍵盤下方?多年來,這一直是 Web 上的默認行為,在本文中,我們將探討這個問題、為什么會發生
  • 2023年,我眼中的字節跳動

    此時此刻(2023年7月),字節跳動從未上市,也從未公布過任何官方的上市計劃;但是這并不妨礙它成為中國最受關注的互聯網公司之一。從2016-17年的抖音強勢崛起,到2018年的“頭騰
  • 當家的盒馬,加速謀生

    來源 | 價值星球Planet作者 | 歸去來自己“當家”的盒馬,開始加速謀生了。據盒馬官微消息,盒馬計劃今年開放生鮮供應鏈,將其生鮮商品送往食堂。目前,盒馬在上海已經與
  • 三星顯示已開始為AR設備研發硅基LED微顯示屏

    7月18日消息,據外媒報道,隨著蘋果首款頭顯產品Vision Pro在6月份正式推出,AR/VR/MR等頭顯產品也就將成為各大公司下一個重要的競爭領域,對顯示屏這一關
  • Android 14發布:首批適配機型公布

    5月11日消息,谷歌在今天凌晨舉行了I/O大會,本次發布會谷歌帶來了自家的AI語言模型PaLM 2、谷歌Pixel Fold折疊屏、谷歌Pixel 7a手機,同時發布了Androi
  • 由于成本持續增加,筆記本產品價格預計將明顯上漲

    根據知情人士透露,由于材料、物流等成本持續增加,筆記本產品價格預計將在2021年下半年有明顯上漲。進入6月下旬以來,全球半導體芯片缺貨情況加劇,顯卡、處理器
Top