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

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

超火前端框架:公開叫板 Vue、React,擁有 5k star

來源: 責編: 時間:2024-04-02 17:21:31 182觀看
導讀Nuejs最近有一個很火的前端新框架,github 上已經有 5k 的star,這勢頭是真的猛:我看了一下,這個 Nuejs 框架大體上有幾個主要的特點:體積非常的小巧,只有 2.3k minzipped代碼量比較少,比較容易上手,代碼少了十倍與Vue.js、Reac

Nuejs

最近有一個很火的前端新框架,github 上已經有 5k 的star,這勢頭是真的猛:40428資訊網——每日最新資訊28at.com

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

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

我看了一下,這個 Nuejs 框架大體上有幾個主要的特點:40428資訊網——每日最新資訊28at.com

  • 體積非常的小巧,只有 2.3k minzipped
  • 代碼量比較少,比較容易上手,代碼少了十倍
  • 與Vue.js、React.js或 Svelte 不同,它沒有hooks、effects、props、portals等特殊抽象概念。只需掌握 HTML、CSS 和 JavaScript 基礎知識你就可以試著去使用它了。

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

非常的小巧

剛剛說了,Nuejs 與Vue.js、React.js或 Svelte 不同,它沒有hooks、effects、props、portals等特殊抽象概念。只需掌握 HTML、CSS 和 JavaScript 基礎知識你就可以試著去使用它了。40428資訊網——每日最新資訊28at.com

所以它少了大部分的代碼,整體體積只有2.3k minzipped,大大縮小了項目的體積。40428資訊網——每日最新資訊28at.com

Nuejs 是通過 HTML 模板語法來編寫界面的。如果 React、Vue 是 “純JavaScript”,那么 Nuejs 可以說是 “純HTML”。40428資訊網——每日最新資訊28at.com

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

Nuejs 生態?

作者打算將 Nuejs 成為一個生態系統的核心,后續計劃還會包括:40428資訊網——每日最新資訊28at.com

  • Nue CSS: 用來代替 CSS-in-JS、Tailwind 和 SASS
  • Nue MVC: 用來構建單頁應用
  • Nue UI: 一個組件庫,用來快速編寫頁面
  • Nuemark: 一個 markdown 的庫,用來編寫漂亮的 md 內容
  • Nuekit: 用于用更少的代碼構建網站和web應用。

作者覺得,如果這個 Nuejs 生態全部搭建起來,那么 Nuejs 將可能代替 Vite、Next.js 和 Astro 這些熱門的前端框架庫。40428資訊網——每日最新資訊28at.com

簡單看看,不必學習

其實這個框架我們現階段完全可以不用學習,了解一下就好了。40428資訊網——每日最新資訊28at.com

我們可以看看這個前端框架長什么樣子,我們先用 git 把這個項目給拷貝下來:40428資訊網——每日最新資訊28at.com

git clone https://github.com/nuejs/create-nue.git

在 vscode 中可以安裝一下 Nuejs 的插件,這樣的話 .nue 文件里的內容才會有高亮:40428資訊網——每日最新資訊28at.com

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

我們可以看一下 simple-app 中的代碼,可以看出個大概:40428資訊網——每日最新資訊28at.com

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

先看看 index.html:40428資訊網——每日最新資訊28at.com

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

再看看 app.nue:40428資訊網——每日最新資訊28at.com

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

我看了一下,整個文件就像是在寫 HTML 一樣,通過注釋可以看出,還可以在路由跳轉的時候去執行一些操作。40428資訊網——每日最新資訊28at.com

每一個文件最外層的標簽上都有 @name,應該是通過這個來給這個組件命名:40428資訊網——每日最新資訊28at.com

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

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

然后可以通過路由回調中的mountChild去加載對應名稱的組件頁面,并且在跳轉的時候可以進行傳參:40428資訊網——每日最新資訊28at.com

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

并且在跳轉目標組件中,可以通過constructor進行接收參數:40428資訊網——每日最新資訊28at.com

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

并且可以看到,組件傳參跟 Vue 很像。40428資訊網——每日最新資訊28at.com

本文鏈接:http://www.tebozhan.com/showinfo-26-80863-0.html超火前端框架:公開叫板 Vue、React,擁有 5k star

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

上一篇: C#中拷貝文件的幾種方式

下一篇: 終于有人把Autowired注解講清楚了,贊!!!

標簽:
  • 熱門焦點
Top