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

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

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

Nuejs

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

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

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

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

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

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

非常的小巧

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

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

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

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

Nuejs 生态?

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

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

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

简单看看,不必学习

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

标签:
  • 热门焦点
  • 小米平板5 Pro 12.4简评:多专多能 兼顾影音娱乐的大屏利器

    疫情带来了网课,网课盘活了安卓平板,安卓平板市场虽然中途停滞了几年,但好的一点就是停滞的这几年行业又有了新的发展方向,例如超窄边框、高刷新率、多摄镜头组合等,这就让安卓
  • 6月iOS设备好评榜:第一蝉联榜首近一年

    作为安兔兔各种榜单里变化最小的那个,2023年6月的iOS好评榜和上个月相比没有任何排名上的变化,仅仅是部分设备好评率的下降,长年累月的用户评价和逐渐退出市场的老款机器让这
  • 十个可以手动编写的 JavaScript 数组 API

    JavaScript 中有很多API,使用得当,会很方便,省力不少。 你知道它的原理吗? 今天这篇文章,我们将对它们进行一次小总结。现在开始吧。1.forEach()forEach()用于遍历数组接收一参
  • 让我们一起聊聊文件的操作

    文件【1】文件是什么?文件是保存数据的地方,是数据源的一种,比如大家经常使用的word文档、txt文件、excel文件、jpg文件...都是文件。文件最主要的作用就是保存数据,它既可以保
  • 自律,给不了Keep自由!

    来源 | 互联网品牌官作者 | 李大为编排 | 又耳 审核 | 谷晓辉自律能不能给用户自由暂时不好说,但大概率不能给Keep自由。近日,全球最大的在线健身平台Keep正式登陆港交所,努力
  • 回归OPPO两年,一加赢了销量,输了品牌

    成为OPPO旗下主打性能的先锋品牌后,一加屡创佳绩。今年618期间,一加手机全渠道销量同比增长362%,凭借一加 11、一加 Ace 2、一加 Ace 2V三款爆品,一加
  • 联想YOGA 16s 2022笔记本将要推出,屏幕支持触控功能

    联想此前宣布,将于11月2日19:30召开联想秋季轻薄新品发布会,推出联想 YOGA 16s 2022 笔记本等新品。官方称,YOGA 16s 2022 笔记本将搭载 16 英寸屏幕,并且是一
  • 荣耀Magicbook V 14 2021曙光蓝版本正式开售,拥有触摸屏

    荣耀 Magicbook V 14 2021 曙光蓝版本正式开售,搭载 i7-11390H 处理器与 MX450 显卡,配备 16GB 内存与 512GB SSD,重 1.48kg,厚 14.5mm,具有 1.5mm 键盘键程、
  • SN570 NVMe SSD固态硬盘 价格与性能兼具

    SN570 NVMe SSD固态硬盘是西部数据发布的最新一代WD Blue系列的固态硬盘,不仅闪存技术更为精进,性能也得到了进一步的跃升。WD Blue SN570 NVMe SSD的包装外
Top