什么是Nue Js? Nue Js 與 Vue.js、React.js 或 Svelte 有什么區(qū)別?

什么是Nue Js? 

Nue JS是一款最近開源的輕量級(jí)Web前端UI框架,它具有代碼量少、易于上手的特點(diǎn),適合開發(fā)人員快速構(gòu)建用戶界面。

Nue JS壓縮后僅有2.3kb,支持服務(wù)器端渲染、響應(yīng)式設(shè)計(jì)和同構(gòu)應(yīng)用開發(fā)。

Nue Js 與 Vue.js、React.js 或 Svelte 有什么區(qū)別?

Nue Js 類似Vue、React或Svelte,但更簡單,沒有復(fù)雜的Hooks、Props等概念,開發(fā)者只需要掌握HTML、CSS和JavaScript基礎(chǔ)知識(shí)就可以使用。

與React相比,Nue JS實(shí)現(xiàn)相同功能的代碼量僅為后者的十分之一,大大簡化了Web前端開發(fā)。Nue JS通過HTML模板語法來編寫界面,減少了大量冗余代碼。

Nue JS由之前開發(fā)過知名MVP框架Riot.js的作者創(chuàng)建。他希望建立一個(gè)新的輕量級(jí)Web開發(fā)生態(tài),以此推出的Nue JS是其核心組件。此外還有Nue CSS、Nue MVC、Nue UI等項(xiàng)目正處在開發(fā)中。

Nue生態(tài)完成后將成為類似Vite、Next.js、Astro等項(xiàng)目的重要替代選擇。它回歸語義化、漸進(jìn)增強(qiáng)的Web設(shè)計(jì)理念,使用減少10倍的代碼構(gòu)建應(yīng)用程序。

Nue 消除了 TCP 慢啟動(dòng)算法和漸進(jìn)增強(qiáng)帶來的 “地獄”：

示例代碼

Nue 使用基于 HTML 的模板語法：

<div @name="media-object" class="{ type }">
  <img src="{ img }">
  <aside>
    <h3>{ title }</h3>
    <p :if="desc">{ desc }</h3>
    <slot/>
  </aside>
</div>

Nue JS 核心組件

• Nue JS：使用減少 10 倍的代碼構(gòu)建用戶界面
• Nue CSS：恢復(fù)級(jí)聯(lián)??樣式的力量
• Nue MVC：構(gòu)建可擴(kuò)展的直觀單頁應(yīng)用程序
• Nue UI：用于快速 UI 開發(fā)的可復(fù)用組件
• Nuemark：提供豐富互動(dòng)內(nèi)容的 Markdown 風(fēng)味版本
• Nuekit：使用減少 10 倍的代碼構(gòu)建網(wǎng)站和 Web 應(yīng)用程序