当前位置:首页 > 科技  > 软件

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

来源: 责编: 时间:2024-04-02 17:21:31 237观看
导读Nuejs最近有一个很火的前端新框架,github 上已经有 5k 的star,这势头是真的猛:我看了一下,这个 Nuejs 框架大体上有几个主要的特点:体积非常的小巧,只有 2.3k minzipped代码量比较少,比较容易上手,代码少了十倍与Vue.js、Reac

Nuejs

最近有一个很火的前端新框架,github 上已经有 5k 的star,这势头是真的猛:xpI28资讯网——每日最新资讯28at.com

xpI28资讯网——每日最新资讯28at.com

xpI28资讯网——每日最新资讯28at.com

我看了一下,这个 Nuejs 框架大体上有几个主要的特点:xpI28资讯网——每日最新资讯28at.com

  • 体积非常的小巧,只有 2.3k minzipped
  • 代码量比较少,比较容易上手,代码少了十倍
  • 与Vue.js、React.js或 Svelte 不同,它没有hooks、effects、props、portals等特殊抽象概念。只需掌握 HTML、CSS 和 JavaScript 基础知识你就可以试着去使用它了。

xpI28资讯网——每日最新资讯28at.com

非常的小巧

刚刚说了,Nuejs 与Vue.js、React.js或 Svelte 不同,它没有hooks、effects、props、portals等特殊抽象概念。只需掌握 HTML、CSS 和 JavaScript 基础知识你就可以试着去使用它了。xpI28资讯网——每日最新资讯28at.com

所以它少了大部分的代码,整体体积只有2.3k minzipped,大大缩小了项目的体积。xpI28资讯网——每日最新资讯28at.com

Nuejs 是通过 HTML 模板语法来编写界面的。如果 React、Vue 是 “纯JavaScript”,那么 Nuejs 可以说是 “纯HTML”。xpI28资讯网——每日最新资讯28at.com

xpI28资讯网——每日最新资讯28at.com

Nuejs 生态?

作者打算将 Nuejs 成为一个生态系统的核心,后续计划还会包括:xpI28资讯网——每日最新资讯28at.com

  • Nue CSS: 用来代替 CSS-in-JS、Tailwind 和 SASS
  • Nue MVC: 用来构建单页应用
  • Nue UI: 一个组件库,用来快速编写页面
  • Nuemark: 一个 markdown 的库,用来编写漂亮的 md 内容
  • Nuekit: 用于用更少的代码构建网站和web应用。

作者觉得,如果这个 Nuejs 生态全部搭建起来,那么 Nuejs 将可能代替 Vite、Next.js 和 Astro 这些热门的前端框架库。xpI28资讯网——每日最新资讯28at.com

简单看看,不必学习

其实这个框架我们现阶段完全可以不用学习,了解一下就好了。xpI28资讯网——每日最新资讯28at.com

我们可以看看这个前端框架长什么样子,我们先用 git 把这个项目给拷贝下来:xpI28资讯网——每日最新资讯28at.com

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

在 vscode 中可以安装一下 Nuejs 的插件,这样的话 .nue 文件里的内容才会有高亮:xpI28资讯网——每日最新资讯28at.com

xpI28资讯网——每日最新资讯28at.com

我们可以看一下 simple-app 中的代码,可以看出个大概:xpI28资讯网——每日最新资讯28at.com

xpI28资讯网——每日最新资讯28at.com

先看看 index.html:xpI28资讯网——每日最新资讯28at.com

xpI28资讯网——每日最新资讯28at.com

再看看 app.nue:xpI28资讯网——每日最新资讯28at.com

xpI28资讯网——每日最新资讯28at.com

我看了一下,整个文件就像是在写 HTML 一样,通过注释可以看出,还可以在路由跳转的时候去执行一些操作。xpI28资讯网——每日最新资讯28at.com

每一个文件最外层的标签上都有 @name,应该是通过这个来给这个组件命名:xpI28资讯网——每日最新资讯28at.com

xpI28资讯网——每日最新资讯28at.com

xpI28资讯网——每日最新资讯28at.com

然后可以通过路由回调中的mountChild去加载对应名称的组件页面,并且在跳转的时候可以进行传参:xpI28资讯网——每日最新资讯28at.com

xpI28资讯网——每日最新资讯28at.com

并且在跳转目标组件中,可以通过constructor进行接收参数:xpI28资讯网——每日最新资讯28at.com

xpI28资讯网——每日最新资讯28at.com

并且可以看到,组件传参跟 Vue 很像。xpI28资讯网——每日最新资讯28at.com

本文链接:http://www.28at.com/showinfo-26-80863-0.html超火前端框架:公开叫板 Vue、React,拥有 5k star

声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。邮件:2376512515@qq.com

上一篇: C#中拷贝文件的几种方式

下一篇: 终于有人把Autowired注解讲清楚了,赞!!!

标签:
  • 热门焦点
  • 一加Ace2 Pro真机揭晓 钛空灰配色质感拉满

    终于,在经过了几波预热之后,一加Ace2 Pro的外观真机图在网上出现了。还是博主数码闲聊站曝光的,这次的外观设计还是延续了一加11的方案,只是细节上有了调整,例如新加入了钛空灰
  • 服务存储设计模式:Cache-Aside模式

    Cache-Aside模式一种常用的缓存方式,通常是把数据从主存储加载到KV缓存中,加速后续的访问。在存在重复度的场景,Cache-Aside可以提升服务性能,降低底层存储的压力,缺点是缓存和底
  • SpringBoot中使用Cache提升接口性能详解

    环境:springboot2.3.12.RELEASE + JSR107 + Ehcache + JPASpring 框架从 3.1 开始,对 Spring 应用程序提供了透明式添加缓存的支持。和事务支持一样,抽象缓存允许一致地使用各
  • 19个 JavaScript 单行代码技巧,让你看起来像个专业人士

    今天这篇文章跟大家分享18个JS单行代码,你只需花几分钟时间,即可帮助您了解一些您可能不知道的 JS 知识,如果您已经知道了,就当作复习一下,古人云,温故而知新嘛。现在,我们就开始今
  • 2023年,我眼中的字节跳动

    此时此刻(2023年7月),字节跳动从未上市,也从未公布过任何官方的上市计划;但是这并不妨碍它成为中国最受关注的互联网公司之一。从2016-17年的抖音强势崛起,到2018年的“头腾
  • 大厂卷向扁平化

    来源:新熵作者丨南枝 编辑丨月见大厂职级不香了。俗话说,兵无常势,水无常形,互联网企业调整职级体系并不稀奇。7月13日,淘宝天猫集团启动了近年来最大的人力制度改革,目前已形成一
  • 网传小米汽车开始筛选交付中心 建筑面积不低于3000平方米

    7月7日消息,近日有微博网友@长三角行健者爆料称,据经销商集团反馈,小米汽车目前已经开始了交付中心的筛选工作,要求候选场地至少有120个车位,建筑不能低
  • 华为HarmonyOS 4升级计划公布:首批34款机型今日开启公测

    8月4日消息,今天下午华为正式发布了HarmonyOS 4系统,在更流畅的前提下,还带来了不少新功能,UI设计也有变化,会让手机焕然一新。华为宣布,首批机型将会在
  • 利用职权私自解除被封帐号 Meta开除20多名员工

    11月18日消息,据外媒援引知情人士表示,过去一年时间内,Facebook母公司Meta解雇或处罚了20多名员工以及合同工,指控这些人通过内部系统以不当方式重置用户帐号,其
Top