文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

2021 最流行的十大 JS 框架,前三又换牌了,值得关注的是 Svelte 和 Solid 的崛起!

2024-12-02 07:05

关注

先来看看排行榜吧,知道一下目前最流行的项目都有哪些。

React 首次成为头号 UI 框架,但如果我们考虑到 Vue.js 被分成了两个仓库(第二和第三版本),实际上 Vue.js 才是第一名。

最大的变化是 Svelte 的崛起,它超越 Angular 占据第三位。

越来越多的工具或组件将 Svelte 纳入目标框架中(例如我们提到的 Vite)。

1. react

一个声明性,高效且灵活的 JavaScript 库,用于构建用户界面。

声明式

React 使创建交互式 UI 变得轻而易举。为你应用的每一个状态设计简洁的视图,当数据改变时 React 能有效地更新并正确地渲染组件。

以声明式编写 UI,可以让你的代码更加可靠,且方便调试。

组件化

创建拥有各自状态的组件,再由这些组件构成更加复杂的 UI。

组件逻辑使用 JavaScript 编写而非模板,因此你可以轻松地在应用中传递数据,并使得状态与 DOM 分离。

一次学习,随处编写

无论你现在正在使用什么技术栈,你都可以随时引入 React 来开发新特性,而不需要重写现有代码。

React 还可以使用 Node 进行服务器渲染,或使用 React Native 开发原生移动应用。

https://github.com/facebook/reactReact 相关的项目可以看: 一个 React 技术揭秘的项目,自顶向下的 React 源码分析。

2. vue

Vue.js 是一个渐进式 JavaScript 框架,也是目前前端最流行的框架。

易用

已经会了 HTML、CSS、JavaScript?即刻阅读指南开始构建应用!

灵活

不断繁荣的生态系统,可以在一个库和一套完整框架之间自如伸缩。

高效

https://github.com/vuejs/vueVue 相关的项目可以看看:推荐 7 个 Vue2、Vue3 源码解密分析的开源项目和 Vue3 的学习教程汇总、源码解释项目、支持的 UI 组件库、优质实战项目 ,你会找到 Vue 的学习宝藏库。

3. svelte

Svelte 是一个前端 UI 框架。

特性:

https://github.com/sveltejs/svelte

4. angular

AngularJS 是一个应用设计框架与开发平台,用于创建高效、复杂、精致的单页面应用,通过新的属性和表达式扩展了 HTML,实现一套框架,多种平台,移动端和桌面端。

AngularJS有着诸多特性,最为核心的是:MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。

https://github.com/angular/angular

5. solid

用于构建用户界面的声明式、高效且灵活的 JavaScript 库。

它把 React Vue 的精华给吸取过来了,jsx,响应式。

Solid 为什么性能这么快,主要三个方面:

https://github.com/solidjs/solid

6. alpine

Alpine.js 通过很低的成本提供了与 Vue 或 React 这类大型框架相近的响应式和声明式特性。

你可以继续操作 DOM,并在需要的时候使用 Alpine.js。

可以理解为 JavaScript 版本的 Tailwind。

Alpine 的优势在于 DOM 操作的简便性,例如:

你还可以使用 Alpine.js 来模板化数据是否可以在 JSON 中使用。

https://github.com/alpinejs/alpine

7. vue-next

易用

灵活

高效

https://github.com/vuejs/core

8. petite-vue

尤雨溪发布了一款针对渐进增强(progressive enhancement)进行优化的 Vue 发行版——petite-vue,大小仅有约 5kb。

与标准 Vue 相比,petite-vue 具备相同的模板语法和响应式心理模型,而二者的差别在于 petite-vue 专门针对在服务器框架渲染的一个现有 HTML 页面上 “sprinkle” 少量交互进行了优化。

petite-vue 的亮点不仅在于体积小,还在于它能够使用针对渐进增强的最优实现。

服务端渲染一般会有注水(hydrate)过程,而在 petite-vue 要做的事情比较简单,被称为"洒水(sprinkling)"

https://github.com/vuejs/petite-vue

9. lit

Lit 是一个基于 Web-Component 构建的前端框架,前身基本可以理解为即 Polymer , Lit 提供了如下具有竞争力的特性

基于 Web-Component 的更高层封装,提供了现代前端开发习惯的响应式数据,声明式的模版,减少了web component的一部分样板代码.

小。运行时仅有5K

性能强悍。规避了 VDOM 的一些弊端,更新时仅处理 UI 中的异步部分(可以理解成仅处理响应式的部分)

兼容性较好。因为 web-component 是 HTML 的原生能力,也就代表着 web-component 可以在任何使用 HTML 的地方使用,框架无关。

https://github.com/lit/lit

10. htmx

HTML 的高性能工具。

htmx 允许您使用属性直接以 HTML 访问 AJAX、WebSockets 和服务器发送的事件,因此您可以使用超文本的简单性和强大功能构建现代用户界面

htmx 很小(~7k 最小 gz'd),dependency-free,可扩展,与 IE11 兼容。

https://github.com/bigskysoftware/htmx


来源:前端GitHub内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯