新聞中心
我知道這只是11月,但是我們許多人都希望今年結(jié)束,所以讓我們來看看2021年最重要的前端趨勢是什么,我認(rèn)為這種趨勢不會流行。

創(chuàng)新互聯(lián)是一家專業(yè)的成都網(wǎng)站建設(shè)公司,我們專注網(wǎng)站制作、成都網(wǎng)站制作、網(wǎng)絡(luò)營銷、企業(yè)網(wǎng)站建設(shè),外鏈,一元廣告為企業(yè)客戶提供一站式建站解決方案,能帶給客戶新的互聯(lián)網(wǎng)理念。從網(wǎng)站結(jié)構(gòu)的規(guī)劃UI設(shè)計到用戶體驗(yàn)提高,創(chuàng)新互聯(lián)力求做到盡善盡美。
[[352982]]
Svelte
根據(jù)文檔,Svelte是一個組件框架(如React或Vue),但有一個重要區(qū)別。區(qū)別在于Svelte在構(gòu)建時運(yùn)行,將您的代碼轉(zhuǎn)換為高效的JavaScript。因此,您可以獲得組件框架的好處而不會降低性能。
Svelte已經(jīng)問世幾年了,最新版本(3)將于2019年發(fā)布。在GitHub上,它已有超過3.9萬顆星,但是由于它仍然不成熟,因此并未在大型項(xiàng)目中廣泛使用。那么,為什么2021年將成為Svelte受歡迎的決定性一年?
組件框架的典型問題是它們是在客戶端呈現(xiàn)的,因此搜索引擎會獲得幾乎為空的HTML,這對SEO不利。 為了減輕該問題,每個庫都有其解決方案。 對于Svelte來說,通常是Sapper。 但是在10月的2020年Svelte峰會上,其創(chuàng)建者決定放棄Sapper并提出一種制作Svelte應(yīng)用程序的新方法。
新方法將基于SvelteKit。其目標(biāo)是通過快速構(gòu)建,熱模塊重新加載,錯誤覆蓋和無服務(wù)器支持來關(guān)注開發(fā)人員的經(jīng)驗(yàn)。如果Svelte可以提供無縫的體驗(yàn)和開箱即用的SSR支持,那么它可能會改變游戲規(guī)則。
因此,Svelte似乎將為開發(fā)人員提供一流的體驗(yàn)。但是說服他們使用它就足夠了嗎?
無代碼/低代碼
沒有代碼的工具允許沒有編碼經(jīng)驗(yàn)的人("公民開發(fā)人員")創(chuàng)建軟件。同時,具有一定編程經(jīng)驗(yàn)的人可以使用低代碼工具來創(chuàng)建軟件和對其進(jìn)行少量修改。
多年來,公民開發(fā)人員可以使用Squarespace或Wix等工具創(chuàng)建網(wǎng)站。但是在最近幾年中,出現(xiàn)了許多新工具,可以使每個人創(chuàng)建大量其他應(yīng)用程序。
您現(xiàn)在可以創(chuàng)建移動應(yīng)用程序,使用機(jī)器學(xué)習(xí),將增強(qiáng)現(xiàn)實(shí)技術(shù)添加到電子商務(wù)站點(diǎn),構(gòu)建語音應(yīng)用程序,聊天機(jī)器人或設(shè)計復(fù)雜表單。新工具的數(shù)量驚人。
我知道無代碼和低代碼工具的許多限制。他們生產(chǎn)的應(yīng)用程序彼此相似,但功能有限且限制嚴(yán)格。此外,供應(yīng)商鎖定可能會嚴(yán)重打擊許多企業(yè)。但從長遠(yuǎn)來看,我認(rèn)為這并不重要。
這些工具為每個人提供了構(gòu)建軟件的獨(dú)特機(jī)會。任何有想法,花一點(diǎn)錢,幾個星期的時間的人都可以創(chuàng)造自己的夢想。無需花費(fèi)數(shù)月的開發(fā)時間和數(shù)千美元,幾乎可以立即看到效果。這將為廉價的概念驗(yàn)證或A / B測試提供絕佳機(jī)會。
我認(rèn)為無代碼會消除軟件開發(fā)人員的需求。 但這將使人們能夠自行構(gòu)建事物,并使開發(fā)人員專注于更復(fù)雜和有趣的問題。
Remix
根據(jù)其創(chuàng)建者的說法,Remix是一個基于React和Node的全棧框架,可為您帶來最新的Web開發(fā),而不會留下使Web變得更好的基礎(chǔ)知識。
Remix提供了現(xiàn)成的HTTP緩存,元標(biāo)記支持以及帶有正確狀態(tài)代碼的服務(wù)器呈現(xiàn)。 它還為您提供了嵌套的路由,并為加載數(shù)據(jù)提供了一種簡便的方法。
您可能認(rèn)為Remix是現(xiàn)代的Ruby on Rails。它致力于將出色的開發(fā)人員經(jīng)驗(yàn)和開發(fā)速度與單頁面應(yīng)用程序(SPA)時代早已被遺忘的Web基礎(chǔ)知識相結(jié)合。
Remix尚未投入生產(chǎn)。 它剛剛開始測試版(稱為Supporter Preview)。 該框架看起來很有希望,并由React世界中兩個最有影響力的開發(fā)人員(偉大的React Router的創(chuàng)建者)維護(hù)。
Remix的缺點(diǎn)? 它不是免費(fèi)的。 目前,獨(dú)立許可的費(fèi)用為每年250美元。 Remix最大的競爭對手Next.js是免費(fèi)的。
開發(fā)人員已經(jīng)習(xí)慣了開源,并期望免費(fèi)獲得其工具。有趣的是,您需要付費(fèi)購買的一款出色軟件是否可以成為流行的選擇。
靜態(tài)網(wǎng)站生成
單頁應(yīng)用程序不適用于SEO。在過去的幾年中,我們?yōu)樵搯栴}提供了兩種解決方案:服務(wù)器端呈現(xiàn)(SSR)和靜態(tài)站點(diǎn)生成(SSG)。
使用SSR,我們可以在服務(wù)器上運(yùn)行應(yīng)用程序。 它創(chuàng)建由前端獲取的HTML。 使用SSG,我們可以在構(gòu)建時創(chuàng)建應(yīng)用程序的所有頁面。 因此,存儲在服務(wù)器上的文件是靜態(tài)的,并像標(biāo)準(zhǔn)的非SPA應(yīng)用程序一樣由瀏覽器獲取。
SSR的最大問題是,在服務(wù)器上構(gòu)建應(yīng)用程序會占用大量資源,而且速度可能很慢,因此會增加頁面加載時間。 SSG的缺點(diǎn)是,每個小的更改都需要重新構(gòu)建和創(chuàng)建所有應(yīng)用程序頁面。 如果應(yīng)用程序有很多頁面,則該過程很慢且成本很高。
現(xiàn)在看來,SSG贏了,SSR(幾乎)死了。Next.js是一個流行的全??蚣?,將SSG設(shè)置為默認(rèn)框架,并添加了增量構(gòu)建,以緩解每次更改后重新構(gòu)建所有頁面的問題。此外,像Gatsby這樣的靜態(tài)網(wǎng)站生成器會在其產(chǎn)品中添加增量構(gòu)建。
憑借出色的速度,安全性和開發(fā)經(jīng)驗(yàn),SSG必將在2021年贏得明顯的勝利。
但是不要忘了Remix。它基于SSR,因此,如果成功了,那么這種方法可以重新應(yīng)用到游戲中。
偉大的失敗者— GraphQL
根據(jù)文檔:
| " GraphQL是API的查詢語言,是用于使用現(xiàn)有數(shù)據(jù)完成這些查詢的運(yùn)行時。GraphQL為您的API中的數(shù)據(jù)提供了一個完整且易于理解的描述,使客戶能夠準(zhǔn)確地詢問他們所需的內(nèi)容,僅此而已,使隨著時間的推移更容易開發(fā)API并啟用強(qiáng)大的開發(fā)人員工具。" |
那是什么意思?這意味著它是REST API的替代品。在REST中,通常有數(shù)十個端點(diǎn),每個端點(diǎn)返回的數(shù)據(jù)過多。GraphQL允許您擁有更少的端點(diǎn)(通常是一個端點(diǎn)),并定義需要獲取的數(shù)據(jù)。
GraphQL于2015年開源,并定期列出有關(guān)" 插入年份的最熱趨勢"的列表,但它仍然不是很受歡迎。明年為什么會改變呢?
不會的!
GraphQL旨在解決一系列特定問題,這是許多團(tuán)隊(duì)所沒有的問題。作為交換,它引入了新的困難:緩存,擴(kuò)展,缺乏HTTP狀態(tài)處理等。
GraphQL很棒,但是對于許多開發(fā)人員而言,這并不值得麻煩。 因此它仍將被某些公司使用,但不會大幅增加。 至少在2021年不是這樣。
你呢? 如何看待2021年的價格飆升?
當(dāng)前名稱:2021年前端的4種趨勢以及一個失敗者
網(wǎng)站URL:http://fisionsoft.com.cn/article/cdjjshh.html


咨詢
建站咨詢
