转载自:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。
原文出处:https://blog.bitsrc.io/top-5-javascript-frameworks-past-present-and-future-8b6fda39de02

随着信息技术领域的发展,企业对于JavaScript的需求变得十分广泛,为了让前端编码更快更高效,一系列前端JavaScript框架就此诞生。

前端框架的设计初衷是为脚本编程语言提供出色的支持,让代码重复可用。简而言之,框架是由一组开发人员编写的代码块,可使整个开发过程变得简单且易于实现。从业务角度看,框架能使开发人员更容易满足客户的需求,解决客户项目开发阶段所面临的各种挑战。

那么,在众多前端框架中,哪些在2020年更受关注和追捧呢?本文罗列了几个当下最受欢迎的前端框架,排名只是根据作者自身的使用经验、日常研究、框架的语法结构和易用性等特性进行排名。

以下是框架的排名依据参考:

  1. 是否保持增长和更新。

  2. 是否在大厂和开发者社群中受到推荐,如GitHub、NPM趋势、Google趋势等。

  3. 是否具备一个规模庞大且活跃的技术社区。

5. Svelte.js —— 麻雀虽小,五脏俱全

在React、Vue和Angular差不多占据了Web开发的大部分江山时,Svelte横空出世,并逐渐开始吸引越来越多人的眼球。这是一个用TypeScript编写的基于组件的开源JavaScript框架,于2016年发布。

2020年以来,Svelte的使用量急剧增加。

尤雨溪曾评价道:Svelte 的核心思想在于“通过静态编译减少框架运行时的代码量”,因此其非常适合开发小而快速迭代的项目,而且能做到极致精简。

Svelte的优势:

  1. 与React不同,Svelte没有虚拟DOM。其组件完全用HTML、CSS和JavaScript编写。

  2. Svelte编译器可编译原始JavaScript模块,该模块不依赖于框架。因此,与React、Angular和Vue相比,Svelte应用程序的捆绑包尺寸非常小。

  3. Svelte不需要较高的浏览器处理能力,即可实现类似外科手术般的方式更新DOM。

4.Ember.js —— 明显提高开发人员工作效率的生产工具

Ember.js是一款用于构建现代Web应用程序且功能全面的JavaScript框架,基于双向数据绑定概念(如AngularJS和React等SSR)运行,允许开发人员将更多精力放在创建独特的业务功能上。

由于Ember不再需要编写繁琐的代码,因此,开发人员的开发效率能够明显得到提升。目前,越来越多的一流公司开始在其产品中使用Ember,如Netflix、Microsoft和LinkedIn。

Ember自发布以来,在开发人员社区中的使用率逐渐增加。尽管Ember主要用于Web开发,但使用Ember.js搭建的桌面和移动应用程序也同样引人瞩目,而其中的代表作品就是Apple Music桌面应用程序。

3. Angular —— 一个可靠的框架

Google在2016年推出了Angular。但是,它的前身AngularJS可以追溯到2010年。在早期,React的流行将Angular甩在后面。但是,事实证明Angular仍是开发一款可靠的企业级应用的首选。

Angular受欢迎的原因:

  1. 拥有一个维持了十多年的大型生态系统。

  2. 具备全套开发工具。

  3. 允许高质量的代码生成,具有清晰的编码结构和代码一致性。

  4. 拥有出色的文档,其库为开发人员提供了大量支持。

  5. 日益增加的社区支持。

如果将Angular与React进行比较,我们可以观察到Angular的下载量并没有增加太多,并在过去两年中几乎达到饱和水平。

2. React —— 最受欢迎的框架

React是一个开源前端库,由Facebook开发团队的软件工程师于2011年创建,随后于2013年正式开源。经过9年的发展,目前它被认为是最受欢迎的前端库之一。React为前端开发引入了一种基于组件的、响应式的、函数式的编程风格,一举改变了单页应用程序(SPA)的发展方向。

为什么 React 如此受欢迎?

  1. React 引入了基于组件级的渲染机制。

  2. 提供了强大的服务端渲染(SSR),对SEO有良好的支持。

  3. 提供了更好并发性的React Fiber,使用了更少模板代码来管理功能组件的React Hooks,以及用于获得更好渲染效果的React suspense等功能。

  4. 一旦学会了React,可以在任何地方使用它,不仅可以用于Web应用程序,同时也可以在移动应用程序中使用(React Native)。

众多优秀的功能使React成为当今最受欢迎的框架之一,而NPM的下载量也证明了这一点。在过去的5年里,React在下载量方面一直在前端框架中占据着主导地位。就Stack Overflow技术问题总量趋势看,React也同样如此。

1. Vue.js —— 其受欢迎程度已经不需要多说了

其他框架

  • Meteor:一度被认为是用于开发和部署Web应用程序的全栈解决方案。

  • Mithril:用于开发SPA的UI JavaScript框架,提供了开箱即用的路由和XHR实用程序,并且快速,易于实现。

  • Aurelia:被认为是JavaScript的最新版本,可以扩展HTML的多种用途,包括数据绑定。

  • Polymer:一个由Google推出的开源代码库,可以为网站创建元素而无需进入复杂的层次。支持单向和双向数据绑定。


觉得本文对你有帮助,请分享给更多人:)

关注[ 前端小玖 ]加星标,点赞和在看就是最大的支持


angular js 使用pdf.js_排名靠前的几个JS框架发展趋势和前景相关推荐

  1. angular js 使用pdf.js_胶水(框架) Stencil.js

    去年的同一时间,我写了那篇<前端下半场:构建跨框架的 UI 库>推荐了 Stencil.js,当时是在项目的试验期.而 Stencil.js 已经在今年(2019 )的 6 月份,推出了 ...

  2. js/d3.min.js_在5分钟内学习D3.js

    js/d3.min.js by Sohaib Nehal 通过Sohaib Nehal 在5分钟内学习D3.js (Learn D3.js in 5 minutes) 创建数据可视表示的简介 (An ...

  3. SEO|搜索引擎优化(如何让你的网站排名靠前)

    如何让你的网站排名靠前         网站做好了,怎样才能让你的网站在各大搜索引擎中排名靠前呢?网上的帖子很多,通过搜索和总结,整理出了一套自己行之有效的方法,写出来供大家参考 成功案例推荐:天气预 ...

  4. 为Angular(2+)开发人员提供带TypeScript的Vue.js

    目录 介绍 单页应用程序的演变(SPA) 三大框架概述 Angular开发者的Vue.js 学习Vue.js Vue.js页面的剖析 构建示例应用程序 TypeScript的案例 入门--Vue.js ...

  5. SEO--搜索引擎优化(如何让你的网站排名靠前)

    如何让你的网站排名靠前 转载:小山http://www.cnblogs.com/singlepine/archive/2006/07/23/457820.html        网站做好了,怎样才能让 ...

  6. 如何让你的网站排名靠前

    网站做好了,怎样才能让你的网站在各大搜索引擎中排名靠前呢?网上的帖子很多,通过搜索和总结,整理出了一套自己行之有效的方法,写出来供大家参考 成功案例推荐: http://sooboo.com.cn/ ...

  7. 前端面试题总结(js部分)|下

    40 . 有这样一个 URL: http://item.taobao.com/item.htm?a=1&b=2&c=&d=xxx&e , 请写一段JS程序提取 URL ...

  8. 如何让你的网站排名靠前(转)

    网站做好了,怎样才能让你的网站在各大搜索引擎中排名靠前呢?网上的帖子很多,通过搜索和总结,整理出了一套自己行之有效的方法,写出来供大家参考 成功案例推荐: http://www.sooboo.com. ...

  9. form表单提交前进行ajax或js验证,校验不通过不提交

    在使用form表单进行提交数据前,需要进行数据的校验->表单的校验(如:两次密码输入是否相同)+后台数据的校验(如:账号是否存在),这个时候,如果哪步校验不通过,表单将停止提交,同时避免后台主键 ...

最新文章

  1. 10款屏幕取色器/颜色拾取工具软件介绍及下载地址[转]
  2. 【算法】双指针算法 ( 有效回文串 II )
  3. Resolving Problems installing the Java JCE Unlimited Strength Jurisdiction Policy Files package--转
  4. ios退款 怎么定位到是哪个用户_关于ios企业签名必须知道的几点
  5. ActionForm类及表单数据验证
  6. linux服务器管理书籍,linux服务器管理
  7. 登录界面验证码的实现
  8. proxychains-ng 工作原理分析
  9. Object类的wait和notify详解
  10. Java商城系统后端和小程序模板、毕业设计下载
  11. 【论文笔记】MOBA类游戏中的强化学习论文5篇
  12. android 获取路由器id,华为路由器从旧路由获取宽带帐号和密码具体教程
  13. 【网络】交换机常用命令
  14. 我有阳光(我爱生活)
  15. SylixOS 技术简介
  16. GitHub标星90K,这份持续霸榜的Leetcode刷题手册到底有多强?
  17. 当别人加快脚步的时候,你更应该慢下来
  18. db2 jdbc 连接池_【转】java jdbc连接db2
  19. 没学过Word排版的看过来 Word排版技巧分享
  20. php全选删除文件,一个简单的PHP全选删除数据

热门文章

  1. 原理图中如何连线_Altium Designer10绘制原理图
  2. xslt 标签取集合第一条数据_1+x证书Web前端开发中级理论考试(试卷1)
  3. centos8 linux部署node项目
  4. AUTOSAR从入门到精通100讲(一)-SPI、UART、I2C总线详解
  5. php curl 要安装pear,MacOS 安装pear
  6. webpack打包生成的map文件_一站式搞明白webpack中的代码分割
  7. html字符实体标签语法,HTML字符实体与文本格式化标签
  8. 使用 HTML5 Canvas 绘制出惊艳的水滴效果
  9. 用jQuery监听浏览器窗口的变化
  10. 关于图片预加载的思考