盧偉冰長文解析K60至尊版 對Redmi有著里程碑式的意義
在今天的Redmi后性能時代戰(zhàn)略發(fā)布會結(jié)束之后，Redmi總經(jīng)理盧偉冰又帶來了一篇長文，詳解了為什么 Redmi 要開啟后性能時代？為什么選擇和 MediaTek、Pixelworks 深度合作？以及后性
作者丨Futari Boy
編譯丨諾亞
說到Web框架，大家最先想到的可能是 Vue、React，或者是Next.js。但不得不提，有個后起之秀“來勢洶洶”，1.0版本發(fā)布至今僅一年，就出盡風(fēng)頭。它就是Astro。
Astro 是什么？一個現(xiàn)代化的靜態(tài)站點生成器和前端框架。它允許開發(fā)人員使用組件化的方式構(gòu)建內(nèi)容優(yōu)先的網(wǎng)站。2022 年，Astro在JavaScript明星項目中排名第七，一年新增了15k star！
順帶一提，Astro 的作者也非無名之輩，而是Snowpack的作者 Fred K. Schott，這位可以說是Unbundle 構(gòu)建工具的祖師爺。
有人說，Astro是2023年最好的Web框架。事實真的如此嗎？且聽我逐一道來。
在web開發(fā)世界中，事情變化很快，特別是對于JavaScript前端開發(fā)人員。
如此之快，以至于我們有時忽略或忘記了我們到底在為誰創(chuàng)建網(wǎng)站和web應(yīng)用程序：用戶。
自從BackboneJS和AngularJS在2011/2012年變得非常流行以來，網(wǎng)絡(luò)上就充斥著spa。
不要誤解我的意思，spa是很棒的，只要你想創(chuàng)建一個web應(yīng)用程序，而不是一個只有少量JavaScript交互的網(wǎng)站。
但是，因為AngularJS是由Google開發(fā)的，而且用UI框架做JavaScript比用jQuery更漂亮，客觀上也更容易維護，所以人們開始為一切都創(chuàng)建spa。
是的，一切，即使是簡單的基于內(nèi)容的網(wǎng)站……
這在當(dāng)時導(dǎo)致了兩個大問題：
第一，后端框架開始針對REST API響應(yīng)進行優(yōu)化，不再呈現(xiàn)HTML。因此，我們使用模板引擎的后端框架越來越少。特別是在NodeJS中。
第二，SEO（搜索引擎優(yōu)化）。
spa是在客戶端渲染的，這意味著當(dāng)像谷歌這樣的搜索引擎爬蟲進入索引內(nèi)容時，它們什么都沒有看到。
所以我們找到了解決辦法，SSR。
基本上，就是在后端執(zhí)行前端代碼以進行初始渲染。
問題是:你需要一個NodeJS服務(wù)器，因為只有NodeJS后端可以執(zhí)行客戶端的JavaScript語言。
如果你有一個基于內(nèi)容的網(wǎng)站，這是一筆很大的開銷。
因此，我們?yōu)檫@些網(wǎng)站找到了一個解決方案：SSG和預(yù)渲染。
SSG代表“靜態(tài)站點生成器”。在spa出現(xiàn)之前，它們就已經(jīng)存在了，但在上述問題提出后，它們變得流行起來。
但是，他們也有兩個大問題：
現(xiàn)實是：有時你只需要一點點JavaScript來進行微交互。而且，不是每一頁都寫！
這就是Astro的用武之地。
Astro開發(fā)團隊最初的設(shè)計目標(biāo)就是：用 Astro 建立一個緩慢的網(wǎng)站幾乎是不可能的。測試顯示，與React Web 框架構(gòu)建的相同網(wǎng)站相比，Astro 網(wǎng)站的加載速度可以提高 40%，而JS代碼的體積可以減少90% 。
Astro最初是一個基于JavaScript語言的SSG，但在客戶端默認不生成JavaScript。
它在構(gòu)建時執(zhí)行JS代碼，就像SSR框架一樣，但它不會hydration（水化），因為大多數(shù)基于內(nèi)容的網(wǎng)站不需要JS。
但是當(dāng)你需要JS的時候，你該怎么辦呢?
在需要時選擇加入JavaScript
你可以像以前那樣使用JavaScript，使用命令式DOM操作或者……
使用像AlpineJS或Vue-petite這樣的東西，它們是即插即用的，只提供少量JS。
對于高級場景，或者當(dāng)你需要重用來自其他項目的UI組件時，Astro創(chuàng)建了：Islands。
Astro Islands是你可以從Vue、React、Svelte甚至更多前端框架中引入的獨立組件!
這些組件將被單獨渲染并注入到最終的HTML中。靜態(tài)(沒有hydration)或動態(tài)(使用JS)。
以下是Astro最終HTML頁面的樣子：
在像Nuxt或NextJS這樣的框架中，頁面加載后沒有任何內(nèi)容是靜態(tài)的，因為它會對整個頁面進行hydration，從而注入不必要的JavaScript。
之前提到，Astro最初是一個SSG，如今，它不止于此。
現(xiàn)在Astro也支持SSR，這意味著它也可以像一個簡單的后端框架一樣，使用最好的模板引擎。
在一個人們很容易分心的世界里，在我們用手機瀏覽互聯(lián)網(wǎng)的地方，速度和頁面加載是關(guān)鍵。
Astro是一個Web框架，你可以將其用作靜態(tài)站點生成器(SSG)或簡單的后端來呈現(xiàn)不需要作為SPA的頁面。
Astro擁有最通用的模板引擎：
所有這些都使Astro成為最好的創(chuàng)作工具：
要創(chuàng)建簡單的spa，比如一個帶有固定音頻播放器的網(wǎng)站，你可以使用Hotwire的Turbo和Astro。
現(xiàn)在，你甚至可以使用Astro對“視圖轉(zhuǎn)換”的新支持，它可以在頁面導(dǎo)航期間保持狀態(tài)。
我希望以上這些都能讓你更好地理解為什么要創(chuàng)建Astro，以及為什么它是2023年基于內(nèi)容的網(wǎng)站的最佳web框架。
參考鏈接：https://itnext.io/ok-astro-is-the-best-web-framework-in-2023-heres-why-734ca15c7062
本文鏈接：http://www.www897cc.com/showinfo-26-12756-0.html超越React，JS代碼體積減少90%！它為何是2023年最好的Web框架？
聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。郵件：2376512515@qq.com
上一篇： Kubernetes新手完全指南
Copyright ? 2016-2023 天津谷騏科技有限公司 版權(quán)所有 sitemap.xml
違法及侵權(quán)請聯(lián)系：2376512515@qq.com 津ICP備18001702號
津公網(wǎng)安備 12010102000574號