注册会员
×

已有账号? 请点击

使用其他方式登录

Nue.js前端新框架详细介绍

发布2024-01-30 浏览36次

详情内容

什么是Nue Js?   Nue是一个让前端开发更加愉快的工具集。官方声称,它对Vue、React和Svelte等生态系统以及Vite、Next.js和Astro等网页开发框架进行了彻底改革。  

Nue有很多特点:

  • 使用渐进增强、关注点分离和语义Web设计,能提供更高水准的性能、更好的可扩展性和大幅改进的开发体验。

  • Nue是一个非常小巧的JavaScript库,压缩后仅2.3kb。

  • 它没有hooks、effects、props、portals、watchers、provides、injects、suspension等抽象概念。只需要掌握HTML、CSS和JavaScript的基础知识,就能轻松上手。

  • Nue消除了TCP慢启动算法和渐进增强带来的“地狱”。

  • 它使用基于HTML的模板语法。

  • Nue具有响应式和异构组件模型,适用于创建各种类型的应用程序。

  • 它允许在单个文件中定义多个组件,从而简化依赖管理。

  • Nue简化了工具链,包含了render函数进行服务器端渲染,以及compile函数生成浏览器端组件。在开发环境中,无需复杂的打包工具如Webpack或Vite也能正常运行。


GitHub地址:https://github.com/nuejs/nue

659e530d032f9.png

Nue JS是一款最近开源的轻量级Web前端UI框架,它具有代码量少、易于上手的特点,适合开发人员快速构建用户界面。

Nue JS压缩后仅有2.3kb,支持服务器端渲染、响应式设计和同构应用开发。

Nue Js 与 Vue.js、React.js 或 Svelte 有什么区别?

Nue Js 类似Vue、React或Svelte,但更简单,没有复杂的Hooks、Props等概念,开发者只需要掌握HTML、CSS和JavaScript基础知识就可以使用。

与React相比,Nue JS实现相同功能的代码量仅为后者的十分之一,大大简化了Web前端开发。Nue JS通过HTML模板语法来编写界面,减少了大量冗余代码。

659e530d3c92b.png

Nue JS由之前开发过知名MVP框架Riot.js的作者创建。他希望建立一个新的轻量级Web开发生态,以此推出的Nue JS是其核心组件。此外还有Nue CSS、Nue MVC、Nue UI等项目正处在开发中。

Nue生态完成后将成为类似Vite、Next.js、Astro等项目的重要替代选择。它回归语义化、渐进增强的Web设计理念,使用减少10倍的代码构建应用程序。

Nue 消除了 TCP 慢启动算法和渐进增强带来的 “地狱”:

659e530dae873.png

示例代码

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 倍的代码构建用户界面

  • Nue CSS:恢复级联样式的力量

  • Nue MVC:构建可扩展的直观单页应用程序

  • Nue UI:用于快速 UI 开发的可复用组件

  • Nuemark:提供丰富互动内容的 Markdown 风味版本

  • Nuekit:使用减少 10 倍的代码构建网站和 Web 应用程序



点击QQ咨询
开通会员
返回顶部
×
  • 微信支付
  • 支付宝付款
微信扫码支付
微信扫码支付
请使用微信描二维码支付
×

提示信息

×

选择支付方式

  • 微信支付
  • 支付宝付款
确定支付下载